:root{color-scheme:dark;--page:#111318;--surface:#191c23;--surface-raised:#20242d;--line:rgba(255,255,255,0.09);--text:#f3f4f6;--muted:#9ca3af;--subtle:#707784;--accent:#b7e36a;--accent-ink:#1a2410;--danger:#ff8088}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;background:var(--page);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}a,button{color:inherit}.dashboard-shell{display:flex;flex-direction:column;width:100%;height:100dvh;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% -35%,rgba(183,227,106,.075),transparent 54%),var(--page)}.topbar{z-index:2;gap:20px;min-height:68px;padding:0 20px;background:rgba(20,22,28,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.topbar,.topbar-brand{display:flex;align-items:center}.topbar-brand{flex:0 0 auto;gap:10px}.brand-mark{display:grid;width:48px;height:48px;place-items:center;color:var(--accent-ink);background:var(--accent);border-radius:15px;font-size:25px;font-weight:850;letter-spacing:-.08em;box-shadow:0 7px 24px rgba(183,227,106,.16)}.brand-mark-small{width:33px;height:33px;border-radius:11px;font-size:18px}.brand-name{font-size:16px;font-weight:750;letter-spacing:-.035em}.device-tabs{display:flex;flex:1 1 auto;align-self:stretch;align-items:center;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none}.device-tabs::-webkit-scrollbar{display:none}.device-tab{position:relative;display:flex;flex:0 0 auto;align-items:center;max-width:210px;min-width:125px;height:42px;padding:0 7px 0 11px;color:#a8adb6;border:1px solid transparent;border-radius:10px;transition:background .12s ease,color .12s ease,border-color .12s ease}.device-tab:hover{color:var(--text);background:rgba(255,255,255,.04)}.device-tab.selected{color:var(--text);background:#262a32;border-color:rgba(255,255,255,.075)}.icon-button,.tab-menu,.tab-order button,.tab-select{display:inline-flex;align-items:center;justify-content:center;padding:0;color:inherit;background:none;border:0;cursor:pointer}.tab-select{gap:9px;flex:1 1 auto;justify-content:flex-start;min-width:0;height:100%;text-align:left}.tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:620}.online-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#757b85}.online-dot.online{background:var(--accent);box-shadow:0 0 9px rgba(183,227,106,.52)}.tab-menu{width:19px;height:28px;color:#7f8590;font-size:17px;letter-spacing:1px}.tab-menu:hover,.tab-order button:hover:not(:disabled){color:var(--text)}.tab-order{display:none;align-items:center;margin-left:2px}.device-tab:focus-within .tab-order,.device-tab:hover .tab-order{display:flex}.tab-order button{width:15px;height:25px;color:#8b919b;font-size:17px}.tab-order button:disabled{color:#484d56;cursor:default}.empty-tabs{padding:0 12px;color:var(--subtle);font-size:12px}.topbar-actions{display:flex;flex:0 0 auto;align-items:center;gap:9px}.topbar-actions form{margin:0}.icon-button{gap:7px;height:36px;padding:0 11px;color:#b6bbc4;border:1px solid var(--line);border-radius:9px;font-size:11px;font-weight:630;white-space:nowrap;transition:background .12s ease,color .12s ease,border-color .12s ease}.icon-button:hover:not(:disabled){color:var(--text);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}.icon-button:disabled{cursor:wait;opacity:.7}.refresh-icon{display:inline-block;font-size:17px;line-height:1}.spinning{animation:spin .9s linear infinite}.viewer{position:relative;display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-height:0;overflow:hidden}.camera-frame-wrap{position:absolute;inset:0;overflow:hidden;background:#090a0d}.camera-frame{display:block;width:100%;height:100%;background:#111318;border:0}.open-camera-link{position:absolute;right:16px;bottom:14px;z-index:1;padding:8px 11px;color:#e2e6dc;background:rgba(20,22,28,.76);border:1px solid rgba(255,255,255,.16);border-radius:8px;text-decoration:none;font-size:11px;backdrop-filter:blur(10px)}.open-camera-link:hover{color:white;background:#262a32}.frame-loading{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;color:#b3b7c0;background:#111318;font-size:13px;pointer-events:none}.frame-error-state{position:absolute;inset:0;z-index:2;display:grid;overflow:auto;place-items:center;padding:20px;background:rgba(9,10,13,.88);backdrop-filter:blur(7px)}.frame-error-card{width:min(100%,420px);padding:30px;background:#20242c;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 20px 70px rgba(0,0,0,.4);text-align:center}.frame-error-card h2{margin:5px 0 10px;font-size:20px;letter-spacing:-.035em}.frame-error-card p{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.6}.frame-error-card .primary-button{display:flex;width:100%}.viewer-state{position:absolute;inset:0;display:grid;overflow:auto;place-items:center;padding:28px}.state-card{width:min(100%,465px);padding:35px;color:var(--text);background:linear-gradient(145deg,rgba(34,38,47,.96),rgba(25,28,35,.98));border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 25px 90px rgba(0,0,0,.28);text-align:center}.state-card h2{margin:8px 0 10px;font-size:23px;letter-spacing:-.04em}.state-card p:not(.eyebrow){margin:0 auto 21px;max-width:370px;color:var(--muted);font-size:13px;line-height:1.65}.state-card code{color:#dbe3d1;font-size:12px}.state-icon{display:grid;width:48px;height:48px;margin:0 auto 17px;place-items:center;color:var(--accent);background:rgba(183,227,106,.1);border:1px solid rgba(183,227,106,.22);border-radius:15px;font-size:25px}.warning-icon{color:#ffc66d;background:rgba(255,198,109,.1);border-color:rgba(255,198,109,.23);font-weight:750}.offline-icon{color:#aeb5c1;background:rgba(174,181,193,.09);border-color:rgba(174,181,193,.19)}.eyebrow{margin:0;color:#a2ab94;font-size:9px;font-weight:750;letter-spacing:.17em}.primary-button{display:inline-flex;min-height:41px;align-items:center;justify-content:center;padding:0 17px;color:var(--accent-ink);background:var(--accent);border:0;border-radius:10px;cursor:pointer;font-size:12px;font-weight:750;transition:transform .12s ease,filter .12s ease}.primary-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.65;transform:none}.trust-card .primary-button{display:flex;width:100%;margin-top:21px}.fingerprint{display:block;overflow-wrap:anywhere;padding:12px;color:#e5ebdd!important;background:rgba(0,0,0,.19);border:1px solid rgba(255,255,255,.08);border-radius:9px;line-height:1.7}.text-link{display:inline-block;margin-top:16px;color:#c8d8ad;text-decoration:none;font-size:12px}.text-link:hover{color:var(--accent);text-decoration:underline}.scan-progress{position:absolute;top:0;right:0;left:0;z-index:2;display:flex;align-items:center;gap:11px;height:29px;padding:0 15px;color:#afb5a8;background:rgba(28,32,25,.92);font-size:10px}.progress-track{display:block;width:70px;height:4px;overflow:hidden;background:rgba(255,255,255,.1);border-radius:5px}.progress-track span{display:block;height:100%;min-width:6px;background:var(--accent);border-radius:inherit;transition:width .18s linear}.notice-banner{position:absolute;top:12px;left:50%;z-index:3;max-width:min(680px,calc(100% - 30px));padding:10px 15px;color:#e7d5b8;background:#403326;border:1px solid rgba(255,199,122,.25);border-radius:9px;box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:11px;transform:translateX(-50%)}.spinner{display:inline-block;width:22px;height:22px;border:2px solid rgba(255,255,255,.12);border-top:2px solid var(--accent);border-radius:50%;animation:spin .8s linear infinite}.state-card>.spinner{width:28px;height:28px;margin-bottom:11px}.mobile-footnote{display:none}.proxy-renewal-frame{position:fixed;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;border:0}.login-shell{display:grid;width:100%;min-height:100dvh;place-items:center;padding:25px;background:radial-gradient(ellipse at 50% 0,rgba(183,227,106,.13),transparent 43%),var(--page)}.login-card{width:min(100%,405px);padding:38px;background:linear-gradient(145deg,#20242c,#191c23);border:1px solid rgba(255,255,255,.11);border-radius:21px;box-shadow:0 26px 100px rgba(0,0,0,.35)}.login-card>.brand-mark{margin-bottom:24px}.login-card h1{margin:9px 0;font-size:28px;letter-spacing:-.055em}.login-copy{margin:0 0 26px;color:var(--muted);font-size:13px}.login-form{display:flex;flex-direction:column}.login-form label{margin:0 0 7px;color:#c6c9d0;font-size:11px;font-weight:650}.login-form input{width:100%;height:43px;margin:0 0 18px;padding:0 12px;color:var(--text);background:#111318;border:1px solid rgba(255,255,255,.12);border-radius:9px;outline:none}.login-form input:focus{border-color:rgba(183,227,106,.65);box-shadow:0 0 0 3px rgba(183,227,106,.1)}.login-form .primary-button{width:100%;margin-top:5px}.form-error{margin:0 0 14px;color:var(--danger);font-size:12px}.login-footnote{margin:24px 0 0;color:#777e89;font-size:10px;text-align:center}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:850px){.topbar{gap:12px;padding:0 12px}.brand-name{display:none}.device-tab{min-width:108px}.tab-order{display:flex}}@media (max-width:620px){.topbar{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:51px 43px;gap:0 9px;min-height:94px;padding:0 10px 4px}.topbar-brand{grid-column:1;grid-row:1}.topbar-actions{grid-column:2/4;grid-row:1;justify-self:end;gap:6px}.icon-button{height:32px;padding:0 8px;font-size:10px}.device-tabs{grid-column:1/4;grid-row:2;width:100%;gap:4px;border-top:1px solid rgba(255,255,255,.045)}.device-tab{height:35px;min-width:106px;padding-left:8px}.viewer-state{padding:18px}.state-card{padding:27px 21px}.state-card h2{font-size:21px}.open-camera-link{right:9px;bottom:8px}.notice-banner{top:9px}.login-card{padding:30px 24px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}