:root{color:#eef3ff;font-synthesis:none;text-rendering:optimizelegibility;background:#080b11;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% -10%,#6366f12b,#0000 36%),radial-gradient(circle at 10% 40%,#0ea5e914,#0000 28%),#080b11;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{background:#090c12eb;border-right:1px solid #202633;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 26px;display:flex}.brand strong{font-size:14px;display:block}.brand span{color:#70798b;margin-top:2px;font-size:11px;display:block}.brandMark{background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid;box-shadow:0 8px 26px #6366f14d}.brandMark.large{border-radius:15px;width:52px;height:52px;margin-bottom:16px}.sidebar nav{gap:6px;display:grid}.sidebar nav button,.ghost{color:#929caf;text-align:left;background:0 0;border:0;border-radius:10px;padding:11px 12px;transition:all .15s}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#151a24}.sidebar nav button.active{box-shadow:inset 2px 0 #7c5cff}.sideFooter{color:#667085;margin-top:auto;padding:14px 8px 0;font-size:11px;line-height:1.5}.safeBadge{color:#8ff0bd;letter-spacing:.12em;background:#22c55e1a;border:1px solid #22c55e38;border-radius:999px;margin-bottom:7px;padding:4px 8px;font-size:9px;font-weight:800;display:inline-block}.sideFooter .ghost{margin-top:14px;padding-left:0;font-size:12px}main{min-width:0;padding:30px 34px 60px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.eyebrow{color:#7d8aa1;letter-spacing:.13em;margin:0 0 5px;font-size:10px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:0;font-size:clamp(26px,3vw,38px)}h2{letter-spacing:-.02em;margin-bottom:0;font-size:18px}h3{margin-bottom:6px;font-size:17px}.topActions{gap:10px;display:flex}.primary,.secondary{border:1px solid #0000;border-radius:10px;padding:10px 15px;font-size:13px;font-weight:750}.primary{color:#fff;background:linear-gradient(135deg,#7048f5,#395ee9);box-shadow:0 9px 26px #4f46e538}.secondary{color:#d6dbea;background:#121722;border-color:#293144}.wide{width:100%}.notice{color:#cbd5e1;background:#1e293b8c;border:1px solid #28344c;border-radius:10px;margin:-8px 0 20px;padding:11px 14px;font-size:13px}.kpiGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{background:linear-gradient(#161b26eb,#0e121af0);border:1px solid #202838;border-radius:13px;padding:17px}.kpi span{color:#778298;margin-bottom:9px;font-size:11px;display:block}.kpi strong{letter-spacing:-.03em;font-size:23px}.twoCol{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:16px;margin-bottom:16px;display:grid}.panel{background:#0e121adb;border:1px solid #202838;border-radius:15px;margin-bottom:16px;padding:20px;overflow:hidden}.panelHead{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.panelHead>span{color:#7e889a;font-size:12px}.tableWrap{margin:0 -4px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{color:#69758b;text-align:left;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #222a38;padding:9px 10px;font-size:10px}td{color:#aab3c3;border-bottom:1px solid #1a202c;padding:12px 10px}td strong{color:#edf2fa;font-size:12px;display:block}td small{color:#667085;margin-top:4px;display:block}.score{color:#b8d1ff;background:#3b82f61f;border:1px solid #3b82f633;border-radius:8px;place-items:center;min-width:38px;height:28px;padding:0 7px;font-weight:800;display:inline-grid}.score.big{min-width:52px;height:34px;font-size:15px}.status{color:#a4aec0;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#1d2430;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-block}.status.approved,.status.completed{color:#8be5ad;background:#22c55e1a}.status.experiment,.status.awaiting_music_provider{color:#d8c5ff;background:#7c3aed21}.status.rejected{color:#f3a5a5;background:#ef44441a}.integrationList{display:grid}.integration{text-transform:capitalize;border-bottom:1px solid #1e2531;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.integration:last-child{border-bottom:0}.integration strong{font-size:12px;display:block}.integration span{color:#687386;margin-top:3px;font-size:10px;display:block}.dot{background:#4b5563;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4b55631a}.dot.online{background:#22c55e;box-shadow:0 0 0 4px #22c55e1a}.dot.ready{background:#60a5fa;box-shadow:0 0 0 4px #60a5fa1a}.integrationActions{align-items:center;gap:8px;display:flex}.mini{border-radius:7px;padding:6px 9px;font-size:10px}.eventList{display:grid}.event{border-bottom:1px solid #1c2430;grid-template-columns:10px 1fr auto;align-items:start;gap:12px;padding:13px 0;display:grid}.event:last-child{border-bottom:0}.eventDot{background:#6381ff;border-radius:50%;width:7px;height:7px;margin-top:5px;box-shadow:0 0 12px #6381ff80}.eventDot.warning{background:#f59e0b}.event strong{margin-right:7px;font-size:12px}.event span{color:#68758a;text-transform:uppercase;font-size:10px}.event p{color:#9ba5b5;margin:5px 0 0;font-size:12px}.event time{color:#566174;white-space:nowrap;font-size:10px}.opportunityCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.opportunityCard{background:linear-gradient(#191f2bbf,#0f131bd1);border:1px solid #242d3c;border-radius:13px;padding:16px}.cardTop{justify-content:space-between;align-items:start;gap:10px;margin-bottom:15px;display:flex}.opportunityCard p{color:#7d889b;min-height:18px;font-size:12px}.signalGrid{grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0;display:grid}.signalGrid span{color:#667085;font-size:9px}.signalGrid b{color:#e5eaf4;margin-top:4px;font-size:13px;display:block}.marketTags{flex-wrap:wrap;gap:5px;display:flex}.marketTags em{color:#8491a8;border:1px solid #263044;border-radius:6px;padding:3px 6px;font-size:9px;font-style:normal}.cardActions{justify-content:flex-end;gap:7px;margin-top:16px;display:flex}.cardActions button{padding:7px 10px;font-size:11px}.trackList{display:grid}.trackRow{border-bottom:1px solid #1d2531;grid-template-columns:38px minmax(180px,1fr) auto minmax(160px,auto) auto;align-items:center;gap:14px;padding:13px 0;display:grid}.trackRow:last-child{border:0}.trackIcon{color:#c5b7ff;background:#7c3aed1c;border-radius:10px;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.trackMain strong{font-size:12px;display:block}.trackMain span,.trackMeta span{color:#657184;margin-top:3px;font-size:10px;display:block}.trackMeta{text-align:right}.trackActions{justify-content:flex-end;gap:7px;display:flex}.empty{color:#69758a;text-align:center;border:1px dashed #273144;border-radius:12px;padding:40px 15px}.settingsGrid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.formGrid{grid-template-columns:1fr 1fr;gap:13px;margin:18px 0;display:grid}label{color:#7d889a;font-size:11px;font-weight:650}input{color:#edf2f9;background:#0b1018;border:1px solid #293346;border-radius:9px;outline:none;width:100%;margin-top:7px;padding:10px 11px}input:focus{border-color:#6658df;box-shadow:0 0 0 3px #6353e01a}.switch input{display:none}.switch span{background:#2a3342;border-radius:999px;width:42px;height:24px;transition:all .15s;display:block;position:relative}.switch span:after{content:"";background:#8c96a8;border-radius:50%;width:18px;height:18px;transition:all .15s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:#5b49dc}.switch input:checked+span:after{background:#fff;left:21px}.guardrails ul{margin:17px 0 0;padding-left:18px}.guardrails li{color:#98a3b5;margin:10px 0;font-size:12px;line-height:1.5}.loginPage{background:radial-gradient(circle at 50% 10%,#6366f12e,#0000 35%);place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:#0c1018f0;border:1px solid #252d3c;border-radius:18px;width:min(400px,100%);padding:32px;box-shadow:0 25px 80px #00000059}.loginCard h1{margin-bottom:7px;font-size:29px}.loginCard>p:not(.eyebrow){color:#758196;margin-bottom:26px;font-size:13px}.loginCard label{margin:13px 0;display:block}.loginCard .wide{margin-top:10px}.error{color:#fca5a5;margin:8px 0;font-size:11px}@media (width<=1100px){.kpiGrid{grid-template-columns:repeat(3,1fr)}.opportunityCards{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.shell{display:block}.sidebar{border-bottom:1px solid #202633;border-right:0;width:100%;height:auto;padding:15px;position:relative}.brand{padding-bottom:13px}.sidebar nav{grid-template-columns:repeat(5,minmax(110px,1fr));overflow-x:auto}.sidebar nav button{white-space:nowrap;text-align:center}.sideFooter{display:none}main{padding:22px 15px 50px}.topbar{flex-direction:column;align-items:flex-start}.topActions{width:100%}.topActions button{flex:1}.twoCol,.settingsGrid,.opportunityCards{grid-template-columns:1fr}.trackRow{grid-template-columns:36px 1fr auto}.trackMeta{display:none}.trackActions{grid-column:2/-1;justify-content:flex-start}}@media (width<=520px){.kpiGrid{grid-template-columns:repeat(2,1fr)}.formGrid{grid-template-columns:1fr}.event{grid-template-columns:9px 1fr}.event time{display:none}}.scheduleControl{align-items:center;gap:6px;display:flex}.scheduleControl input{color:#cbd5e1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d121b;border:1px solid #273142;border-radius:8px;width:178px;padding:7px 8px;font-size:10px}.scheduleControl input:focus{border-color:#6d5dfc;outline:none;box-shadow:0 0 0 2px #6d5dfc1f}@media (width<=760px){.scheduleControl{flex-wrap:wrap;width:100%}.scheduleControl input{flex:1;min-width:180px}}.learningPanel{background:radial-gradient(circle at 12% 10%,#4b55ff14,#0000 32%),#0e121adb}.learningSummary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.learningSummary>div{background:#0a0e158c;border:1px solid #222c3c;border-radius:11px;padding:13px}.learningSummary span{color:#69758a;margin-bottom:7px;font-size:10px;display:block}.learningSummary strong{font-size:19px}.learningGroups{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.learningList{border:1px solid #202a39;border-radius:11px;padding:13px}.learningList h3{color:#9aa5b6;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:11px}.learningRow{border-bottom:1px solid #1b2330;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.learningRow:last-child{border:0}.learningRow strong{font-size:11px;display:block}.learningRow span,.muted{color:#647084;font-size:9px}.learningRow b{color:#b8d1ff;font-size:12px}.learningDelta{color:#7f8ba0;white-space:nowrap;margin-top:4px;font-size:8px;display:block}.scoreStack{text-align:right}.controlToggles{gap:8px;margin-bottom:16px;display:grid}.controlToggles>div{background:#0a0e157a;border:1px solid #222c3c;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;padding:12px 13px;display:flex}.controlToggles strong{font-size:12px;display:block}.controlToggles div>span{color:#69758a;margin-top:4px;font-size:9px;display:block}@media (width<=760px){.learningGroups{grid-template-columns:1fr}.learningSummary{grid-template-columns:1fr 1fr 1fr}}@media (width<=520px){.learningSummary{grid-template-columns:1fr}}.sunoConnect{background:#0a0e15b8;border:1px solid #28344c;border-radius:11px;margin-top:14px;padding:14px}.sunoConnect p{color:#8390a5;margin:0 0 12px;font-size:11px;line-height:1.5}.sunoConnect label{margin-top:10px;display:block}.sunoCheck{cursor:pointer;align-items:flex-start;gap:9px;margin-top:12px!important;display:flex!important}.sunoCheck input{width:auto;margin:2px 0 0}.sunoCheck span{color:#9aa6b8;font-size:10px;line-height:1.45}.sunoActions{justify-content:flex-end;gap:8px;margin-top:13px;display:flex}@media (width<=520px){.integration{align-items:flex-start;gap:10px}.integrationActions{flex-wrap:wrap;justify-content:flex-end}.sunoActions{justify-content:stretch}.sunoActions button{flex:1}}