:root{color-scheme:dark;font-family:Aptos,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(82,180,255,.18),transparent 26%),radial-gradient(circle at 82% 18%,rgba(62,255,210,.12),transparent 24%),linear-gradient(180deg,#050816,#09111f 52%,#05070f);color:#edf6ff}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh;padding:40px;overflow:hidden}.ambient{position:absolute;inset:auto;width:420px;height:420px;border-radius:999px;filter:blur(64px);opacity:.55;pointer-events:none}.ambient-a{top:-120px;right:-80px;background:#00bbff24}.ambient-b{bottom:-140px;left:-100px;background:#00ffaa1a}.hero,.focus-panel,.device-wall{position:relative;z-index:1;border:1px solid rgba(167,201,255,.14);background:linear-gradient(180deg,#0c1322e0,#070b16eb);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px #00000059,inset 0 1px #ffffff0a}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:28px;border-radius:28px}.eyebrow,.panel-kicker,.metric-label,.meta-label{letter-spacing:.18em;text-transform:uppercase;color:#8ca5c9;font-size:12px}.hero-copy h1,.panel-header h2{margin:10px 0 12px;font-family:Aptos Display,Segoe UI Variable Display,Trebuchet MS,sans-serif;font-weight:700;letter-spacing:-.04em}.hero-copy h1{font-size:clamp(32px,3.4vw,52px);line-height:1.08;margin:8px 0 10px;max-width:none}.hero-copy p{max-width:54ch;margin:0;color:#b8c8e4;line-height:1.7;font-size:15px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.metric-card{padding:18px;border-radius:22px;background:#0e1524bf;border:1px solid rgba(123,155,204,.14)}.metric-card.accent{box-shadow:inset 0 0 0 1px #54c9ff14}.metric-value{margin-top:18px;font-size:40px;font-weight:700;line-height:1}.metric-hint{margin-top:10px;color:#88a0c7;font-size:13px}.dashboard-grid{position:relative;z-index:1;display:grid;grid-template-columns:520px minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}.focus-panel,.device-wall{border-radius:28px;padding:24px}.focus-panel{width:520px;justify-self:start}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-header h2{font-size:32px}.panel-note{margin-top:6px;color:#8ea4c8;font-size:13px;text-align:right}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.status-pill.compact{min-width:70px;padding:8px 12px}.status-pill.online{color:#5dffbd;background:#2a684e47}.status-pill.offline,.status-pill.unknown{color:#ffcf7a;background:#6d501c3d}.status-pill.unauthorized{color:#ff8c8c;background:#7a25253d}.screen-frame{position:relative;margin-top:22px;min-height:600px;border-radius:26px;overflow:hidden;border:1px solid rgba(120,160,255,.18);background:linear-gradient(145deg,#1a243afa,#080c14f5),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 52px)}.screen-glow{position:absolute;inset:auto 10% -10%;height:160px;border-radius:999px;background:#35cdff2e;filter:blur(60px)}.screen-content{position:relative;z-index:1;display:flex;min-height:600px;flex-direction:column;align-items:center;justify-content:center;padding:20px 0}.video-stage{overflow:hidden}.device-video-shell{position:relative;width:300px;height:600px;border-radius:22px;overflow:hidden;border:1px solid rgba(120,160,255,.2);background:linear-gradient(180deg,#04070fe0,#090d16f5);box-shadow:0 24px 48px #00000052,inset 0 0 0 1px #ffffff0a}.device-video-shell.interactive{cursor:crosshair;touch-action:none}.device-video{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .22s ease;background:#05070f}.device-video.visible{opacity:1}.video-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,#04070f66,#04070fad);transition:opacity .18s ease}.video-overlay.subtle{background:linear-gradient(180deg,#04070f0f,#04070f2e);pointer-events:none}.video-overlay.subtle .screen-label,.video-overlay.subtle .screen-resolution{opacity:0}.screen-label{font-family:Aptos Display,Segoe UI Variable Display,sans-serif;font-size:24px;letter-spacing:-.04em}.screen-resolution{margin-top:12px;color:#8ea5ca;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.device-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.control-toolbar{margin-top:18px}.control-status{min-height:42px;padding:12px 14px;border-radius:16px;border:1px solid rgba(143,176,226,.12);background:#ffffff08;color:#d6e4ff;font-size:13px;line-height:1.45}.control-status.busy{border-color:#5feaff47;color:#f2f8ff}.control-button-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.control-button{border:1px solid rgba(120,160,255,.18);border-radius:14px;background:linear-gradient(180deg,#121b2ceb,#090e19f5);color:#eff6ff;padding:12px 0;letter-spacing:.04em;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.control-button:hover{transform:translateY(-1px);border-color:#5feaff6b;box-shadow:0 10px 20px #0003}.meta-item{padding:10px 12px;border-radius:14px;background:#ffffff08;border:1px solid rgba(143,176,226,.12)}.meta-label{letter-spacing:.08em;font-size:11px}.meta-value{margin-top:6px;color:#eff6ff;font-size:13px;word-break:break-all}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:18px}.device-card{padding:12px;border:1px solid rgba(135,165,216,.12);border-radius:16px;background:linear-gradient(180deg,#121b2cf0,#0a0f1bf0);color:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.device-card:hover{transform:translateY(-2px);border-color:#68d2ff6b;box-shadow:0 18px 30px #0000003d}.device-card.selected{border-color:#5feaffc7;box-shadow:0 18px 34px #00000042,inset 0 0 0 1px #5feaff33}.device-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-index{color:#7c93b7;font-size:12px;letter-spacing:.16em}.device-model{margin-top:12px;font-family:Aptos Display,Segoe UI Variable Display,sans-serif;font-size:17px;letter-spacing:-.03em}.device-serial{margin-top:6px;color:#95aad0;font-size:12px;word-break:break-all}.device-details{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.device-details span{display:inline-flex;padding:4px 7px;border-radius:999px;background:#ffffff0a;color:#bfd1eb;font-size:10.5px}@media(max-width:1100px){.hero,.dashboard-grid{grid-template-columns:1fr}.focus-panel{width:100%}}@media(max-width:720px){.app-shell{padding:18px}.hero,.focus-panel,.device-wall{padding:18px;border-radius:22px}.stats-grid,.device-meta-grid{grid-template-columns:1fr}.screen-frame,.screen-content{min-height:400px}.device-video-shell{width:200px;height:400px}}.auth-shell{position:relative;display:grid;place-items:center;min-height:100vh;padding:32px;overflow:hidden}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;padding:36px;border:1px solid rgba(167,201,255,.14);border-radius:26px;background:linear-gradient(180deg,#0c1322e6,#070b16f0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff0a}.auth-brand h1{margin:6px 0 8px;font-size:28px;letter-spacing:-.01em}.auth-brand p{margin:0 0 24px;color:#c4d8ffb8;font-size:14px;line-height:1.6}.auth-form{display:grid;gap:16px}.auth-field{display:grid;gap:7px}.auth-field span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#a7c9ffb3}.auth-field input{width:100%;padding:12px 14px;border:1px solid rgba(167,201,255,.18);border-radius:12px;background:#040812b8;color:#edf6ff;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.auth-field input::placeholder{color:#a7c9ff57}.auth-field input:focus{border-color:#52b4ff99;box-shadow:0 0 0 3px #52b4ff29}.auth-code-row{display:flex;gap:10px}.auth-code-row input{flex:1;min-width:0;letter-spacing:.18em}.auth-code-button{flex:0 0 auto;padding:0 16px;border:1px solid rgba(82,180,255,.4);border-radius:12px;background:#142e52b3;color:#9fd4ff;font-size:13px;white-space:nowrap;cursor:pointer;transition:border-color .14s ease,color .14s ease,opacity .14s ease}.auth-code-button:hover:not(:disabled){border-color:#52b4ffbf;color:#d6ecff}.auth-code-button:disabled{opacity:.55;cursor:not-allowed}.auth-message{padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.5}.auth-message.error{border:1px solid rgba(255,118,118,.32);background:#ff50501a;color:#ffc9c9}.auth-message.notice{border:1px solid rgba(0,255,170,.28);background:#00ffaa14;color:#b9ffe6}.auth-submit{margin-top:4px;padding:13px 18px;border:1px solid rgba(82,180,255,.5);border-radius:12px;background:linear-gradient(180deg,#2e84dce6,#1c58a8e6);color:#f2f8ff;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #1e6ec859}.auth-submit:disabled{opacity:.6;cursor:progress}.auth-switch{margin-top:20px;text-align:center;font-size:13px;color:#c4d8ff99}.auth-switch button{margin-left:6px;padding:0;border:0;background:none;color:#6fc0ff;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.auth-switch-sep{margin:0 6px;opacity:.5}.modal-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;background:#03060eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{width:100%;max-width:520px;padding:28px 30px;border:1px solid rgba(167,201,255,.16);border-radius:22px;background:linear-gradient(180deg,#0c1322f5,#070b16fa);box-shadow:0 24px 60px #00000080}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}.modal-header h2{margin:4px 0 0;font-size:22px}.top-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;padding:12px 18px;border:1px solid rgba(167,201,255,.14);border-radius:16px;background:linear-gradient(180deg,#0c1322d1,#070b16db);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-bar-identity{display:flex;align-items:center;gap:10px;min-width:0}.top-bar-username{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar-note{font-size:12px;color:#a7c9ff99}.top-bar-action{padding:8px 14px;border:1px solid rgba(167,201,255,.22);border-radius:10px;background:#0c1322b3;color:#d8e8ff;font-size:13px;cursor:pointer;transition:border-color .14s ease,color .14s ease}.top-bar-action:hover{border-color:#ff767680;color:#ffd0d0}.top-bar-action.neutral:hover{border-color:#52b4ff99;color:#d6ecff}.top-bar-actions{display:flex;align-items:center;gap:10px}.role-badge{padding:3px 9px;border-radius:999px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.role-badge.admin{border:1px solid rgba(255,196,92,.4);background:#ffc45c1f;color:#ffdca6}.role-badge.customer{border:1px solid rgba(82,180,255,.36);background:#52b4ff1f;color:#b6dcff}.empty-panel{position:relative;z-index:1;max-width:560px;margin:12vh auto 0;padding:44px 36px;text-align:center;border:1px solid rgba(167,201,255,.14);border-radius:26px;background:linear-gradient(180deg,#0c1322e0,#070b16eb);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.empty-icon{font-size:40px;margin-bottom:12px}.empty-panel h2{margin:0 0 10px;font-size:22px}.empty-panel p{margin:0;color:#c4d8ffb3;font-size:14px;line-height:1.7}.control-button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:640px){.auth-shell{padding:18px}.auth-card{padding:26px 22px}.top-bar{flex-wrap:wrap}}.top-bar-nav{display:flex;gap:6px;margin-left:auto}.top-bar-nav button{padding:7px 14px;border:1px solid transparent;border-radius:9px;background:none;color:#c4d8ffa8;font-size:13px;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.top-bar-nav button:hover{color:#e8f2ff;background:#52b4ff1a}.top-bar-nav button.active{border-color:#52b4ff6b;background:#52b4ff29;color:#dceeff}.admin-tabs{position:relative;z-index:1;display:flex;gap:8px;margin:22px 0 0}.admin-tabs button{padding:9px 18px;border:1px solid rgba(167,201,255,.16);border-radius:11px;background:#0c1322b3;color:#c4d8ffb3;font-size:13px;cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}.admin-tabs button:hover{color:#e8f2ff}.admin-tabs button.active{border-color:#52b4ff80;background:#52b4ff24;color:#dceeff}.admin-banner{position:relative;z-index:1;margin-top:16px;padding:11px 15px;border-radius:11px;font-size:13px;line-height:1.5}.admin-banner.error{border:1px solid rgba(255,118,118,.32);background:#ff50501a;color:#ffc9c9}.admin-banner.notice{border:1px solid rgba(0,255,170,.28);background:#00ffaa14;color:#b9ffe6}.admin-loading{position:relative;z-index:1;padding:40px;text-align:center;color:#c4d8ff99;font-size:14px}.admin-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:22px;margin-top:22px}.admin-panel{position:relative;z-index:1;margin-top:22px;padding:24px;border:1px solid rgba(167,201,255,.14);border-radius:22px;background:linear-gradient(180deg,#0c1322e0,#070b16eb);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-grid .admin-panel{margin-top:0}.admin-empty{padding:22px;border:1px dashed rgba(167,201,255,.2);border-radius:14px;color:#c4d8ff99;font-size:13px;text-align:center;line-height:1.6}.admin-user-list{display:grid;gap:10px}.admin-user-card{display:grid;gap:6px;padding:13px 15px;border:1px solid rgba(167,201,255,.14);border-radius:14px;background:#060b1699;color:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease}.admin-user-card:hover{border-color:#52b4ff5c}.admin-user-card.selected{border-color:#52b4ff99;background:#52b4ff1a}.admin-user-card.disabled{opacity:.6}.admin-user-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-user-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-meta{font-size:12px;color:#a7c9ff9e}.admin-user-email{font-size:12px;color:#a7c9ff6b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-section-title{margin:26px 0 10px;font-size:14px;letter-spacing:.02em;color:#dceeffe6}.admin-section-title:first-of-type{margin-top:8px}.admin-hint{margin:-4px 0 12px;font-size:12px;color:#a7c9ff99;line-height:1.6}.admin-hint.warn{padding:9px 12px;border:1px solid rgba(255,196,92,.32);border-radius:10px;background:#ffc45c14;color:#ffdca6}.admin-capabilities{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.admin-capability{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(167,201,255,.14);border-radius:12px;background:#060b168c;font-size:13px;cursor:pointer;transition:border-color .14s ease,background .14s ease}.admin-capability:hover{border-color:#52b4ff57}.admin-capability.on{border-color:#0fa6;background:#00ffaa14}.admin-capability input{width:16px;height:16px;accent-color:#34d8a8;cursor:pointer}.admin-quota{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.admin-quota-field{display:grid;gap:6px}.admin-quota-label{font-size:12px;color:#a7c9ffb3}.admin-quota-field input{width:100%;padding:9px 12px;border:1px solid rgba(167,201,255,.18);border-radius:10px;background:#040812b8;color:#edf6ff;outline:none}.admin-quota-field input:focus{border-color:#52b4ff99;box-shadow:0 0 0 3px #52b4ff24}.admin-quota-hint{font-size:11px;color:#a7c9ff80}.admin-device-list{display:grid;gap:8px}.admin-device-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(167,201,255,.12);border-radius:11px;background:#060b168c}.admin-device-serial{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Cascadia Mono,Consolas,monospace;font-size:12.5px}.device-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:999px;background:#a7c9ff4d}.device-dot.online{background:#2ee6a8;box-shadow:0 0 8px #2ee6a899}.device-dot.offline{background:#ff767699}.admin-assign-target{display:flex;align-items:center;gap:10px;margin:4px 0 18px;font-size:13px;color:#c4d8ffbf}.admin-assign-target select{padding:8px 12px;border:1px solid rgba(167,201,255,.18);border-radius:10px;background:#040812cc;color:#edf6ff;outline:none}.admin-table{display:grid;gap:2px}.admin-table-head,.admin-table-row{display:grid;grid-template-columns:minmax(0,1.6fr) .8fr 1fr .9fr;gap:12px;align-items:center;padding:10px 14px;font-size:13px}.admin-table-head{color:#a7c9ff99;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.admin-table-row{border:1px solid rgba(167,201,255,.1);border-radius:11px;background:#060b1680}.admin-table.audit .admin-table-head,.admin-table.audit .admin-table-row{grid-template-columns:1.3fr .8fr 1.2fr minmax(0,1.2fr)}.admin-action{font-family:Cascadia Mono,Consolas,monospace;font-size:12px;color:#9fd0ff}.admin-row-actions{display:flex;justify-content:flex-end}.muted{color:#a7c9ff73;font-style:normal}.top-bar-action.primary{border-color:#52b4ff80;background:#52b4ff29;color:#dceeff}.top-bar-action.primary:hover:not(:disabled){border-color:#52b4ffbf;background:#52b4ff3d;color:#f0f8ff}.top-bar-action:disabled{opacity:.45;cursor:not-allowed}.video-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(167,201,255,.1);border-radius:11px;background:#060b1680}.video-row-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer;font-size:13px}.video-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-quota{margin-top:14px}.video-quota-bar{height:6px;border-radius:999px;background:#a7c9ff1f;overflow:hidden}.video-quota-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#52b4ffe6,#a078ffe6);transition:width .25s ease}.video-field{display:flex;flex-direction:column;gap:6px;margin-top:12px}.video-field select,.video-textarea{width:100%;padding:10px 12px;border:1px solid rgba(167,201,255,.18);border-radius:10px;background:#040812cc;color:#edf6ff;font-family:inherit;font-size:13px;outline:none}.video-textarea{resize:vertical;line-height:1.5}.video-field select:focus,.video-textarea:focus{border-color:#52b4ff99}.video-assign-list{display:grid;gap:6px;margin-top:10px}.video-assign-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(167,201,255,.1);border-radius:11px;background:#060b1680;font-size:13px}.video-assign-row select{flex:0 0 42%;min-width:0;padding:7px 10px;border:1px solid rgba(167,201,255,.18);border-radius:9px;background:#040812cc;color:#edf6ff;outline:none}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.admin-table-head,.admin-table-row{grid-template-columns:1fr 1fr}.admin-table-head{display:none}.video-assign-row{flex-wrap:wrap}.video-assign-row select{flex:1 1 100%}}.locked-field{cursor:not-allowed;opacity:.5}.locked-field input,.locked-field select,.locked-field textarea{pointer-events:none}.locked-field:hover,.locked-block:hover{opacity:.62}.locked-badge{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:999px;border:1px solid rgba(255,196,92,.32);background:#ffc45c1f;color:#ffcf72;font-size:10px;letter-spacing:.04em;vertical-align:middle}.locked-block{display:grid;gap:6px;padding:12px;border:1px dashed rgba(167,201,255,.22);border-radius:14px;background:#060b1666;cursor:not-allowed;opacity:.5}.locked-block-head{display:flex;align-items:center;gap:2px;font-size:12px;color:#a7c9ffb3}.locked-block-title{font-weight:600}.locked-block input,.locked-block textarea,.locked-block button{pointer-events:none}.locked-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:60;display:flex;align-items:flex-start;gap:10px;max-width:min(90vw,520px);padding:12px 18px;border:1px solid rgba(255,196,92,.34);border-radius:14px;background:#1c1608f0;box-shadow:0 18px 40px #00000073;color:#ffe6b0;font-size:13px;line-height:1.5;cursor:pointer;animation:locked-toast-in .16s ease-out}.locked-toast-icon{font-size:15px;line-height:1.3}.locked-toast-target{display:block;color:#ffe6b0b8;font-size:11px;letter-spacing:.04em}.locked-toast-message{display:block;font-weight:600;color:#ffd987}@keyframes locked-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.locked-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}