@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-variable.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:300 700}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-950:#f2f2f7;--ink-900:#e9eaf0;--ink-800:#d1d2dc;--ink-700:#b8bac6;--ink-600:#a7a9b3;--ink-500:#6f8194;--ink-300:#405064;--ink-200:#303b4a;--ink-100:#202936;--ink-050:#151c26;--paper:#0d1017;--surface:#12131a;--surface-2:#181924;--mist:#080c12;--line:#f2f2f71f;--panel-deep:#0a0d13;--blue:#3382f6;--blue-strong:#6655f2;--blue-soft:#3382f61f;--teal:#64e6e3;--teal-soft:#64e6e31a;--green:#65d99c;--green-soft:#65d99c1a;--amber:#ffd166;--amber-soft:#2a2110;--red:#ff8d8d;--red-soft:#2b1518;--violet:#9d63ff;--violet-soft:#7c3aed24;--shadow:0 24px 70px #00000075;--radius-sm:6px;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink-900);background:radial-gradient(circle at 14% -8%, #43a2ff1f, transparent 30rem), radial-gradient(circle at 92% 4%, #75dc9e14, transparent 26rem), linear-gradient(180deg, #0b1118 0%, #080d13 46rem), var(--mist);margin:0;font-family:Space Grotesk,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.login-page{background:radial-gradient(circle at 50% 12%, #43a2ff29, transparent 24rem), linear-gradient(180deg, #0c1a27b8 0%, #070c12f5 42%, #05090e 100%), var(--mist);place-items:center;min-height:100vh;padding:clamp(18px,5vw,56px);display:grid;position:relative;overflow:hidden}.login-page:before,.login-page:after{display:none}.auth-stage{z-index:1;place-items:center;gap:28px;width:min(100%,480px);display:grid;position:relative;transform:translateY(-5vh)}.eyebrow{border:1px solid var(--line);width:max-content;color:var(--ink-700);background:#131b25d1;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 10px;font-size:13px;font-weight:750;display:inline-flex}.login-page-brand{text-align:center;justify-items:center;gap:7px;display:grid}.login-page-brand span{color:var(--ink-600);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:850}.login-page-brand strong{color:var(--ink-950);font-size:36px;line-height:1}.dot{background:var(--green);border-radius:999px;width:8px;height:8px}h1,h2,h3,p{margin-top:0}h1{max-width:760px;color:var(--ink-950);letter-spacing:0;margin-bottom:18px;font-size:clamp(42px,6vw,72px);line-height:.98}.login-panel{border-left:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0f151dd1;align-items:center;padding:32px;display:flex}.login-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 0%, #43a2ff29, transparent 14rem), linear-gradient(180deg, #192332f0, #0f151dfa), var(--paper);width:100%;margin:0 auto;padding:32px;position:relative;overflow:hidden;box-shadow:0 28px 86px #00000080,0 0 0 1px #43a2ff0f}.login-card:before{content:"";background:linear-gradient(90deg,#0000,#43a2ffbf,#0000);height:1px;position:absolute;inset:0 0 auto}.login-title-block{text-align:center;justify-items:center;margin-bottom:24px;display:grid}.login-title-block h1{margin-bottom:10px;font-size:34px;line-height:1.08}.login-title-block p{max-width:360px;color:var(--ink-600);margin-bottom:0;font-size:15px;line-height:1.5}.login-footnote{max-width:340px;color:var(--ink-600);text-align:center;margin:14px auto 0;font-size:12px;line-height:1.45}.login-capabilities{border-top:1px solid var(--line);width:100%;color:var(--ink-700);justify-content:center;align-items:center;gap:8px;margin-top:20px;padding-top:18px;font-size:13px;font-weight:800;display:inline-flex}.login-capabilities svg{color:var(--green);flex:none}.field{gap:8px;margin-bottom:14px;display:grid}.field label{color:var(--ink-700);font-size:13px;font-weight:800}.field input{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;min-height:46px;color:var(--ink-900);background:var(--surface);padding:0 12px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}select{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:44px;color:var(--ink-900);background:var(--surface);padding:0 36px 0 12px}.field input:focus{border-color:var(--blue);outline:3px solid #43a2ff29}.field input:hover{background:var(--surface-2);border-color:#43a2ff7a}.button{border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg, var(--blue-strong), #2398d1);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 16px;font-weight:850;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s,color .16s,opacity .16s;display:inline-flex;box-shadow:0 7px 16px #1d72be29}.button:hover:not(:disabled){background:linear-gradient(135deg, #2b86d6, var(--teal));transform:translateY(-2px);box-shadow:0 10px 22px #1d72be38}.button:active:not(:disabled){transform:translateY(0);box-shadow:0 5px 12px #1d72be29}.button:focus-visible,.icon-button:focus-visible,.text-button:focus-visible,.tab:focus-visible{outline-offset:2px;outline:3px solid #43a2ff47}.button:disabled{cursor:not-allowed;opacity:.58}.button.secondary{color:var(--ink-900);border-color:var(--line);background:var(--surface);box-shadow:none}.button.secondary:hover:not(:disabled){color:var(--ink-950);background:var(--surface-2);border-color:#43a2ff6b;box-shadow:0 8px 18px #00000029}.button.full{width:100%}.button.danger{color:var(--red);background:var(--red-soft);box-shadow:none;border-color:#ff8d8d40}.button.danger:hover:not(:disabled){color:#ffe2e2;background:#3a171c;border-color:#ff8d8d6b;box-shadow:0 8px 18px #ff385614}.error{border-radius:var(--radius-sm);color:var(--red);background:var(--red-soft);border:1px solid #ff8d8d4d;margin:0 0 14px;padding:12px;font-size:14px}.turnstile-block{gap:10px;margin:20px 0 24px;display:grid}.turnstile-frame{border-radius:12px;place-items:center;min-height:65px;display:grid;position:relative;overflow:hidden}.turnstile-container{place-items:center;width:min(300px,100%);min-height:65px;display:grid}.turnstile-placeholder{border:1px solid var(--line);color:var(--ink-700);background:#ffffff09;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.turnstile-spinner{border:2px solid #ffffff2e;border-top-color:var(--teal);border-radius:999px;width:16px;height:16px;animation:.8s linear infinite turnstile-spin}.turnstile-recovery{color:var(--amber);background:#2a2110b3;border:1px solid #ffd16638;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:12px;display:flex}.turnstile-recovery button{color:var(--amber);cursor:pointer;background:0 0;border:1px solid #ffd16647;border-radius:7px;padding:5px 9px;font-weight:800}.turnstile-recovery button:hover{background:#ffd16614}@keyframes turnstile-spin{to{transform:rotate(360deg)}}.success{border-radius:var(--radius-sm);color:var(--green);background:var(--green-soft);border:1px solid #75dc9e4d;margin:0 0 14px;padding:12px;font-size:14px}.admin-shell,.portal-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar,.portal-sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg, #0f1720fa, #080c12fa), var(--panel-deep);height:100vh;padding:20px;position:sticky;top:0;box-shadow:14px 0 44px #0000002e}.sidebar-brand{color:var(--ink-950);white-space:nowrap;align-items:center;gap:12px;margin-bottom:26px;font-weight:900;display:flex}.sidebar-brand span:first-child{color:#fff;background:linear-gradient(145deg, var(--blue-strong), var(--teal));border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.nav-list{gap:6px;display:grid}.nav-item{border-radius:var(--radius-sm);width:100%;min-height:38px;color:var(--ink-700);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:760;transition:background .16s,color .16s,transform .16s;display:flex}.nav-item.active{color:var(--ink-950);box-shadow:inset 3px 0 0 var(--blue);background:linear-gradient(90deg,#43a2ff29,#35c5bf14)}.nav-item:hover{color:var(--ink-950);background:#202936ad;transform:translate(2px)}.sidebar-footer{position:absolute;bottom:20px;left:20px;right:20px}.device-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);align-items:flex-start;gap:12px;margin-bottom:18px;padding:12px;display:flex}.device-card.compact{margin-bottom:22px}.device-card svg{color:var(--blue)}.device-card strong,.device-card span{display:block}.device-card span{color:var(--ink-600);margin-top:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.content{min-width:0;padding:28px}.topbar{border-bottom:1px solid #2634469e;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.toolbar{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;display:flex}.search-box{border:1px solid var(--line);border-radius:var(--radius-sm);width:min(360px,100%);min-height:44px;color:var(--ink-600);background:var(--surface);align-items:center;gap:8px;padding:0 12px;display:flex}.search-box input{width:100%;min-width:0;color:var(--ink-900);background:0 0;border:0;outline:0}.topbar h2{color:var(--ink-950);margin-bottom:4px;font-size:clamp(28px,4vw,42px);line-height:1.08}.muted{color:var(--ink-600)}.metric-grid,.area-grid,.resource-grid{gap:14px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.metric-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.portal-summary{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,960px)}.area-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg, #131b25f0, #0c121af0), var(--paper);box-shadow:0 1px 2px #00000061,0 18px 46px #0000001f}.metric-card{gap:18px;display:grid}.metric-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-icon,.area-icon{border-radius:var(--radius-sm);place-items:center;width:38px;height:38px;display:grid}.tone-green{color:var(--green);background:var(--green-soft)}.tone-amber{color:var(--amber);background:var(--amber-soft)}.tone-red{color:var(--red);background:var(--red-soft)}.metric-value{color:var(--ink-950);font-size:30px;font-weight:900;line-height:1}.metric-value.small{font-size:20px;line-height:1.2}.section-title{justify-content:space-between;align-items:end;gap:12px;margin:26px 0 12px;display:flex}.section-title h3{color:var(--ink-950);margin-bottom:4px;font-size:20px}.area-card{gap:14px;display:grid}.area-card h3{color:var(--ink-950);margin-bottom:4px;font-size:18px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);background:#0f151df0;max-width:100%;overflow:auto;box-shadow:0 1px 2px #00000047}table{border-collapse:collapse;width:100%;min-width:820px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:14px;font-size:14px}th{color:var(--ink-600);letter-spacing:.04em;text-transform:uppercase;background:#151c26fa;font-size:12px}tbody tr{transition:background .16s}tbody tr:hover td{background:#43a2ff0b}tr:last-child td{border-bottom:0}.selected-row td{background:#43a2ff14}.mono{color:var(--ink-700);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.badge{border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.badge.active,.badge.approved{color:var(--green);background:var(--green-soft)}.badge.trial,.badge.pending,.badge.unknown{color:var(--amber);background:var(--amber-soft)}.badge.blocked,.badge.expired,.badge.suspended,.badge.canceled,.badge.cancelled,.badge.rejected,.badge.failed{color:var(--red);background:var(--red-soft)}.badge.refunded{color:var(--violet);background:var(--violet-soft)}.badge.locked{color:var(--blue);background:var(--blue-soft)}.text-button{min-height:32px;color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;font-weight:850;transition:color .16s,transform .16s;display:inline-flex}.text-button:hover{color:var(--teal);transform:translateY(-1px)}.resource-card{gap:14px;display:grid}.resource-head{justify-content:space-between;align-items:center;display:flex}.progress{background:var(--ink-100);border-radius:999px;height:8px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--teal));height:100%;display:block}.security-note{border-radius:var(--radius-md);color:var(--ink-800);background:var(--blue-soft);border:1px solid #43a2ff3d;margin-top:18px;padding:16px}.notice{border-radius:var(--radius-md);color:var(--ink-800);background:linear-gradient(90deg,#0d282af0,#10243aad);border:1px solid #35c5bf3d;margin-bottom:18px;padding:12px 14px}.admin-workspace{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.portal-grid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.portal-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.license-workspace,.vertical-workspace{width:min(100%,960px)}.form-actions.full-width{padding-top:4px}.form-actions.full-width .button{width:100%}.tabbar{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.tab{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:40px;color:var(--ink-700);background:var(--surface);cursor:pointer;padding:0 14px;font-weight:850;transition:border-color .16s,background .16s,color .16s,transform .16s}.tab.active{color:var(--ink-950);background:var(--blue-soft);border-color:#43a2ff73}.tab:hover{color:var(--ink-950);border-color:#43a2ff6b;transform:translateY(-1px)}.playlist-form{grid-template-columns:minmax(0,1fr);gap:16px;width:100%;max-width:none;display:grid}.playlist-form .field{width:100%;margin:0;display:grid}.playlist-form input,.playlist-form select{min-height:48px}.playlist-workspace{align-items:start;width:min(100%,1180px)}.playlist-options,.form-actions{flex-wrap:wrap;gap:10px;display:flex}.playlist-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-actions{align-items:center}.playlist-table table{min-width:940px}.option-toggle{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:64px;color:var(--ink-800);background:var(--surface);text-align:left;cursor:pointer;gap:4px;padding:12px;font-weight:850;transition:border-color .16s,background .16s,color .16s,transform .16s;display:grid}.option-toggle span{color:var(--ink-600);font-size:12px;font-weight:650}.option-toggle.active{color:var(--ink-950);background:var(--green-soft);border-color:#75dc9e6b}.option-toggle:hover{border-color:#43a2ff6b;transform:translateY(-1px)}.check-row{min-height:44px;color:var(--ink-800);align-items:center;gap:9px;font-weight:750;display:flex}.row-actions{gap:8px;display:flex}.danger-icon{color:var(--red)}.admin-workspace.single{grid-template-columns:minmax(0,1fr)}.admin-workspace>*,.create-client-row>*,.right-rail{min-width:0}.right-rail,.rail-list,.audit-feed{gap:12px;display:grid}.create-client-row{margin-top:14px;display:block}.operation-form{align-content:start}.operation-form .field{vertical-align:bottom;width:min(260px,100%);margin-right:10px;display:inline-grid}.operation-form .button{vertical-align:bottom;width:auto}.operation-form.playlist-form .field,.operation-form.playlist-form .button{width:100%;margin-right:0}.operation-form.playlist-form .form-actions .button{width:100%}.reseller-create{grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-bottom:14px;display:grid}.reseller-create .form-head{grid-column:1/-1}.reseller-create .field{width:100%;margin:0;display:grid}.reseller-create .button{align-self:end;width:100%}.form-head{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.form-head h3,.resource-head h3{color:var(--ink-950);margin-bottom:4px}.detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px;display:grid}.detail-list div{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px}.detail-list dt{color:var(--ink-600);text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:850}.detail-list dd{margin:0}.rail-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.credit-control{align-items:center;gap:8px;display:flex}.credit-control input{border:1px solid var(--line);border-radius:var(--radius-sm);width:96px;min-height:38px;color:var(--ink-900);background:var(--paper);padding:0 10px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03070cb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.customer-modal{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);width:min(720px,100%);max-height:min(760px,100vh - 40px);box-shadow:var(--shadow);overflow:auto}.modal-head{z-index:1;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f151df5;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 4px;display:flex;position:sticky;top:0}.modal-details{margin-bottom:0;padding:18px}.modal-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 18px 18px;display:grid}.modal-actions .button.danger{grid-column:auto}.rail-item p,.resource-mini p{margin:4px 0 8px}.resource-mini{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);gap:8px;padding:12px;display:grid}.icon-button{border:1px solid var(--line);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--ink-900);background:var(--surface);cursor:pointer;place-items:center;transition:border-color .16s,background .16s,transform .16s;display:grid}.icon-button:hover{background:var(--surface-2);border-color:#43a2ff6b;transform:translateY(-1px)}.audit-event{border-left:2px solid var(--blue);padding-left:12px}.audit-event span{color:var(--ink-600);font-size:12px;font-weight:850}.audit-event p{color:var(--ink-800);margin:2px 0 0}.empty-state{color:var(--ink-600);text-align:center;padding:18px}.compact-title{margin-top:0}.clickable-card{min-height:148px;transition:border-color .16s,background .16s,transform .16s}.clickable-card:hover{background:#131b25fa;border-color:#43a2ff80;transform:translateY(-2px)}@media (max-width:1120px){.metric-grid,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-summary,.area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-workspace,.portal-grid.two-column{grid-template-columns:1fr}.reseller-create{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.login-page{padding:18px}.auth-stage{gap:20px;width:min(100%,450px);transform:translateY(-2vh)}.login-card{padding:24px}.login-title-block h1{font-size:30px}.admin-shell,.portal-shell,.portal-summary{grid-template-columns:1fr}.login-panel{border-left:0;border-top:1px solid var(--line)}.sidebar,.portal-sidebar{height:auto;position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-footer{margin-top:18px;position:static}.content{padding:18px}.topbar,.section-title{flex-direction:column;align-items:stretch}.toolbar{justify-content:stretch}.search-box,.toolbar select,.table-toolbar select{width:100%}.metric-grid,.metric-grid.compact,.area-grid,.resource-grid,.portal-grid.two-column,.create-client-row,.playlist-form,.detail-list,.modal-actions{grid-template-columns:1fr}.operation-form .field,.operation-form .button,.reseller-create,.credit-control,.credit-control input{width:100%;margin-right:0}.reseller-create{grid-template-columns:1fr}.modal-head{align-items:stretch}}.portal-sidebar{box-shadow:none;background:#0c131c;border-right-color:#8fa2b429;padding:22px 14px}.portal-brand{align-items:center;gap:11px;margin:0 8px 20px;display:flex}.portal-brand>span{color:#fff;background:linear-gradient(145deg, var(--blue-strong), var(--teal));border-radius:10px;place-items:center;width:40px;height:40px;font-weight:900;display:grid;box-shadow:0 8px 22px #2398d138}.portal-brand div{gap:2px;display:grid}.portal-brand strong{color:var(--ink-950);font-size:15px;line-height:1.1}.portal-brand small{color:var(--ink-600);font-size:11px;font-weight:700}.device-card.compact{background:#11243a85;border-color:#43a2ff33;margin:0 8px 20px;padding:13px}.nav-list{gap:4px}.nav-item{min-height:42px;color:var(--ink-600);border:1px solid #0000;border-radius:7px;padding:0 12px}.nav-item:hover{transform:none}.sidebar-footer{bottom:18px;left:14px;right:14px}.content{width:100%;max-width:1540px;margin:0 auto;padding:34px clamp(24px,3vw,48px) 48px}.topbar{margin-bottom:28px;padding-bottom:22px}.card,.table-wrap{border-color:#8fa2b42e;box-shadow:0 12px 32px #0000001f}.card{background:linear-gradient(#151e29f5,#0d131bf5)}.card.pad{padding:20px}.metric-card{gap:15px;min-height:154px}.metric-value{font-size:34px}.table-wrap{background:#0e151e}th{background:#131d28}tbody tr:hover{background:#43a2ff0e}@media (max-width:760px){.portal-shell{grid-template-columns:1fr}.portal-sidebar{padding:18px}.portal-brand{margin-left:0}.device-card.compact{margin-left:0;margin-right:0}.content{padding:24px 18px 36px}}.portal-shell{background:radial-gradient(circle at 72% -20%, #7c3aed14, transparent 34rem), var(--mist);grid-template-columns:252px minmax(0,1fr)}.portal-sidebar{background:#080c12f5;padding:28px 12px 20px}.portal-brand{margin:0 12px 28px}.portal-brand>span{box-shadow:none;background:linear-gradient(135deg,#c03aff,#3382f6);border-radius:12px}.portal-brand strong{font-size:17px}.portal-brand small{letter-spacing:.04em;text-transform:uppercase}.device-card.compact{border-color:var(--line);background:#12131ab8;border-radius:14px;margin:0 8px 26px;padding:14px}.device-card.compact svg{color:var(--teal)}.nav-item{border-radius:12px;min-height:48px;font-weight:620}.nav-item.active{box-shadow:inset 2px 0 0 var(--violet);background:linear-gradient(90deg,#7c3aed29,#7c3aed0a);border-color:#7c3aed3d}.content{max-width:1660px;padding:42px clamp(24px,3vw,52px) 72px}.topbar{border-bottom-color:var(--line);align-items:flex-end;margin-bottom:30px}.topbar h2{letter-spacing:-.035em;font-size:clamp(34px,3vw,48px)}.eyebrow{color:var(--ink-600);background:0 0;border:0;margin-bottom:14px}.dot{background:var(--teal);box-shadow:0 0 0 4px #64e6e314}.button{background:linear-gradient(135deg,#c03aff,#3382f6);border-radius:12px;min-height:48px;font-weight:680;box-shadow:0 10px 28px #5349eb2e}.button:hover:not(:disabled){background:linear-gradient(135deg,#cf55ff,#4b91ff);box-shadow:0 14px 34px #5349eb3d}.button.secondary{border-color:var(--line);background:#12131ab8;border-radius:12px}.field label{color:var(--ink-700);font-weight:620}.field input,select{border-color:var(--line);background:#12131aeb;border-radius:12px;min-height:48px}.field input:focus,select:focus{border-color:var(--violet);outline:3px solid #7c3aed29}.card,.table-wrap{border-color:var(--line);box-shadow:none;background:#12131ac2;border-radius:14px}.metric-card{min-height:146px}.metric-icon,.area-icon{border-radius:12px}.tone-blue{color:#79a9ff;background:#3382f61c}.tone-violet{color:#b68cff;background:#7c3aed24}.badge{min-height:28px;font-weight:650}.playlist-workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;width:min(100%,1280px);display:grid}.playlist-list-panel{border:1px solid var(--line);background:#12131a8a;border-radius:16px;min-width:0;padding:22px}.playlist-list-head{justify-content:space-between;align-items:end;min-height:48px;margin-bottom:18px;display:flex}.playlist-list-head h3{color:var(--ink-950);margin-bottom:4px;font-size:20px}.playlist-list-head p{margin-bottom:0}.playlist-rows{gap:9px;display:grid}.playlist-row{border:1px solid var(--line);background:#090c1294;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;transition:border-color .16s,background .16s;display:grid;position:relative;overflow:hidden}.playlist-row:last-child{border-bottom:1px solid var(--line)}.playlist-row:before{content:"";background:0 0;border-radius:999px;width:2px;position:absolute;inset:12px auto 12px 0}.playlist-row:hover,.playlist-row.selected{background:#181924b8;border-color:#7c3aed47}.playlist-row.selected:before{background:linear-gradient(#c03aff,#3382f6)}.playlist-row-main{min-width:0;min-height:78px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:42px minmax(160px,1fr) auto minmax(112px,auto);align-items:center;gap:16px;padding:14px 10px 14px 18px;display:grid}.playlist-row-main:focus-visible{outline-offset:-3px;outline:3px solid #7c3aed42}.playlist-order{color:var(--ink-500);font-family:Space Grotesk,sans-serif;font-size:13px}.playlist-identity{gap:5px;min-width:0;display:grid}.playlist-identity strong{color:var(--ink-950);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:650;overflow:hidden}.playlist-identity small,.playlist-updated small{color:var(--ink-600);font-size:12px}.playlist-updated{color:var(--ink-800);gap:4px;font-size:13px;display:grid}.playlist-row .row-actions{padding-right:12px}.icon-button{background:0 0;border-color:#0000;border-radius:11px;width:42px;height:42px}.icon-button:hover{border-color:var(--line);background:var(--surface-2)}.playlist-editor{background:radial-gradient(circle at 92% 0,#7c3aed1f,#0000 22rem),#12131ab8;border:1px solid #7c3aed3d;border-radius:16px;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding:22px;display:grid;position:static}.playlist-editor .form-head{border-bottom:1px solid var(--line);grid-column:1/-1;margin-bottom:2px;padding-bottom:16px}.playlist-editor .playlist-type-field{grid-column:span 3}.playlist-editor .playlist-name-field{grid-column:span 4}.playlist-editor .playlist-source-field{grid-column:span 5}.playlist-editor .playlist-credential-field{grid-column:span 6}.playlist-editor .form-actions{grid-column:1/-1;justify-content:center;align-items:center;display:flex}.playlist-editor .form-actions .button{min-width:0;max-width:340px;min-height:42px;padding-inline:22px}.empty-state{color:var(--ink-600);text-align:center;justify-items:center;gap:8px;padding:54px 24px;display:grid}.empty-state strong{color:var(--ink-950)}.login-page{background:radial-gradient(circle at 50% 2%, #7c3aed29, transparent 28rem), var(--mist)}.login-card{border-color:var(--line);background:#12131ae6;border-radius:20px;box-shadow:0 28px 80px #00000057}.login-card:before{background:linear-gradient(90deg,#0000,#c03aff,#3382f6,#0000)}@media (max-width:1120px){.playlist-editor .playlist-type-field,.playlist-editor .playlist-name-field{grid-column:span 6}.playlist-editor .playlist-source-field{grid-column:1/-1}}@media (max-width:760px){.portal-shell{grid-template-columns:minmax(0,1fr);padding-bottom:82px}.portal-sidebar{border-right:0;padding:20px 18px 8px;position:static}.portal-brand{margin:0 0 18px}.device-card.compact{margin:0}.portal-sidebar .nav-list{z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0d13f0;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 18px 50px #0000006b}.portal-sidebar .nav-item{text-align:center;justify-items:center;gap:3px;min-height:54px;padding:5px 2px;font-size:10px;display:grid}.portal-sidebar .nav-item.active{box-shadow:inset 0 -2px 0 var(--violet)}.portal-sidebar .sidebar-footer{display:none}.content{padding:26px 18px 34px}.topbar{align-items:stretch}.topbar .button{width:100%}.playlist-row-main{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;min-height:104px;padding-left:10px}.playlist-updated{display:none}.playlist-row{grid-template-columns:minmax(0,1fr)}.playlist-row .row-actions{padding:0;position:absolute;bottom:2px;right:2px}.playlist-row .row-actions .icon-button{width:36px;height:36px}.playlist-editor{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px;scroll-margin-top:18px}.playlist-editor .form-head,.playlist-editor .playlist-type-field,.playlist-editor .playlist-name-field,.playlist-editor .playlist-source-field,.playlist-editor .playlist-credential-field,.playlist-editor .playlist-options,.playlist-editor .form-actions{grid-column:1}.playlist-editor .form-actions{display:grid}.playlist-editor .form-actions .button{width:100%;min-width:0;max-width:none}.playlist-list-panel{padding:18px 14px}}