*{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;overscroll-behavior-y:none}body{margin:0;height:100vh;font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#06000d;color:#fff;overflow-x:hidden;overscroll-behavior:none;overscroll-behavior-y:none;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}#root{height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);position:relative;min-width:320px}button,[role=button],input[type=submit],input[type=button]{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(max-width:575px){body{font-size:16px}h1,.MuiTypography-h1{font-size:1.8rem!important}h2,.MuiTypography-h2{font-size:1.6rem!important}h3,.MuiTypography-h3{font-size:1.4rem!important}h4,.MuiTypography-h4{font-size:1.3rem!important}h5,.MuiTypography-h5{font-size:1.2rem!important}h6,.MuiTypography-h6{font-size:1.1rem!important}.MuiTypography-body1{font-size:1rem!important}.MuiTypography-body2,.MuiButton-root{font-size:.9rem!important}.MuiInputBase-input{font-size:1rem!important}.MuiInputLabel-root{font-size:.9rem!important}.MuiChip-root{font-size:.8rem!important}.MuiListItemText-primary{font-size:1rem!important}.MuiListItemText-secondary{font-size:.9rem!important}.MuiSvgIcon-root{font-size:1.3rem!important}}@supports (-webkit-touch-callout: none){@media(max-width:575px){h1,.MuiTypography-h1{font-size:2rem!important}h2,.MuiTypography-h2{font-size:1.8rem!important}h3,.MuiTypography-h3{font-size:1.6rem!important}h4,.MuiTypography-h4{font-size:1.4rem!important}h5,.MuiTypography-h5{font-size:1.3rem!important}h6,.MuiTypography-h6{font-size:1.2rem!important}.MuiTypography-body1{font-size:1.1rem!important}.MuiTypography-body2,.MuiButton-root{font-size:1rem!important}.MuiInputBase-input{font-size:1.1rem!important}.MuiInputLabel-root{font-size:1rem!important}.MuiChip-root{font-size:.9rem!important}.MuiListItemText-primary{font-size:1.1rem!important}.MuiListItemText-secondary{font-size:1rem!important}.MuiTypography-caption,.MuiTypography-colorTextSecondary,[data-color="text.secondary"],.MuiTypography-root[color="text.secondary"],.MuiCardContent-root .MuiTypography-caption{color:#ffffffe6!important;font-size:.9rem!important}.MuiSvgIcon-root{font-size:1.5rem!important}.MuiSvgIcon-fontSizeSmall,.MuiSvgIcon-root[fontSize=small]{font-size:1.2rem!important}}}.MuiSvgIcon-root{filter:none!important;text-shadow:none!important;box-shadow:none!important;background:none!important;background-image:none!important;background-clip:unset!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;-webkit-filter:none!important;-moz-filter:none!important;-ms-filter:none!important;-o-filter:none!important}.MuiSvgIcon-root path,.MuiSvgIcon-root circle,.MuiSvgIcon-root rect,.MuiSvgIcon-root polygon,.MuiSvgIcon-root ellipse,.MuiSvgIcon-root line{filter:none!important;-webkit-filter:none!important;text-shadow:none!important;box-shadow:none!important;stroke-shadow:none!important;drop-shadow:none!important;fill:currentColor!important;stroke:currentColor!important}h1 .MuiSvgIcon-root,h2 .MuiSvgIcon-root,h3 .MuiSvgIcon-root,h4 .MuiSvgIcon-root,h5 .MuiSvgIcon-root,h6 .MuiSvgIcon-root,.MuiTypography-h1 .MuiSvgIcon-root,.MuiTypography-h2 .MuiSvgIcon-root,.MuiTypography-h3 .MuiSvgIcon-root,.MuiTypography-h4 .MuiSvgIcon-root,.MuiTypography-h5 .MuiSvgIcon-root,.MuiTypography-h6 .MuiSvgIcon-root{filter:none!important;text-shadow:none!important;box-shadow:none!important;background:none!important;background-image:none!important;background-clip:unset!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important}.MuiIconButton-root .MuiSvgIcon-root,.MuiButton-root .MuiSvgIcon-root{filter:none!important;text-shadow:none!important;box-shadow:none!important}.MuiIconButton-root:hover .MuiSvgIcon-root,.MuiButton-root:hover .MuiSvgIcon-root,.MuiIconButton-root:focus .MuiSvgIcon-root,.MuiButton-root:focus .MuiSvgIcon-root{filter:none!important;transform:none!important;text-shadow:none!important;box-shadow:none!important}.MuiChip-root .MuiSvgIcon-root,.MuiChip-icon .MuiSvgIcon-root,.MuiBottomNavigation-root .MuiSvgIcon-root,.MuiBottomNavigationAction-root .MuiSvgIcon-root,.MuiListItemIcon-root .MuiSvgIcon-root,.MuiCard-root .MuiSvgIcon-root,.MuiCardContent-root .MuiSvgIcon-root{filter:none!important;text-shadow:none!important;box-shadow:none!important}.MuiSvgIcon-colorPrimary,.MuiSvgIcon-colorSecondary,.MuiSvgIcon-colorAction,.MuiSvgIcon-colorError,.MuiSvgIcon-colorDisabled{filter:none!important;text-shadow:none!important;box-shadow:none!important;background:none!important;background-image:none!important}.MuiAvatar-root .MuiSvgIcon-root,.MuiBadge-root .MuiSvgIcon-root{filter:none!important;text-shadow:none!important;box-shadow:none!important}@media(max-width:575.98px){.container{padding:.5rem}.dashboard-header{padding:1rem .5rem;text-align:center}.dashboard-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.dashboard-tabs::-webkit-scrollbar{display:none}.card-grid{grid-template-columns:1fr;gap:.75rem}.audio-player-mobile{position:fixed;bottom:0;left:0;right:0;z-index:1300;padding-bottom:env(safe-area-inset-bottom)}}@media(min-width:576px)and (max-width:767.98px){.container{padding:1rem}.card-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(min-width:768px)and (max-width:991.98px){.card-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:992px)and (max-width:1199.98px){.card-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:1200px){.card-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.mobile-only{display:block}.desktop-only{display:none}@media(min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}*:focus{outline:2px solid #B19CD9;outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:#b19cd9;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-link:focus{top:6px}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}.audio-player-compact{height:80px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06000df2}.audio-player-expanded{height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06000dfa}@supports (padding: max(0px)){.safe-area-padding{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.safe-area-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#b19cd980;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b19cd9cc}@media print{.no-print{display:none!important}}body.pwa-installed{position:static;overflow:visible}body.pwa-installed #root{padding-top:max(env(safe-area-inset-top),0px);padding-bottom:max(env(safe-area-inset-bottom),0px);padding-left:max(env(safe-area-inset-left),0px);padding-right:max(env(safe-area-inset-right),0px)}input,textarea,select{font-size:16px!important}.pwa-appbar{padding-top:env(safe-area-inset-top)!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;position:fixed!important;top:0!important;width:100%!important;z-index:1100!important}.pwa-main-content{margin-top:calc(56px + env(safe-area-inset-top))!important;padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;min-height:calc(100vh - 56px - env(safe-area-inset-top))!important}@media(min-width:600px){.pwa-main-content{margin-top:70px!important;padding:24px!important;min-height:calc(100vh - 70px)!important}.pwa-appbar{padding-top:0!important;padding-left:0!important;padding-right:0!important}}.pwa-drawer{padding-top:env(safe-area-inset-top)!important;padding-left:env(safe-area-inset-left)!important;padding-bottom:env(safe-area-inset-bottom)!important}*{max-width:100%;box-sizing:border-box}img,video,iframe{max-width:100%;height:auto}@media(hover:none)and (pointer:coarse){button,[role=button],a,input,select,textarea{min-height:44px;min-width:44px}.MuiButton-root:hover,.MuiIconButton-root:hover,.MuiListItemButton-root:hover{background-color:transparent!important}}@media screen and (orientation:landscape)and (max-width:768px){html,body,#root{transform:rotate(0)!important}.mobile-landscape-hide{display:none!important}}.focus-album-cover{transition:transform .3s ease}@media screen and (orientation:landscape)and (max-width:768px){.focus-album-cover.allow-landscape{transform:rotate(0);max-width:60vh;max-height:60vw}}.app-container{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden}.ui-element{transform:rotate(0)!important}@media screen and (display-mode:standalone)and (orientation:landscape)and (max-width:768px){body{width:100vh;height:100vw;transform-origin:top left;overflow:hidden}}.MuiTypography-caption{color:#fffc!important;font-size:.85rem!important}.MuiTypography-colorTextSecondary,.MuiSvgIcon-colorAction{color:#fffc!important}.config-panel{padding:24px;background:var(--background-secondary, #1a1a2e);border-radius:12px;color:var(--text-primary, #fff)}.config-panel.loading,.config-panel.error{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:1.1rem}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.config-header h2{margin:0;font-size:1.5rem}.btn-refresh{padding:8px 16px;background:var(--accent-color, #6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:opacity .2s}.btn-refresh:hover{opacity:.9}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px}.alert.error{background:#ef444433;border:1px solid #ef4444;color:#fca5a5}.alert.success{background:#22c55e33;border:1px solid #22c55e;color:#86efac}.tabs{display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px;margin-bottom:24px;flex-wrap:wrap}.tabs button{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary, #a0a0a0);cursor:pointer;transition:all .2s}.tabs button:hover{background:#ffffff1a}.tabs button.active{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1);color:#fff}.section h3{margin-bottom:20px;font-size:1.2rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.85rem;color:var(--text-secondary, #a0a0a0);text-transform:capitalize}.field input{padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem}.field input:focus{outline:none;border-color:var(--accent-color, #6366f1)}.field .unit{font-size:.8rem;color:var(--text-secondary, #a0a0a0)}.btn-save{padding:12px 24px;background:var(--accent-color, #6366f1);border:none;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:opacity .2s}.btn-save:hover{opacity:.9}.btn-save:disabled{opacity:.5;cursor:not-allowed}.distribution-preview{margin-bottom:20px}.distribution-preview .bar{display:flex;height:40px;border-radius:8px;overflow:hidden}.distribution-preview .segment{display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500}.distribution-preview .segment.artists{background:#22c55e}.distribution-preview .segment.app{background:#6366f1}.distribution-preview .segment.listeners{background:#f59e0b}.sponsor-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:20px}.plan-card{background:#ffffff0d;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.plan-card.disabled{opacity:.5}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.plan-name{font-size:1.1rem;font-weight:600;background:transparent;border:none;color:#fff;padding:4px 0;width:150px}.toggle{position:relative;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#fff3;border-radius:24px;transition:.3s}.toggle .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle input:checked+.slider{background:var(--accent-color, #6366f1)}.toggle input:checked+.slider:before{transform:translate(20px)}.plan-field{margin-bottom:12px}.plan-field label{display:block;font-size:.8rem;color:var(--text-secondary, #a0a0a0);margin-bottom:4px}.plan-field input{width:100%;padding:8px 10px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff}.plan-field .preview{font-size:.85rem;color:#22c55e;margin-top:4px}.range-inputs{display:flex;align-items:center;gap:8px}.range-inputs input{width:80px}.range-inputs span{color:var(--text-secondary, #a0a0a0)}.engagement-tiers{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}.tier-card{background:#ffffff0d;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.tier-name{font-size:1.1rem;font-weight:600;background:transparent;border:none;color:#fff;padding:4px 0;margin-bottom:12px;width:100%}.tier-fields{display:flex;gap:12px}.tier-fields .field{flex:1}.tier-fields input{width:100%}@media(max-width:768px){.grid,.sponsor-plans{grid-template-columns:1fr}.tabs{flex-direction:column}.tabs button{width:100%;text-align:left}}
