:root{color-scheme:dark;--bg:#0a0e1b;--card:#111829;--card2:#151e31;--line:#253047;--muted:#8997b2;--text:#f3f6ff;--brand:#7f74f9;--brand2:#43d5ca;--input:#0c1424;--green:#47d6a1;--amber:#f0b963;--red:#fe7f89;--blue:#7cacf9;--purple:#aa9dff;--radius:17px;--shadow:0 16px 45px rgba(0,0,0,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.05px}h2{font-size:17px;letter-spacing:-.35px;margin:0 0 4px}h3{font-size:15px;margin:0 0 10px}p{line-height:1.6}small,.muted{color:var(--muted)}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;flex:0 0 260px;background:#0e1423;border-right:1px solid #1d263a;display:flex;flex-direction:column;padding:30px 15px 18px;position:sticky;top:0;height:100vh;overflow-y:auto}.logo{display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:-.5px;font-weight:750;padding:4px 10px 38px}.logo b,.install-brand span,.auth-logo b{color:#a9a2ff}.logo small{display:block;font-size:9px;letter-spacing:3px;color:#627391;margin-top:-2px;font-weight:700}.brand-mark{width:39px;height:39px;display:flex;align-items:center;justify-content:center;flex:0 0 39px;border-radius:13px;background:linear-gradient(135deg,#8174ff,#4cbbd9);box-shadow:0 9px 22px rgba(107,113,248,.25);color:#fff;font-size:18px}.sidebar-label{font-size:10px;color:#61708d;font-weight:800;letter-spacing:2px;padding:14px 15px 12px}.nav{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:13px;color:#8e9cb5;padding:12px 14px;border-radius:11px;font-size:13px;font-weight:580;transition:background .15s,color .15s}.nav-link:hover{background:#1b263a;color:#f6f8ff}.nav-link.active{background:linear-gradient(90deg,rgba(123,113,248,.21),rgba(123,113,248,.06));color:#dcd9ff;border-left:2px solid #8279ff}.nav-icon{font-size:19px;width:22px;text-align:center;line-height:1}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-tip{background:linear-gradient(145deg,#211e43,#12233a);border:1px solid #30315f;padding:16px;border-radius:14px;margin:0 4px 20px}.sidebar-tip strong{font-size:13px;color:#c9c3ff}.sidebar-tip p{font-size:11px;line-height:1.6;color:#a5b1cd;margin:7px 0 0}.sidebar-user{border-top:1px solid #202c42;padding:18px 4px 0;display:flex;align-items:center;gap:10px}.sidebar-user>div:nth-child(2){min-width:0;flex:1}.sidebar-user strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{display:block;font-size:10px}.avatar{background:linear-gradient(135deg,#554bba,#2d6597);width:37px;height:37px;flex:0 0 37px;border-radius:11px;display:grid;place-items:center;font-weight:800}.sidebar-user form{margin:0}.icon-button{background:transparent;color:#8a98b4;border:0;font-size:22px;padding:5px 7px;border-radius:8px}.icon-button:hover{background:#1a263b;color:white}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:75px;border-bottom:1px solid #1e273a;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3.2vw,48px);background:rgba(13,19,33,.94)}.topbar-location{font-size:11px;letter-spacing:1.2px;color:#7585a2;font-weight:650}.topbar-location strong{color:#e4eaff;font-weight:650}.topbar-location .muted{margin:0 6px}.topbar-right{display:flex;align-items:center;gap:18px}.small-pill{border:1px solid #3a3867;background:#231f3c;padding:6px 10px;border-radius:999px;font-size:10px;letter-spacing:.5px;color:#c7bfff;font-weight:750}.topbar-name{font-size:12px;color:#9cabc3}.main-content{padding:33px clamp(20px,3.2vw,48px) 60px;max-width:1550px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h1{font-size:clamp(25px,2.6vw,32px);font-weight:780;margin:4px 0 5px;line-height:1.22}.page-heading p{color:var(--muted);margin:0;font-size:13px}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#887ffb;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:9px 16px;border:1px solid transparent;border-radius:9px;font-weight:680;font-size:12px;transition:.17s;white-space:nowrap;text-align:center}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(120deg,#7970f1,#6358d9);color:#fff;box-shadow:0 7px 22px rgba(102,89,221,.16)}.btn-primary:hover{background:linear-gradient(120deg,#8f85ff,#6b60e5)}.btn-outline{border-color:#394761;background:#192236;color:#e5eaff}.btn-outline:hover{border-color:#8076f2}.btn-ghost{border-color:#2c3650;background:transparent;color:#b6c4dd}.btn-ghost:hover{color:white;background:#202a3f}.btn-danger{border-color:#58313d;background:#2e1924;color:#ff8b99}.btn-danger:hover{background:#482535}.btn-sm{font-size:11px;min-height:32px;padding:6px 10px}.btn-large{min-height:48px;font-size:14px}.full-width{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.metric-card,.panel{background:linear-gradient(145deg,#131b2d,#111827);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric-card{padding:21px 22px}.metric-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a5b3cb;font-weight:600}.metric-symbol{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:650;background:#202e4c;color:#8fb9ff}.sym-1{color:#7de9b6;background:#18372f}.sym-2{color:#beafff;background:#302849}.sym-3{color:#f4c583;background:#403321}.metric-value{font-size:35px;font-weight:760;line-height:1.2;margin-top:10px;letter-spacing:-1.5px}.metric-note{font-size:11px;color:#73829e;margin-top:7px}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:20px;margin-bottom:22px}.content-grid.align-start{align-items:start}.content-grid>.panel,.content-grid>.stack{min-width:0}.panel{padding:24px 25px;margin-bottom:21px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px}.panel-heading p{font-size:11px;color:var(--muted);margin:3px 0 0}.text-link{font-size:12px;font-weight:650;color:#b1aaff}.text-link:hover{color:white}.progress-row{margin-bottom:18px}.progress-row:last-child{margin-bottom:2px}.progress-caption{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:7px;color:#aab9d3}.progress-caption strong{color:#eaf0ff}.progress-track{background:#29344a;border-radius:100px;height:9px;overflow:hidden}.progress-bar{height:9px;min-width:0;border-radius:100px;background:var(--green)}.bar-purple{background:#9b89ef}.bar-blue{background:#6da2f0}.bar-red{background:#f37a88}.health-row{border-bottom:1px solid #253048;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;font-size:12px;color:#bdc7db}.health-row:last-of-type{border-bottom:0}.health-text{color:#a6c4f2;font-size:11px}.mt-lg{margin-top:18px}.table-scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}thead th{text-align:left;color:#73829e;font-weight:800;font-size:10px;letter-spacing:1.1px;padding:13px 12px 15px;border-bottom:1px solid #2a344a}tbody td{padding:17px 12px;border-bottom:1px solid #242e42;vertical-align:middle;color:#bbc7df}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:rgba(255,255,255,.015)}.table-title{font-size:12px;font-weight:700;color:#edf1ff;max-width:320px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.table-small{color:#7484a1;font-size:11px;max-width:260px;word-break:break-word;margin-top:3px}.nowrap{white-space:nowrap}.empty-cell{text-align:center;padding:42px 10px;color:#7888a4}.status{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:750;border-radius:100px;padding:5px 9px;border:1px solid #3b4458;background:#252d3d;color:#b0bdd3;white-space:nowrap}.status-dot{width:6px;height:6px;background:currentColor;border-radius:99px}.status-green{color:#71e7b1;background:#18382f;border-color:#245542}.status-blue{color:#94beff;background:#203452;border-color:#294876}.status-purple{color:#b5a8ff;background:#312850;border-color:#4a3c78}.status-red{color:#ff9da7;background:#3c2433;border-color:#653645}.status-amber{color:#f8d087;background:#403622;border-color:#62512d}.pill-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.filter-pill{font-size:11px;border-radius:999px;padding:7px 13px;border:1px solid #28364c;color:#8da0be;background:#111b2b}.filter-pill:hover{color:white}.filter-pill.selected{border-color:#786cec;background:#2a254b;color:#dad4ff}.slim-panel{padding:8px 18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid.two-cols{gap:14px}.form-grid .full,.form-section.full{grid-column:1/-1}.form-section h2{font-size:17px;margin-bottom:2px}.form-section p{font-size:11px;color:var(--muted);margin:0}.form-section{padding:3px 0 5px}label{display:block;color:#b8c5dd;font-size:12px;font-weight:680}label small{display:block;font-weight:400;font-size:11px;margin-top:6px;color:#788ba6}input:not([type=checkbox]),textarea,select{display:block;width:100%;background:var(--input);border:1px solid #2b3952;border-radius:9px;color:#e9eefb;font-size:12px;outline:none;padding:12px 13px;min-height:43px;margin-top:8px;transition:border .2s,box-shadow .2s}textarea{resize:vertical;min-height:96px;line-height:1.7}input:focus,textarea:focus,select:focus{border-color:#9188ff;box-shadow:0 0 0 3px rgba(126,115,246,.1)}input::placeholder,textarea::placeholder{color:#5b6d86}select{appearance:auto}option{background:#131b2d}.required{color:#e69aa8}.optional{font-weight:450;color:#6e7f9b}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid #263147}.check-option{display:flex;align-items:center;gap:10px;font-weight:520;line-height:1.5}.check-option input{width:16px;height:16px;accent-color:#877eff;flex:0 0 auto}.checkbox-row{padding:6px 0}.stack{display:flex;flex-direction:column;gap:16px}.gap-lg{gap:20px}.section-divider{border-top:1px solid #263047;margin:22px 0}.video-summary{display:flex;align-items:center;justify-content:space-between;border-radius:13px;background:#151d2e;border:1px solid #29344b;padding:13px 18px;margin-bottom:22px;gap:12px}.video-summary>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.summary-item{color:#8394b1;font-size:11px}.button-row{display:flex;flex-wrap:wrap;gap:8px}.inline-form{display:inline-block;margin:0}.video-preview{border-radius:10px;max-height:430px;max-width:100%;display:block;margin:0 auto 12px;background:#070d18;object-fit:contain}.placeholder-preview{height:280px;background:radial-gradient(circle at 60% 38%,#28245b,#11172d 58%,#0e1424);border:1px dashed #3f4264;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.placeholder-preview span{font-size:55px;color:#8176e7}.placeholder-preview strong{font-size:14px}.placeholder-preview small{font-size:11px}.audio-preview{border-top:1px solid #26334a;margin-top:17px;padding-top:14px}.audio-preview small{display:block;margin-bottom:10px}.audio-preview audio{width:100%;height:40px}.thumbnail-preview{width:100%;max-height:250px;object-fit:contain;border-radius:10px;background:#0c1220}.small-notice{font-size:11px;line-height:1.7;color:#7587a4;margin:14px 0 0}.schedule-card{padding:15px 0;border-bottom:1px solid #2a344a;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.schedule-card:last-child{border:0}.schedule-card strong,.category-row strong,.channel-row strong{font-size:13px}.schedule-card p{font-size:11px;margin:5px 0 3px;color:#9baccc}.schedule-card small{font-size:10px}.schedule-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:35px 20px;gap:7px;color:#a4b2cb}.empty-state>span{font-size:43px;color:#887bfa}.empty-state strong{font-size:13px;color:#e9edfd}.empty-state p{font-size:12px;max-width:250px;color:#72819c;margin:0}.category-row{padding:13px 0;border-bottom:1px solid #2a344b;display:flex;align-items:center;justify-content:space-between;gap:12px}.category-row small,.channel-row small{font-size:10px;display:block;margin-top:4px}.channel-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #253047;padding:14px 0}.channel-row:last-child{border:none}.channel-row>div:nth-child(2){flex:1;min-width:0}.channel-row>div:nth-child(2) strong{word-break:break-word}.channel-avatar{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:12px;color:#bdb8ff;background:#282446}.number-list{margin:20px 0 0;padding-left:20px;font-size:12px;color:#9cabca;line-height:2}.code-label{font-size:10px;letter-spacing:1.3px;color:#8a9dbd;font-weight:800;margin-top:16px}.code-box{font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:#080f1c;border:1px solid #2d3853;border-radius:9px;overflow-wrap:anywhere;padding:11px 12px;margin-top:7px;color:#bcd0fc}.connected-label{color:#79dfb7;font-size:10px;margin-left:6px}.timeline{display:flex;flex-direction:column;gap:0}.timeline-row{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid #263148}.timeline-row:last-child{border:0}.timeline-icon{width:28px;height:28px;border-radius:9px;background:#27254b;color:#c1b7ff;display:grid;place-items:center;flex:0 0 28px}.timeline-row strong{font-size:12px}.timeline-row p{font-size:10px;color:#8a99b4;margin:5px 0 0}.alert{border-radius:11px;border:1px solid #4c4760;padding:13px 16px;margin-bottom:20px;font-size:12px;line-height:1.6;background:#23263e;color:#d2d6fd}.alert-error{background:#35202e;border-color:#744050;color:#ffb9c2}.alert-success{background:#17392f;border-color:#33725b;color:#a8f4d2}.site-footer{padding:15px clamp(20px,3.2vw,48px) 23px;color:#65748f;font-size:10px;border-top:1px solid #1e273b;display:flex;justify-content:space-between;gap:10px}.mobile-menu{display:none}
/* Installer and login */
.auth-body,.install-body{background:radial-gradient(ellipse at 10% 0%,#211c47,transparent 48%),radial-gradient(ellipse at 93% 85%,#103344,transparent 45%),#0a0e1b;min-height:100vh;padding:35px 18px;display:grid;place-items:center}.auth-box{width:100%;max-width:445px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-.6px;margin-bottom:29px}.login-panel{border:1px solid #36415b;border-radius:22px;padding:39px;background:#131b2c;box-shadow:0 26px 85px rgba(0,0,0,.24)}.login-panel h1{font-size:29px;margin:5px 0 4px}.login-panel>p{font-size:13px;color:#8c9ab6;margin-bottom:27px}.auth-foot{text-align:center;color:#61718c;font-size:11px;margin-top:21px}.install-wrap{width:100%;max-width:760px;margin:0 auto}.install-brand{display:flex;align-items:center;gap:14px;margin-bottom:20px}.install-brand h1{font-size:27px;margin:0}.install-brand p{margin:0;color:#8593ad;font-size:12px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 25px}.check-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #273149;padding:9px 0;font-size:12px}.ok{color:#80e8b7;font-size:11px}.bad{color:#ff9da7;font-size:11px}.footer-note{text-align:center;color:#73809a;font-size:11px}.install-body .panel{margin-bottom:18px}.install-body .full{grid-column:1/-1}
@media(max-width:1120px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1fr)}.sidebar{width:234px;flex-basis:234px}.sidebar-tip{display:none}.topbar-name{display:none}}
@media(max-width:750px){.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;transform:translateX(-102%);transition:transform .25s;box-shadow:30px 0 70px rgba(0,0,0,.55)}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block;margin-right:15px}.topbar{height:65px;padding:0 17px;justify-content:flex-start}.topbar-right{margin-left:auto;gap:7px}.topbar-right .small-pill{display:none}.main-content{padding:23px 15px 40px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.panel{padding:19px 17px}.metric-grid{gap:10px}.metric-card{padding:16px}.metric-value{font-size:30px}.form-grid{grid-template-columns:1fr}.form-grid .full,.form-section.full{grid-column:auto}.content-grid{gap:0}.video-summary{align-items:flex-start;flex-direction:column}.site-footer{flex-direction:column;padding:14px 17px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}
@media(max-width:410px){.topbar-location{display:none}.topbar-right{margin-left:auto}.metric-grid{grid-template-columns:1fr 1fr}.metric-head{font-size:11px}.login-panel{padding:26px 19px}.check-grid{grid-template-columns:1fr}.metric-card{padding:13px 12px}.metric-value{font-size:27px}.page-heading{flex-wrap:wrap}.page-heading>.btn{width:100%}}

/* v2 visual refresh: creator workspace */
:root{--bg:#0a0e1a;--card:#141b2c;--card2:#182237;--line:#2a344a;--muted:#98a7c1;--text:#f6f7ff;--brand:#9d91ff;--brand2:#65dfd3;--input:#0c1525;--shadow:0 15px 42px rgba(2,5,16,.21)}
body.app-body{background:radial-gradient(ellipse 35% 25% at 87% 7%,#31215c26,transparent),radial-gradient(ellipse 28% 30% at 0% 70%,#0f7e8a0d,transparent),#0a0e1a}
.app-layout>.sidebar{background:linear-gradient(180deg,#111729 0,#0e1423 100%);border-right:1px solid #28314a}
.logo{font-size:19px;letter-spacing:-.8px}.logo b{color:#b4a3ff}.logo .brand-mark{background:linear-gradient(135deg,#ac98fa,#6855c8 72%,#42b8c7);box-shadow:0 8px 25px #8764db40}
.sidebar-home-link{font-size:11px;font-weight:700;border:1px solid #343c57;border-radius:11px;display:flex;justify-content:space-between;align-items:center;color:#bfb7fa;padding:12px 13px;margin:0 4px 16px;background:#191e35}.sidebar-home-link:hover{border-color:#8177bc;background:#222643}
.nav-link{border:1px solid transparent}.nav-link.active{border-color:#524977;background:linear-gradient(105deg,#322a57,#201f3c);color:#e1d8ff}.nav-link.active .nav-icon{color:#bcabff}
.topbar{background:#0e1422e8;border-bottom-color:#29334a;backdrop-filter:blur(10px)}.topbar .btn-primary{border-radius:10px}
.dashboard-hero{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:299px;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 77% 50%,#7770d44a,transparent 47%),linear-gradient(115deg,#292653,#242447 53%,#223d57);border:1px solid #504877;box-shadow:0 22px 65px #07091866;margin-bottom:33px;padding:30px 48px;gap:18px}
.dashboard-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#2a2a6000,#58dacf0d);opacity:.7}.dashboard-hero-copy{z-index:1;max-width:530px}.dashboard-hero-eyebrow{font-size:9px;font-weight:850;letter-spacing:2.1px;color:#c9b8ff;margin-bottom:14px}.dashboard-hero h1{font-weight:820;font-size:clamp(29px,3vw,42px);line-height:1.12;letter-spacing:-1.6px;margin:0 0 13px}.dashboard-hero h1 span{color:#a2f0e5}.dashboard-hero p{font-size:12px;line-height:1.8;color:#babfd8;margin:0 0 20px;max-width:420px}.dashboard-hero-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dashboard-hero .btn-primary{background:linear-gradient(110deg,#bca9ff,#9885ed);color:#181138;box-shadow:0 10px 25px #654bdc2c}.dashboard-hero .btn-primary:hover{background:#c9b7ff}.btn-hero-light{border:1px solid #7c78a2;background:#ffffff0d;color:#dcd9ff}.btn-hero-light:hover{background:#ffffff1f}
.dashboard-hero-art{height:240px;min-width:260px;width:290px;align-self:center;position:relative;z-index:1}.dashboard-art-glow{position:absolute;width:255px;height:255px;left:15px;top:-8px;border:1px solid #b5a3ff4d;border-radius:50%;box-shadow:0 0 0 36px #b5a3ff12,0 0 0 72px #b5a3ff0c}.dashboard-art-poster{position:absolute;width:137px;height:209px;left:84px;top:3px;border:4px solid #e6e3ff26;border-radius:21px;background:#151931;transform:rotate(11deg);box-shadow:0 18px 40px #0d11266e;overflow:hidden}.dashboard-art-poster img{width:100%;height:100%;object-fit:cover}.dashboard-art-poster span{position:absolute;top:42%;left:39%;background:#ffffff3d;backdrop-filter:blur(6px);border:1px solid #ffffff7a;border-radius:100%;width:32px;height:32px;display:grid;place-items:center;font-size:12px;color:white}.dashboard-art-bubble{position:absolute;top:35px;left:-6px;background:#141b37ed;border:1px solid #5d6495;border-radius:10px;padding:11px 14px;box-shadow:0 10px 22px #080b2555;transform:rotate(-5deg)}.dashboard-art-bubble strong{display:block;font-size:9px;color:#bdb3ff}.dashboard-art-bubble small{display:block;font-size:8px;color:#a8b5d4;margin-top:4px}.dashboard-art-bottom{position:absolute;bottom:0;right:-8px;background:#101b30f5;border:1px solid #506584;border-radius:8px;padding:9px 13px;font-size:8px;color:#9daed0;letter-spacing:1px;font-weight:800}.dashboard-art-bottom span{color:#5ee8b4;margin-left:11px}
.dashboard-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 15px}.dashboard-section-heading h2{font-size:18px;letter-spacing:-.45px}.dashboard-section-heading p{margin:3px 0 0;font-size:11px;color:#8193b0}
.metric-card,.panel{background:linear-gradient(145deg,#172034,#131a2a 65%);border-color:#2d374c}.metric-card{transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.metric-card:after{content:"";width:120px;height:120px;position:absolute;right:-65px;bottom:-75px;background:#9c88ff09;border:1px solid #a698ff19;border-radius:50%}.metric-card:hover{transform:translateY(-3px);border-color:#625c8a}.metric-value{font-size:38px}.metric-symbol{border-radius:11px}.sym-0{background:#292750;color:#b8a7ff}.sym-1{background:#1d3c3a;color:#7ee9cd}.sym-2{background:#293251;color:#b5b8ff}.sym-3{background:#433631;color:#ffd0a4}.panel{box-shadow:0 12px 30px #00000011}.panel-heading h2{font-size:17px}.btn-primary{background:linear-gradient(115deg,#a392ff,#7469dc);color:#161230;box-shadow:0 6px 20px #8c75eb2b}.btn-primary:hover{background:linear-gradient(115deg,#b6a5ff,#9484ec)}.btn-outline{background:#1a253c;border-color:#434b67}.eyebrow{color:#ada0ff}
/* Login: visual treatment shared with homepage */
.auth-body{background:radial-gradient(circle at 18% 18%,#53428633,transparent 38%),radial-gradient(circle at 84% 80%,#285b6f38,transparent 39%),#090d19}.auth-box{max-width:466px}.auth-logo .brand-mark{background:linear-gradient(135deg,#9d8cff,#4c9dab)}.login-panel{border-color:#3b3e67;background:linear-gradient(145deg,#1b2140,#121a2a);border-radius:24px;box-shadow:0 30px 90px #00000075}.login-panel h1{font-size:34px}.auth-foot{color:#91a0b6}.auth-logo{margin-bottom:26px}.login-panel .btn-primary{color:#1b1534}
@media(max-width:1120px){.dashboard-hero{padding:28px 32px}.dashboard-hero-art{min-width:230px;width:230px}.dashboard-art-poster{left:58px}.dashboard-art-bubble{left:-16px}.dashboard-art-bottom{right:-3px}}
@media(max-width:750px){.dashboard-hero{padding:27px 22px;min-height:250px}.dashboard-hero h1{font-size:32px}.dashboard-hero-art{display:none}.dashboard-hero p{font-size:12px}.dashboard-section-heading{flex-wrap:wrap}.dashboard-hero-buttons{gap:8px}.dashboard-hero-buttons .btn{flex:1}.sidebar-home-link{margin-bottom:14px}}
@media(max-width:410px){.dashboard-hero{padding:23px 17px}.dashboard-hero h1{font-size:28px}.dashboard-hero-buttons .btn{font-size:10px;padding:10px 8px}.dashboard-hero-eyebrow{letter-spacing:1.2px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.metric-card{transition:none}}

/* Mobile accessible drawer overlay */
.sidebar-backdrop{display:none}
@media(max-width:750px){.sidebar-backdrop{display:block;position:fixed;inset:0;background:#060a17b8;z-index:29;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-backdrop.open{opacity:1;pointer-events:auto}}

/* v2.1 YouTube Connect: focused guided flow, no database migration */
.youtube-setup-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 27px;margin-bottom:23px;border-radius:17px;border:1px solid #514e85;background:linear-gradient(120deg,#28264b,#161f35)}
.youtube-setup-hero h2{font-size:23px;letter-spacing:-.6px;margin:8px 0 6px}
.youtube-setup-hero p{font-size:12px;line-height:1.7;color:#bbc7e3;margin:0;max-width:650px}
.youtube-setup-stats{display:flex;flex-direction:column;gap:8px;min-width:165px}
.youtube-setup-chip{padding:9px 13px;border-radius:9px;border:1px solid #4e5377;background:#222941;color:#efecff;font-size:11px;font-weight:700;white-space:nowrap}
.youtube-setup-chip.is-done{background:#183b36;color:#9befd1;border-color:#347165}
.youtube-setup-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(245px,1fr);gap:22px;align-items:start}
.youtube-setup-main{display:flex;flex-direction:column;gap:20px}
.youtube-setup-aside{display:flex;flex-direction:column;gap:20px}
.youtube-step-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}
.youtube-step-header h2{font-size:18px;margin:2px 0 6px}
.youtube-step-header p{font-size:12px;line-height:1.7;color:#9fadc6;margin:0}
.youtube-step-number{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #9f8cff;border-radius:10px;background:#373065;color:#e6dcff;font-size:15px;font-weight:850}
.youtube-simple-list{margin:0 0 19px;padding-left:23px;color:#c0cbe0;font-size:12px;line-height:1.9}
.youtube-simple-list li{padding-left:4px;margin-bottom:7px}
.youtube-simple-list strong,.youtube-tip strong{color:#f1efff}
.youtube-step-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.youtube-redirect-box{overflow-wrap:anywhere;word-break:break-word;margin-bottom:13px}
.youtube-tip{font-size:11px;color:#a6b5d0;line-height:1.8;margin:14px 0 0}
.youtube-locked-step{padding:14px;border:1px dashed #625b8d;border-radius:11px;background:#231f3e;color:#ded5fb;font-size:12px;line-height:1.7}
.youtube-checklist p{font-size:11px;line-height:1.7;color:#cbd4e7;margin:0 0 10px}
.youtube-setup-aside h2{font-size:16px;margin:0 0 13px}
.youtube-setup-aside p{font-size:11px;line-height:1.7}
@media(max-width:1120px){.youtube-setup-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.youtube-setup-hero{flex-direction:column;align-items:flex-start;padding:19px}.youtube-setup-stats{flex-direction:row;flex-wrap:wrap;min-width:0}.youtube-setup-hero h2{font-size:20px}.youtube-step-actions .btn{width:100%;text-align:center}}