:root{color-scheme:light;--background:#eff4fb;--foreground:#132033;--muted:#617089;--line:#d6dfef;--line-strong:#b7c5dc;--panel:hsla(0,0%,100%,.92);--panel-strong:#fff;--accent:#1768d6;--accent-strong:#0f4da8;--accent-soft:#eef4ff;--success:#067647;--success-bg:#dcfae6;--warn:#9a6700;--warn-bg:#fff4db;--danger:#b42318;--danger-bg:#fee4e2;--shadow:0 20px 50px rgba(15,31,58,.08)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(23,104,214,.12),transparent 30%),radial-gradient(circle at top right,rgba(17,120,104,.1),transparent 28%),linear-gradient(180deg,#f7faff,#edf3fb);color:var(--foreground);font-family:Segoe UI,Trebuchet MS,Helvetica,Arial,sans-serif;max-width:100%;overflow-x:hidden}a{color:inherit}.desktop-only{display:block}.mobile-only{display:none}.shell{margin:0 auto;max-width:1380px;padding:32px 18px 56px;width:100%}.dashboard-shell,.hero{display:grid;grid-gap:22px;gap:22px}.hero{align-items:flex-start;background:linear-gradient(135deg,rgba(10,31,60,.98),rgba(18,91,161,.92));border:1px solid hsla(0,0%,100%,.16);border-radius:30px;box-shadow:var(--shadow);color:#fff;grid-template-columns:minmax(0,1.25fr) minmax(360px,.95fr);padding:30px}.eyebrow{letter-spacing:.16em;margin:0 0 12px;opacity:.78;text-transform:uppercase}.title{font-size:clamp(2rem,4vw,3rem);margin:0}.subtitle{color:rgba(232,241,252,.9);line-height:1.55;margin:10px 0 0;max-width:52rem}.hero-metrics{display:grid;grid-gap:12px;gap:12px}.hero-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.16);border-radius:20px;display:flex;flex-direction:column;gap:6px;min-height:118px;padding:18px}.metric-card span{color:rgba(232,240,252,.76);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metric-card strong{font-size:24px;line-height:1.2}.metric-card small{color:rgba(232,240,252,.78);font-size:13px;line-height:1.45}.panel{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(183,198,223,.72);border-radius:24px;box-shadow:var(--shadow);padding:24px}.panel-subsection{background:hsla(0,0%,100%,.74);border:1px solid var(--line);border-radius:20px;padding:18px}.helper-panel{background:linear-gradient(180deg,hsla(0,0%,100%,.96),rgba(245,249,255,.94))}.helper-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.helper-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:18px;padding:16px}.data-point strong,.helper-card strong{display:block}.data-point span,.helper-card p,.muted-inline{color:var(--muted)}.panel-header{align-items:flex-start;display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-header.compact{margin-bottom:14px}.panel h2,.panel h3{margin:0}.panel p{margin:8px 0 0;color:var(--muted)}.notice-banner{align-items:center;border-radius:18px;display:flex;gap:12px;padding:16px 18px}.notice-banner.success{background:var(--success-bg);border:1px solid rgba(6,118,71,.18);color:var(--success)}.notice-banner.error{background:var(--danger-bg);border:1px solid rgba(180,35,24,.14);color:var(--danger)}.section-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.section-tab{background:var(--accent-soft);border:1px solid rgba(23,104,214,.12);border-radius:999px;color:var(--accent-strong);font-size:13px;font-weight:700;padding:9px 14px}.section-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}.playlist-layout{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(320px,.95fr) minmax(0,1.35fr);min-width:0}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}label{color:#304258;font-weight:700;letter-spacing:.05em;text-transform:uppercase}label,small{font-size:12px}small{color:var(--muted);line-height:1.45}input,select,summary,textarea{font:inherit}input,select,textarea{background:hsla(0,0%,100%,.96);border:1px solid var(--line-strong);border-radius:14px;color:var(--foreground);font-size:15px;min-height:46px;padding:11px 13px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(23,104,214,.12);outline:none}textarea{min-height:110px;padding:13px;resize:vertical}.button,button{align-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-strong));border:0;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;min-height:44px;padding:0 16px;text-decoration:none}.button:hover,button:hover{filter:brightness(1.02)}.button.ghost{background:var(--accent-soft);color:var(--accent-strong)}.showcase-editor{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(380px,1fr) minmax(460px,1.2fr);min-width:0}.showcase-controls .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-preview{display:grid;grid-gap:10px;gap:10px}.preview-screen{background:linear-gradient(180deg,#112240,#0b1326);border:1px solid rgba(162,191,235,.28);border-radius:16px;color:#eef5ff;padding:10px}.preview-header{font-size:12px;font-weight:700;margin-bottom:8px;opacity:.9}.preview-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.preview-controls,.preview-grid>div,.preview-list>div{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:10px;font-size:12px;font-weight:600;padding:8px}.preview-split{display:grid;grid-gap:8px;gap:8px;grid-template-columns:.35fr .65fr}.preview-split aside,.preview-split section{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.18);border-radius:10px;font-size:12px;padding:12px 8px}.preview-video{background:#05080f;border:1px solid hsla(0,0%,100%,.14);border-radius:12px;font-size:12px;height:86px;margin-bottom:8px;padding:8px}@media (max-width:1120px){.showcase-editor{grid-template-columns:1fr}}.button.danger{background:linear-gradient(135deg,#d14b41,#b42318)}.admin-layout{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh;max-width:100%;background:radial-gradient(circle at top left,rgba(128,96,255,.16),transparent 32%),radial-gradient(circle at top right,rgba(58,146,255,.14),transparent 26%),linear-gradient(180deg,#07111f,#101b30 28%,#162845)}.mobile-sidebar-shell{display:none}.admin-content.shell{margin:0;max-width:none;padding:28px 24px 48px;min-width:0}.admin-sidebar{background:linear-gradient(180deg,rgba(8,12,24,.96),rgba(13,22,42,.98));border-right:1px solid rgba(156,177,220,.12);color:#edf4ff;display:flex;flex-direction:column;gap:26px;padding:28px 22px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar-brand h1{font-size:26px;margin:0}.sidebar-brand span{color:rgba(227,237,255,.72);display:block;line-height:1.5;margin-top:10px}.sidebar-nav{display:grid;grid-gap:8px;gap:8px}.sidebar-nav a{border:1px solid hsla(0,0%,100%,.08);border-radius:16px;color:rgba(240,245,255,.88);padding:12px 14px;text-decoration:none;transition:.16s ease}.sidebar-nav a:hover{background:rgba(111,126,255,.14);border-color:rgba(171,183,255,.3)}.sidebar-mini-card{background:linear-gradient(180deg,rgba(110,104,255,.2),rgba(34,69,156,.22));border:1px solid rgba(173,186,255,.16);border-radius:22px;padding:18px}.sidebar-mini-card strong{display:block;font-size:28px}.sidebar-mini-card small,.sidebar-mini-card span{color:rgba(234,240,255,.78);display:block;margin-top:6px}.admin-hero{background:linear-gradient(135deg,rgba(12,26,52,.95),rgba(33,75,163,.9))}.dashboard-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-strip.panel{padding:18px 24px}.quick-data-points,.settings-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.toolbar-form{align-items:end;display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(280px,1.3fr) minmax(180px,.6fr) auto;margin-bottom:18px;min-width:0}.toolbar-actions{display:flex;gap:10px}.toolbar-filter,.toolbar-search{margin:0}.admin-two-column{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1.1fr) minmax(320px,.8fr);margin-bottom:20px;min-width:0}.admin-desktop-table table{min-width:1480px}.device-mobile-grid{display:none;min-width:0}.device-mobile-card{background:hsla(0,0%,100%,.9);border:1px solid rgba(202,215,238,.9);border-radius:22px;box-shadow:0 16px 36px rgba(13,24,46,.08);display:grid;grid-gap:14px;gap:14px;padding:18px}.device-mobile-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.device-mobile-meta{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.device-mobile-preview{background:rgba(244,248,255,.96);border:1px solid var(--line);border-radius:16px;padding:12px}.device-mobile-preview span{color:var(--muted);display:block;font-size:12px;margin-bottom:6px;text-transform:uppercase}.tiny-meta{color:var(--muted);font-size:12px;margin-top:6px}.status-button-row{display:flex;flex-wrap:wrap;gap:10px}.status-button.active{background:linear-gradient(135deg,#0c9a74,#0b6c55)}.status-button.suspended{background:linear-gradient(135deg,#55637f,#39445b)}.status-button.banned,.status-button.expired{background:linear-gradient(135deg,#d14b41,#982d26)}.detail-card{background:rgba(249,251,255,.9);border:1px solid rgba(199,212,235,.84);border-radius:18px;padding:16px}.detail-card h4{margin:0 0 12px}.activity-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.activity-log{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.activity-log-item{background:hsla(0,0%,100%,.88);border:1px solid var(--line);border-radius:14px;display:grid;grid-gap:4px;gap:4px;padding:12px}.diagnostics-grid{margin-bottom:18px}.device-actions[open],.playlist-card[open]{box-shadow:0 18px 36px rgba(17,30,61,.08)}.playlist-summary strong{font-size:16px}@media (max-width:1024px){.admin-layout{grid-template-columns:1fr}.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-sidebar-shell{display:block;background:rgba(9,15,29,.96);border-bottom:1px solid rgba(156,177,220,.12);color:#eef5ff;padding:14px 16px}.mobile-sidebar-toggle{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;list-style:none}.mobile-sidebar-toggle::-webkit-details-marker{display:none}.mobile-sidebar-toggle span{background:rgba(117,128,255,.18);border:1px solid rgba(177,188,255,.22);border-radius:999px;padding:8px 12px}.mobile-sidebar-toggle strong{flex:1 1;text-align:right}.mobile-sidebar-panel{padding-top:14px}.mobile-sidebar-panel .sidebar-mini-card{margin-top:16px}.activity-grid,.admin-two-column,.toolbar-form{grid-template-columns:1fr}.activity-grid,.dashboard-metric-grid,.helper-grid,.quick-data-points,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-layout{grid-template-columns:1fr}}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.shell{padding:20px 14px 32px}.admin-content.shell{padding:18px 14px 32px}.admin-desktop-table,.admin-table-wrap{display:none!important}.device-mobile-grid{display:grid!important;grid-gap:14px;gap:14px}.activity-grid,.admin-two-column,.dashboard-metric-grid,.data-points,.device-mobile-grid,.device-mobile-meta,.grid,.helper-grid,.hero,.hero-metrics-grid,.playlist-form-grid,.playlist-layout,.quick-data-points,.settings-grid,.showcase-controls .grid,.showcase-editor,.toolbar-form{grid-template-columns:1fr}.device-actions summary,.device-mobile-header,.list-header,.mobile-sidebar-toggle,.notice-banner,.panel-header,.playlist-main,.playlist-meta,.playlist-summary{align-items:flex-start;flex-direction:column}.mobile-sidebar-toggle strong{text-align:left}}@media (max-width:640px){.action-row,.status-button-row,.toolbar-actions{flex-direction:column}.action-row>*,.status-button-row>*,.toolbar-actions>*{width:100%}.activity-grid,.dashboard-metric-grid,.data-points,.device-mobile-meta,.helper-grid,.quick-data-points,.settings-grid{grid-template-columns:1fr}}@media (max-width:480px){.panel{padding:16px}.detail-card,.device-mobile-card,.panel-subsection{padding:14px}.data-point,.metric-card,.mobile-sidebar-shell{padding:12px}.button,button,input,select,textarea{width:100%}.status{font-size:11px}table{min-width:0}}.stack-list{display:grid;grid-gap:14px;gap:14px}.device-actions,.playlist-card{border:1px solid var(--line);border-radius:20px}.playlist-card{background:var(--panel-strong)}.device-actions summary,.playlist-summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;gap:14px;list-style:none;padding:16px 18px}.device-actions summary::-webkit-details-marker,.playlist-summary::-webkit-details-marker{display:none}.playlist-main,.playlist-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.device-action-stack,.playlist-details{border-top:1px solid var(--line);display:grid;grid-gap:16px;gap:16px;padding:18px}.data-points{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.data-point{background:rgba(245,249,255,.96);border:1px solid var(--line);border-radius:16px;padding:12px}.data-point span{display:block;font-size:12px;margin-bottom:6px;text-transform:uppercase}.inline-editor{margin-top:2px}.action-row{display:flex;flex-wrap:wrap;gap:10px}.table-wrap{overflow-x:auto;max-width:100%}table{border-collapse:separate;border-spacing:0;min-width:1160px;width:100%}td,th{background:hsla(0,0%,100%,.78);border-bottom:1px solid var(--line);padding:14px 12px;text-align:left;vertical-align:top}th{color:#2c3d55;font-size:12px;letter-spacing:.08em;text-transform:uppercase}code{background:#edf3ff;padding:3px 8px}.status,code{border-radius:999px}.status{display:inline-block;font-size:12px;font-weight:700;padding:5px 10px}.status.active{background:var(--success-bg);color:var(--success)}.status.inactive{background:var(--danger-bg);color:var(--danger)}.status.neutral{background:#edf3ff;color:var(--accent-strong)}.compact-form{display:grid;grid-gap:8px;gap:8px}.playlist-form-grid{align-items:end;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.compact-field{gap:6px}.compact-field input,.compact-field select{min-height:46px}.playlist-form-grid>button{align-self:end;min-height:46px}.empty-inline{border:1px dashed var(--line-strong);border-radius:16px;color:var(--muted);padding:18px;text-align:center}.mobile-anchor-nav{display:none}.reseller-layout{align-items:start}.reseller-card{background:hsla(0,0%,100%,.92);border:1px solid rgba(202,215,238,.9);border-radius:24px;box-shadow:0 16px 36px rgba(13,24,46,.08);display:grid;grid-gap:14px;gap:14px;padding:18px}.reseller-card-header{align-items:flex-start;display:flex;justify-content:space-between;gap:12px}.reseller-data-points{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.permission-toggle{align-items:center;background:rgba(244,248,255,.96);border:1px solid var(--line);border-radius:14px;display:flex;gap:10px;padding:12px}.permission-toggle input{min-height:auto;width:auto}.permission-toggle span{color:var(--foreground);font-size:14px;font-weight:600}.permission-pill-list{display:flex;flex-wrap:wrap;gap:8px}.reseller-assign-form{margin-top:4px}.owned-device-list{display:grid;grid-gap:8px;gap:8px}.owned-device-chip{align-items:center;background:rgba(244,248,255,.96);border:1px solid var(--line);border-radius:14px;display:flex;justify-content:space-between;gap:10px;padding:10px 12px}.access-guard-note{align-items:flex-start;background:rgba(243,247,255,.96);border:1px dashed var(--line-strong);border-radius:18px;display:flex;flex-direction:column;gap:6px;margin-top:18px;padding:14px 16px}@media (max-width:1440px){.dashboard-metric-grid,.quick-data-points,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.admin-layout{grid-template-columns:1fr}.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-sidebar-shell{display:block;background:rgba(9,15,29,.96);border-bottom:1px solid rgba(156,177,220,.12);color:#eef5ff;padding:14px 16px}.mobile-sidebar-toggle{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;list-style:none}.mobile-sidebar-toggle::-webkit-details-marker{display:none}.mobile-sidebar-toggle span{background:rgba(117,128,255,.18);border:1px solid rgba(177,188,255,.22);border-radius:999px;padding:8px 12px}.mobile-sidebar-toggle strong{flex:1 1;text-align:right}.mobile-sidebar-panel{padding-top:14px}.mobile-sidebar-panel .sidebar-mini-card{margin-top:16px}.activity-grid,.dashboard-metric-grid,.helper-grid,.permission-grid,.quick-data-points,.reseller-data-points,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-grid,.admin-two-column,.playlist-layout,.toolbar-form{grid-template-columns:1fr}}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.shell{padding:20px 14px 32px}.admin-content.shell{padding:18px 14px 32px}.admin-desktop-table,.admin-table-wrap{display:none!important}.device-mobile-grid{display:grid!important;grid-gap:14px;gap:14px;grid-template-columns:1fr}.mobile-anchor-nav{background:rgba(9,15,29,.92);border:1px solid rgba(156,177,220,.12);border-radius:16px;display:grid!important;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px;padding:10px;position:-webkit-sticky;position:sticky;top:12px;z-index:5}.mobile-anchor-nav a{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;color:#eef4ff;font-size:12px;font-weight:700;padding:10px 8px;text-align:center;text-decoration:none}.activity-grid,.admin-two-column,.dashboard-metric-grid,.data-points,.device-mobile-meta,.grid,.helper-grid,.hero,.hero-metrics-grid,.permission-grid,.playlist-form-grid,.playlist-layout,.quick-data-points,.reseller-data-points,.settings-grid,.showcase-controls .grid,.showcase-editor,.toolbar-form{grid-template-columns:1fr}.metric-card{min-height:0;padding:14px}.metric-card strong{font-size:20px}.metric-card small{font-size:12px}.device-actions summary,.device-mobile-header,.list-header,.mobile-sidebar-toggle,.notice-banner,.panel-header,.playlist-main,.playlist-meta,.playlist-summary,.reseller-card-header{align-items:flex-start;flex-direction:column}.mobile-sidebar-toggle strong{text-align:left}}@media (max-width:640px){.action-row,.status-button-row,.toolbar-actions{flex-direction:column}.action-row>*,.status-button-row>*,.toolbar-actions>*{width:100%}.activity-grid,.dashboard-metric-grid,.data-points,.device-mobile-meta,.helper-grid,.permission-grid,.quick-data-points,.reseller-data-points,.settings-grid{grid-template-columns:1fr}}@media (max-width:480px){.panel{padding:16px}.detail-card,.device-mobile-card,.panel-subsection,.reseller-card{padding:14px}.data-point,.metric-card,.mobile-sidebar-shell{padding:12px}.mobile-anchor-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.button,button,input,select,textarea{width:100%}}