:root{color:#f5f7fb;font-synthesis:none;--app-bg:#080c11;--surface:#101720;--surface-raised:#17212d;--border:#a2b4c724;--border-strong:#a2b4c73d;--text:#f5f7fb;--muted:#8f9cac;--accent:#2684ff;--accent-hover:#4596ff;--success:#39d98a;--warning:#f5a524;--danger:#ff5d6c;background:#080c11;font-family:Inter,Segoe UI Variable,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;color:var(--text);background:var(--app-bg)}button,input,select{font:inherit}button{color:#fff;background:var(--accent);cursor:pointer;border:1px solid #0000;border-radius:.55rem;min-height:2.5rem;padding:.6rem .95rem;transition:background-color .14s,border-color .14s,color .14s,opacity .14s}button:hover:not(:disabled){background:var(--accent-hover)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:2px;outline:2px solid #78afff}button:disabled{cursor:not-allowed;opacity:.48}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.auth-form,.not-found,.app-status,.enrollment-approval{border:1px solid var(--border);background:var(--surface);border-radius:1rem;width:min(30rem,100% - 2rem);margin:12vh auto 0;padding:2rem;box-shadow:0 1.5rem 4rem #00000047}.auth-form h1,.enrollment-approval h1,.not-found h1{margin:0 0 .65rem;font-size:1.75rem}.auth-form>div{gap:.4rem;margin:1.15rem 0;display:grid}.auth-form label{color:#c8d0da;font-size:.875rem}.auth-form input,.device-rename-input{border:1px solid var(--border-strong);width:100%;min-height:2.75rem;color:var(--text);background:#0a1017;border-radius:.55rem;padding:.65rem .75rem}.auth-error,.app-status-error,.device-connect-status,.device-rename-status,.device-revoke-status{color:var(--danger)}.app-shell{background:radial-gradient(circle at 65% -20%, #2684ff14, transparent 34%), var(--app-bg);min-height:100vh}.app-topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b1016f5;justify-content:space-between;align-items:center;min-height:4rem;padding:.65rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.app-brand{letter-spacing:-.01em;align-items:center;min-height:2.5rem;font-size:1rem;font-weight:700;display:flex}.app-topbar-actions{align-items:center;gap:.65rem;display:flex}.app-account-menu{position:relative}.app-account-menu summary{border:1px solid var(--border-strong);width:2.65rem;height:2.65rem;color:var(--muted);cursor:pointer;background:var(--surface);border-radius:.6rem;place-items:center;list-style:none;display:grid}.app-account-menu summary::-webkit-details-marker{display:none}.app-account-menu summary:hover,.app-account-menu[open] summary{background:var(--surface-raised);border-color:#3f8cff8c}.app-menu-icon{filter:invert(89%)sepia(8%)saturate(354%)hue-rotate(174deg)brightness(84%);width:1.1rem;height:1.1rem}.app-account-popover{border:1px solid var(--border-strong);background:#131b25;border-radius:.65rem;width:10rem;padding:.35rem;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 1rem 2.5rem #00000073}.auth-logout{width:100%;min-height:2.35rem;color:var(--muted);text-align:left;background:0 0;border:0;padding:.5rem .7rem;font-size:.85rem}.auth-logout:hover:not(:disabled){color:var(--text);background:var(--surface-raised)}.devices-page{width:min(1320px,100%);margin:0 auto;padding:2.8rem clamp(2rem,5vw,5rem)}.devices-header{justify-content:space-between;align-items:center;margin-bottom:2.4rem;display:flex}.devices-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,3vw,2.65rem);font-weight:650}.device-add,.device-connect{white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.device-add{min-height:2.65rem;padding-inline:1.05rem;font-size:.875rem;font-weight:600}.device-table{overflow:visible}.device-table-header,.device-card{grid-template-columns:minmax(240px,1.45fr) 130px 120px minmax(170px,.9fr) 150px 38px;align-items:center;gap:1.25rem;display:grid}.device-table-header{border-bottom:1px solid var(--border-strong);color:#738092;letter-spacing:.06em;text-transform:uppercase;min-height:2.7rem;padding:0 1.1rem;font-size:.7rem;font-weight:650}.device-list{margin:0;padding:0;list-style:none}.device-card{border-bottom:1px solid var(--border);min-height:5.35rem;padding:.9rem 1.1rem;transition:background-color .14s;position:relative}.device-card:hover{background:#ffffff06}.device-identity{align-items:center;gap:.9rem;min-width:0;display:flex}.device-icon{color:#69a8ff;background:#2684ff1a;border:1px solid #2684ff38;border-radius:.65rem;flex:none;place-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:grid}.device-identity h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.device-identity small,.device-version,.device-last-seen{color:var(--muted);font-size:.8rem}.device-identity small{margin-top:.28rem;display:block}.device-state{white-space:nowrap;align-items:center;gap:.5rem;font-size:.82rem;display:inline-flex}.device-state>span{background:currentColor;border-radius:50%;width:.48rem;height:.48rem;box-shadow:0 0 .7rem}.device-state-online{color:var(--success)}.device-state-busy,.device-state-updating{color:var(--warning)}.device-state-error{color:var(--danger)}.device-state-offline{color:#657284}.device-connect-cell{min-width:0}.device-connect{width:100%;min-height:2.35rem;padding:.5rem .7rem;font-size:.78rem;font-weight:600}.device-connect:disabled{visibility:hidden;color:#667385;border-color:var(--border);background:0 0}.device-connect-status,.device-rename-status,.device-revoke-status{grid-column:1/-1;min-height:0;margin:0;font-size:.75rem}.device-connect-status:empty,.device-rename-status:empty,.device-revoke-status:empty{display:none}.device-actions{position:relative}.device-actions summary{width:2rem;height:2rem;color:var(--muted);cursor:pointer;border-radius:.45rem;place-items:center;font-size:1.25rem;list-style:none;display:grid}.device-actions summary::-webkit-details-marker{display:none}.device-actions summary:hover,.device-actions[open] summary{color:var(--text);background:var(--surface-raised)}.device-actions-menu{z-index:12;border:1px solid var(--border-strong);background:#131b25;border-radius:.65rem;width:11rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 1rem 2.5rem #00000073}.device-actions-menu button{color:#d9e0e8;text-align:left;background:0 0;align-items:center;gap:.6rem;min-height:2.25rem;padding:.5rem .65rem;font-size:.8rem;display:flex}.device-actions-menu button:hover:not(:disabled){background:var(--surface-raised)}.device-actions-menu .device-revoke{color:#ff8a95}.device-rename-form{border:1px solid var(--border);background:#0c1219;border-radius:.7rem;grid-column:1/-1;align-items:end;gap:.75rem;padding:.8rem;display:flex}.device-rename-form[hidden]{display:none}.device-rename-form label{color:var(--muted);flex:1;font-size:.75rem}.device-rename-input{margin-top:.35rem;display:block}.device-list-empty{border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border);text-align:center;place-content:center;justify-items:center;min-height:24rem;display:grid}.device-list-empty h2{margin:1rem 0 .45rem;font-size:1rem}.device-list-empty p{max-width:31rem;color:var(--muted);margin:0;font-size:.85rem;line-height:1.55}dialog{color:var(--text)}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b8}.device-add-dialog,.sas-warning-dialog{border:1px solid var(--border-strong);background:#111922;border-radius:1rem;width:min(28rem,100% - 2rem);padding:0;box-shadow:0 2rem 5rem #0000008c}.device-add-dialog form,.sas-warning-dialog{padding:1.6rem;position:relative}.device-add-dialog h2,.sas-warning-dialog h2{margin:1.1rem 0 .6rem;font-size:1.2rem}.device-add-dialog p,.sas-warning-dialog p{color:var(--muted);font-size:.875rem;line-height:1.55}.dialog-close{width:2rem;min-height:2rem;color:var(--muted);background:0 0;place-items:center;padding:0;display:grid;position:absolute;top:1rem;right:1rem}.dialog-close:hover:not(:disabled){color:var(--text);background:var(--surface-raised)}.dialog-primary{width:100%;margin-top:.75rem}.enrollment-approval dl>div{border-bottom:1px solid var(--border);grid-template-columns:9rem 1fr;gap:1rem;padding:.75rem 0;display:grid}.enrollment-approval dt{color:var(--muted)}.enrollment-approval dd{margin:0}.enrollment-primary{margin-top:1.25rem}.remote-session{color:#fff;background:#030508;position:fixed;inset:0;overflow:hidden}.remote-surface{color:#8e9aab;outline:none;place-items:center;min-width:0;min-height:0;display:grid;position:absolute;inset:0;overflow:hidden}.remote-surface[data-cursor-mode=remote]{cursor:none}.remote-native-cursor{z-index:2;pointer-events:none;image-rendering:auto;transform-origin:0 0;will-change:transform;max-width:none;position:absolute;top:0;left:0}.remote-native-cursor[hidden]{display:none}.remote-video{object-fit:contain;background:#030508;width:100%;min-width:0;height:100%;min-height:0;display:block}.session-waiting,.session-play-video{z-index:1;position:absolute}.session-waiting{color:#95a1b2;font-size:.85rem}.session-toolbar-reveal{z-index:31;background:#0a0d11f5;border:1px solid #ffffff1f;border-top:0;border-radius:0 0 .45rem .45rem;width:4.5rem;height:.9rem;transition:transform .18s;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 .35rem 1rem #00000047}.session-toolbar-reveal[data-toolbar-visible=true]{transform:translate(-50%,2.65rem)}.session-toolbar-reveal img{filter:invert(78%);opacity:.5;width:.9rem;height:.9rem;margin:0 auto;display:block}.session-toolbar{z-index:32;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090c10f2;border:1px solid #ffffff1a;border-top:0;border-radius:0 0 .7rem .7rem;align-items:center;width:max-content;max-width:calc(100% - 1rem);min-height:2.65rem;padding:.25rem .45rem;transition:transform .18s,opacity .16s;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 .65rem 1.8rem #00000057}.session-toolbar[data-visible=false]{pointer-events:none;opacity:0;transform:translate(-50%,calc(-100% - 1rem))}.session-toolbar-identity,.session-toolbar-actions,.session-toolbar-group{align-items:center;display:flex}.session-toolbar-identity{border-right:1px solid var(--border);gap:.25rem;min-width:0;padding-right:.3rem}.session-connection-dot{background:#35db75;border-radius:50%;width:.55rem;height:.55rem;margin:0 .25rem;box-shadow:0 0 .65rem #35db7566}.session-monitor-control{align-items:center;min-width:0;display:flex}.monitor-selector{color:#c5ced9;border-radius:.45rem;justify-content:center;align-items:center;width:3.25rem;height:2.1rem;display:flex;position:relative}.monitor-selector select{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.monitor-selector:hover,.monitor-selector:focus-within{color:#fff;background:#ffffff17}.monitor-selector:has(select:disabled){cursor:default;opacity:.42}.monitor-selector-caret{filter:invert(85%);width:.7rem;height:.7rem;margin-left:.18rem}.session-toolbar-actions{justify-content:flex-end;gap:.1rem}.session-toolbar-group{border-right:1px solid var(--border);gap:.1rem;padding-right:.2rem;position:relative}.session-icon-button{color:#c5ced9;background:0 0;border-color:#0000;border-radius:.45rem;justify-content:center;align-items:center;width:2.1rem;min-width:2.1rem;height:2.1rem;min-height:2.1rem;padding:.45rem;display:inline-flex}.session-toolbar-icon{filter:invert(85%);opacity:.92;width:1.1rem;height:1.1rem;display:block}.session-icon-button:hover:not(:disabled),.session-icon-button[aria-pressed=true]{color:#fff;background:#ffffff17}.session-icon-button:hover:not(:disabled) .session-toolbar-icon,.session-icon-button[aria-pressed=true] .session-toolbar-icon{filter:invert();opacity:1}.session-icon-button:disabled .session-toolbar-icon{opacity:.35}.session-clipboard-status{border-radius:.45rem;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;display:inline-flex;position:relative}.session-clipboard-status:after{content:"";background:#7c8798;border:1px solid #111820;border-radius:50%;width:.38rem;height:.38rem;position:absolute;bottom:.25rem;right:.25rem}.session-clipboard-status[data-state=active]:after{background:#35db75}.session-clipboard-status[data-state=blocked]:after{background:#ff818c}.session-clipboard-status[data-state=offline]{opacity:.42}.session-icon-button.is-danger{color:#ff818c}.session-icon-button.is-danger .session-toolbar-icon{filter:invert(49%)sepia(87%)saturate(2724%)hue-rotate(327deg)brightness(103%)contrast(103%);opacity:1}.session-icon-button.is-danger:hover:not(:disabled){color:#fff;background:#ff4b5bb3}.session-quality-control{position:relative}.session-quality-menu{z-index:45;border:1px solid var(--border-strong);color:#eaf0f8;background:#0c1219fa;border-radius:.65rem;width:min(22rem,100vw - 1rem);padding:.65rem;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 1rem 2.5rem #00000073}.session-quality-menu[hidden]{display:none}.session-quality-menu fieldset{border:0;gap:.12rem;margin:0;padding:.25rem 0 .55rem;display:grid}.session-quality-menu fieldset+fieldset{border-top:1px solid var(--border);padding-top:.55rem}.session-quality-menu legend{color:#96a4b5;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.25rem;padding:0 .25rem;font-size:.72rem;font-weight:700}.session-quality-menu label{cursor:pointer;border-radius:.4rem;align-items:center;gap:.55rem;min-height:2rem;padding:.28rem .4rem;font-size:.86rem;display:flex}.session-quality-menu label:hover{background:#ffffff14}.session-quality-menu input{accent-color:#3f8cff}.session-quality-menu label strong{font-size:.84rem;font-weight:600}.session-diagnostics{z-index:40;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c1219f5;border-radius:.8rem;width:min(25rem,100% - 1.5rem);max-height:calc(100% - 5rem);padding:1rem;position:absolute;top:4.2rem;right:.75rem;overflow:auto;box-shadow:0 1rem 3rem #0000007a}.session-diagnostics[hidden]{display:none}.session-diagnostics header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.session-diagnostics h2{margin:0;font-size:1rem}.session-diagnostics header button{min-height:2rem;color:var(--muted);background:var(--surface-raised);padding:.35rem .6rem;font-size:.72rem}.session-diagnostics dl{grid-template-columns:1fr auto;gap:.45rem 1rem;font-size:.75rem;display:grid}.session-diagnostics dt{color:var(--muted)}.session-diagnostics dd{margin:0}.sas-warning-dialog__actions{justify-content:flex-end;gap:.6rem;margin-top:1.25rem;display:flex}@media (width<=1180px){.device-table-header,.device-card{grid-template-columns:minmax(210px,1.3fr) 110px 100px minmax(150px,.8fr) 44px 36px;gap:.8rem}.device-connect{color:#0000;white-space:nowrap;width:2.35rem;padding:0;overflow:hidden}.device-connect i{color:#fff}}@media (width<=900px){.app-topbar{padding:.65rem 1rem;position:static}.devices-page{padding:2.25rem 1rem}.devices-header{margin-bottom:2rem}.device-table-header{display:none}.device-list{gap:.7rem;display:grid}.device-card{border:1px solid var(--border);background:var(--surface);border-radius:.8rem;grid-template-columns:1fr auto;gap:.8rem 1rem;padding:1rem}.device-state-cell,.device-actions{justify-self:end}.device-version,.device-last-seen{grid-column:1/-1;justify-content:space-between;display:flex}.device-version:before,.device-last-seen:before{content:attr(data-label);color:#667385}.device-connect-cell{grid-column:1/-1}.device-connect{color:#fff;width:100%}.device-connect i{color:inherit}.device-actions{position:absolute;top:.95rem;right:.8rem}}@media (width<=620px){.devices-header{display:grid}.device-add{width:100%;margin-top:0}.session-toolbar{gap:.25rem;max-width:calc(100% - .5rem);padding-inline:.25rem}.session-toolbar-actions{gap:.05rem}.session-icon-button{min-width:1.95rem;min-height:1.95rem;padding:.35rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms}}