:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--muted: var(--text-muted);--border: var(--line) }*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{font:inherit}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:27px 16px 18px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 34px}.brand strong,.brand span{display:block}.brand strong{font-size:14px;font-weight:800}.brand span{margin-top:2px;color:var(--text-muted);font-size:12px}.nav-label{padding:0 12px;margin:0 0 10px;font-size:10px;font-weight:700;letter-spacing:1.2px;color:var(--text-faint)}.nav-item{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;margin:2px 0;border-radius:8px;color:var(--text-muted);text-decoration:none;font-size:12px;font-weight:600}.nav-item>span{width:17px;text-align:center;font-size:17px}.nav-item small{margin-left:auto;color:var(--text-faint);font-size:9px;font-weight:500}.system-label{margin-top:30px}.sidebar-bottom{display:flex;gap:10px;margin-top:auto;padding:15px 9px 0;border-top:1px solid var(--border)}.sidebar-bottom i{flex:0 0 auto;width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--warning)}.sidebar-bottom strong,.sidebar-bottom span{display:block}.sidebar-bottom strong{font-size:10px;line-height:1.5}.sidebar-bottom span{margin-top:3px;font-size:10px;color:var(--muted)}.main{margin-left:248px;min-height:100vh;padding:0 38px 25px;max-width:1800px}.topbar{display:flex;align-items:center;justify-content:space-between;height:74px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px}.topbar>div:first-child span{margin:0 9px;color:var(--text-faint)}.user{display:flex;align-items:center;gap:9px}.user b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;color:var(--accent-text);background:var(--accent-soft)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:33px 0 25px}.eyebrow{margin:0 0 7px;color:var(--accent-text);font-size:9px;font-weight:700;letter-spacing:1.5px}h1,h2,p{margin-top:0}h1{margin-bottom:7px;font-size:25px;line-height:1.3;font-weight:800;letter-spacing:-.8px}.subtitle{margin:0;color:var(--muted);font-size:12px}.connection{display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:20px;padding:8px 11px;color:var(--text-muted);background:var(--surface);font-size:10px;white-space:nowrap}.connection i{width:7px;height:7px;border-radius:50%;background:var(--status-unknown)}.connection.online i{background:var(--success)}.connection.offline i{background:var(--danger)}.notice{display:flex;gap:13px;padding:16px 18px;border:1px solid var(--accent-border-soft);border-radius:10px;background:var(--accent-soft)}.notice>b{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--accent-text);border:1px solid var(--accent-border-soft);font:700 13px Georgia}.notice strong{display:block;margin:1px 0 5px;color:var(--accent-text);font-size:12px}.notice p{max-width:850px;margin:0;color:var(--text-muted);font-size:11px;line-height:1.7}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:31px 0 17px}.section-heading h2,.empty h2{margin-bottom:5px;font-size:14px;font-weight:800}.section-heading p{margin:0;color:var(--muted);font-size:11px}.section-heading button{padding:10px 13px;border:1px solid var(--accent-border);border-radius:7px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:600;cursor:pointer}.section-heading button:disabled,.empty-action:disabled,.form-fields button:disabled{cursor:not-allowed;opacity:.5}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric{min-width:0;padding:17px 16px 15px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.metric>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:10px;font-weight:600}.metric>div b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--accent-soft);color:var(--accent-text);font-size:15px}.metric>div b.green{background:var(--success-soft);color:var(--success-text)}.metric>div b.purple{background:var(--purple-soft);color:var(--purple-text)}.metric>strong{display:block;margin:17px 0 10px;color:var(--text-strong);font-size:28px;font-weight:800;letter-spacing:-1px}.metric>small{color:var(--text-faint);font-size:9px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:22px;padding:37px 20px 39px;border:1px dashed var(--border-dashed);border-radius:10px;background:var(--surface-glass)}.empty-mark-logo{display:block;width:60px;height:60px;margin-bottom:16px;object-fit:contain}.empty h2{margin-bottom:8px;font-size:13px}.empty p{max-width:410px;margin-bottom:17px;color:var(--muted);font-size:11px;line-height:1.7}footer{padding-top:22px;text-align:center;color:var(--text-faint);font-size:9px}footer i{margin:0 5px;color:var(--text-faint);font-style:normal}.form-fields label{display:grid;gap:6px;color:var(--text-muted);font-size:10px;font-weight:600}.form-fields input{width:100%;min-width:0;padding:10px;border:1px solid var(--border-strong);border-radius:6px;color:var(--text);font:12px system-ui}.form-fields input:focus{outline:2px solid var(--focus-ring);outline-offset:1px}.form-fields button,.empty-action{cursor:pointer;border:1px solid var(--accent-border);border-radius:7px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:600;padding:10px 13px}.form-error,.error-banner{color:var(--danger-text);font-size:11px}.form-error{margin:12px 0 0}.error-banner{margin:0 0 15px;padding:12px;border:1px solid var(--danger-border);border-radius:7px;background:var(--danger-soft)}.booth-seen i{width:7px;height:7px;border-radius:50%;background:var(--status-unknown)}.list-note{margin:0;padding:10px 16px;color:var(--muted);font-size:10px}.empty-action{margin-top:3px}.empty-action:disabled{opacity:.5}@media(min-width:1500px){.main{padding-right:55px;padding-left:55px}}@media(max-width:1050px){.main{padding-right:24px;padding-left:24px}.form-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.form-fields button{justify-self:start}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.sidebar{position:static;width:auto;height:auto;padding:14px 16px;border-right:0;border-bottom:1px solid var(--border)}.brand{padding-bottom:0}.sidebar .nav-label,.sidebar .nav-item,.sidebar-bottom{display:none}.main{margin-left:0;padding:0 16px 20px}.topbar{height:56px;font-size:10px}.user{font-size:0}.user b{font-size:12px}.page-heading{align-items:flex-start;padding-top:25px}h1{font-size:22px}.connection{margin-top:14px;font-size:9px}.section-heading{align-items:flex-start}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric:first-child{grid-column:1/-1}.metric{padding:13px 12px}.metric>div{font-size:9px}.metric>strong{font-size:25px}.metric>small{line-height:1.5}.form-fields{grid-template-columns:1fr}.booth-seen{max-width:125px;font-size:9px}.booth-row{padding:12px}.booth-info span{font-size:9px}}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--surface-muted)}.login-card{display:grid;gap:13px;width:min(100%,420px);padding:30px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 18px 60px var(--shadow-soft)}.login-card .eyebrow{margin:0}.login-card h1{margin:0;font-size:24px}.login-card .subtitle{margin:0 0 8px;line-height:1.6}.login-card label,.form-fields label,.edit-fields label{display:grid;gap:6px;color:var(--text-muted);font-size:11px;font-weight:600}.login-card input,.form-fields input,.form-fields select,.edit-fields input,.role-control select{width:100%;min-width:0;padding:10px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--text);font:12px system-ui}.login-card input:focus,.form-fields input:focus,.form-fields select:focus,.edit-fields input:focus,.role-control select:focus{outline:2px solid var(--focus-ring);outline-offset:1px}.login-card>button,.token-modal>button:last-child{border:1px solid var(--accent-border);border-radius:7px;background:var(--accent);color:var(--on-accent);padding:11px 14px;font-size:12px;font-weight:650;cursor:pointer}.login-card>button:disabled{opacity:.55;cursor:wait}.login-card small{color:var(--text-muted);font-size:10px;line-height:1.6}.secondary-button,.logout-button,.row-actions button,.edit-fields button{padding:8px 10px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--text-muted);font-size:10px;font-weight:600;cursor:pointer}.secondary-button{align-self:center}.login-card .secondary-button{margin-top:-4px}.logout-button:hover,.secondary-button:hover,.row-actions button:hover,.edit-fields button:hover{background:var(--surface-muted)}.topbar{gap:10px}.logout-button{margin-left:auto}.nav-item{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.nav-item.active{background:var(--accent-soft);color:var(--accent-text)}.sidebar-bottom i.checking{background:var(--warning)}.sidebar-bottom i.online{background:var(--success)}.sidebar-bottom i.offline{background:var(--danger)}.section-heading button,.empty-action,.form-fields button,.row-actions button,.edit-fields button{cursor:pointer}.section-heading button,.empty-action,.form-fields button{border:1px solid var(--accent-border);border-radius:7px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:600;padding:10px 13px}.form-fields button:disabled{opacity:.55;cursor:wait}.booth-form,.booth-list{margin:0 0 18px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.booth-form{padding:18px}.form-heading h2{margin:0 0 5px;font-size:14px}.form-heading p{margin:0 0 16px;color:var(--muted);font-size:11px}.form-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px}.form-fields label span{font-weight:400}.form-fields select{min-height:37px}.booth-list{overflow:hidden}.booth-row{display:flex;align-items:center;gap:13px;padding:14px 17px;border-bottom:1px solid var(--border)}.booth-row:last-of-type{border-bottom:0}.booth-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:10px;background:var(--accent-soft);color:var(--accent-text);font-size:10px;font-weight:800}.booth-info{display:grid;gap:4px;min-width:0}.booth-info strong{overflow:hidden;color:var(--text-strong);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.booth-info span,.booth-seen{color:var(--muted);font-size:10px}.booth-seen{display:flex;align-items:center;gap:7px;margin-left:auto;text-align:right}.booth-seen i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--status-unknown)}.booth-seen i.seen{background:var(--success)}.booth-row-expanded{flex-wrap:wrap}.row-actions{display:flex;gap:6px;margin-left:auto}.row-actions .danger-button{border-color:var(--danger-border);color:var(--danger-text)}.edit-fields{display:flex;align-items:end;gap:8px;flex:1}.edit-fields label{flex:1}.archived-label{padding:3px 6px;border-radius:5px;background:var(--purple-soft);color:var(--purple-text);font-size:9px}.toggle-label,.active-control{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:10px}.user-fields{grid-template-columns:1.2fr 1fr 1fr auto}.user-row{flex-wrap:wrap}.role-control{display:grid;gap:5px;color:var(--text-muted);font-size:9px}.role-control select{min-width:150px;padding:8px}.active-control{margin:0 6px}.audit-list .booth-info span{overflow-wrap:anywhere}.success-notice{align-items:center;margin:0 0 14px;color:var(--success-text);border-color:var(--success-border);background:var(--success-soft)}.success-notice>b{color:var(--success-text);border-color:var(--success-border)}.success-notice button{margin-left:auto;border:0;background:none;color:var(--success-text);font-size:18px;cursor:pointer}.success-text{margin:0;color:var(--success-text);font-size:11px}.error-banner{margin:0 0 15px;padding:12px;border:1px solid var(--danger-border);border-radius:7px;background:var(--danger-soft);color:var(--danger-text);font-size:11px}.error-banner button{margin-left:8px;border:0;background:none;color:var(--danger-text);text-decoration:underline;cursor:pointer;font:inherit}.empty-note{padding:20px;color:var(--muted);font-size:11px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:var(--overlay)}.token-modal{position:relative;display:grid;gap:12px;width:min(100%,500px);padding:26px;border-radius:12px;background:var(--surface);box-shadow:0 20px 70px var(--shadow)}.token-modal h2{margin:0;font-size:19px}.token-modal p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px;line-height:1.6}.token-modal label{display:grid;gap:6px;color:var(--text-muted);font-size:10px}.token-modal code{padding:10px;border-radius:6px;background:var(--surface-muted);color:var(--text-strong);font-size:11px;overflow-wrap:anywhere}.token-modal .secret-token{-webkit-user-select:all;user-select:all}.modal-close{position:absolute;top:13px;right:13px;border:0;background:transparent;color:var(--text-muted);font-size:22px;cursor:pointer}@media(max-width:1050px){.form-fields,.user-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.form-fields button{justify-self:start}.user-row .booth-info{flex:1}.row-actions{width:100%;margin-left:48px;flex-wrap:wrap}}@media(max-width:680px){.login-card{padding:23px}.main{padding-right:16px;padding-left:16px}.section-heading{align-items:flex-start}.section-heading button{max-width:45%}.form-fields,.user-fields{grid-template-columns:1fr}.user-fields button{justify-self:start}.booth-row{align-items:flex-start}.booth-seen{max-width:135px;margin-left:auto;font-size:9px}.booth-info span{font-size:9px}.row-actions{margin-left:48px;gap:5px}.row-actions button{padding:7px}.edit-fields{flex-wrap:wrap}.edit-fields label{min-width:120px}.role-control{margin-left:48px}.role-control select{min-width:140px}.user-row>.secondary-button{margin-left:48px}.topbar{height:60px}.logout-button{font-size:9px;padding:7px}}:root{color-scheme:light;--page: #f6f8fb;--surface: #fff;--surface-muted: #f4f7fb;--surface-glass: #ffffffa6;--surface-hover: #eef3fb;--text: #182230;--text-strong: #25344a;--text-muted: #697689;--text-faint: #a0a9b6;--line: #e7ebf1;--border: var(--line);--border-strong: #dfe5ed;--border-dashed: #d8dfe8;--accent: #2c4d7d;--accent-strong: #263e67;--accent-text: #304d75;--accent-soft: #eef3fb;--accent-border: #2c4d7d;--accent-border-soft: #b8cbe5;--on-accent: #fff;--success: #1da777;--success-text: #247354;--success-soft: #f0faf4;--success-border: #cce8d9;--danger: #d94f5c;--danger-text: #ad3441;--danger-soft: #fff5f5;--danger-border: #efc9cd;--warning: #e3a63b;--status-unknown: #aab3bf;--purple-text: #7762a0;--purple-soft: #f2edfc;--focus-ring: #9db4d6;--overlay: #17243a88;--shadow: #101a2a33;--shadow-soft: #27374e12}:root[data-theme=dark]{color-scheme:dark;--page: #121a24;--surface: #1b2633;--surface-muted: #202d3b;--surface-glass: #1b2633dd;--surface-hover: #29394b;--text: #e6edf5;--text-strong: #d6e0ec;--text-muted: #a6b3c2;--text-faint: #8797aa;--line: #344457;--border: var(--line);--border-strong: #40536a;--border-dashed: #4a5d73;--accent: #5277a8;--accent-strong: #3e5e8a;--accent-text: #b9d0ef;--accent-soft: #26384d;--accent-border: #6489ba;--accent-border-soft: #496587;--on-accent: #fff;--success: #3caa80;--success-text: #82d7b1;--success-soft: #203a32;--success-border: #315d4c;--danger: #d65d68;--danger-text: #ff9aa1;--danger-soft: #40282e;--danger-border: #75424b;--warning: #d4a64e;--status-unknown: #64758a;--purple-text: #c0a9ec;--purple-soft: #352d48;--focus-ring: #8fb5e6;--overlay: #050a10b8;--shadow: #00000070;--shadow-soft: #00000040}html,body,#app{min-height:100%;background:var(--page);color:var(--text)}body{transition:background-color .18s ease,color .18s ease}button,input,select,textarea{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.brand-logo{display:block;width:40px;height:40px;flex:0 0 auto;object-fit:contain}.auth-logo{display:block;width:88px;height:88px;justify-self:center;margin-bottom:3px;object-fit:contain}.theme-toggle{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;padding:8px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);cursor:pointer}.theme-toggle:hover{background:var(--surface-hover)}.theme-toggle img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .18s ease}:root[data-theme=dark] .theme-toggle img{filter:invert(1)}:root[data-theme=dark] .brand-logo,:root[data-theme=dark] .auth-logo,:root[data-theme=dark] .empty-mark-logo{filter:brightness(0) invert(1)}.login-shell{position:relative;background:var(--page)}.login-theme-toggle{position:absolute;top:20px;right:20px}.device-status-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.status-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:11px;font-weight:650}.status-pill.status-online,.state-idle,.state-preview{border-color:var(--success-border);background:var(--success-soft);color:var(--success-text)}.status-pill.status-offline,.state-error,.state-stopped{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger-text)}.status-pill.status-unknown,.state-unknown,.state-starting,.state-countdown,.state-capturing,.state-printing{border-color:var(--accent-border-soft);background:var(--accent-soft);color:var(--accent-text)}.device-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}@media(max-width:1050px){.device-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.device-metrics .metric-card{display:grid;align-content:start;gap:10px;min-width:0;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 8px 24px var(--shadow-soft)}.metric-card small{color:var(--text-muted);font-size:11px;font-weight:650}.metric-card strong{overflow-wrap:anywhere;color:var(--text-strong);font-size:clamp(16px,2vw,21px);line-height:1.35}.metric-card span{color:var(--text-muted);font-size:11px;line-height:1.5}.remote-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 30px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.remote-actions h2,.remote-actions p{flex:0 0 100%;margin:0}.remote-actions h2{font-size:15px}.remote-actions p{margin-top:-4px;color:var(--text-muted);font-size:12px;line-height:1.5}.primary-button,.danger-button,.remote-actions .secondary-button,.modal-actions .secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:650;text-decoration:none;cursor:pointer}.primary-button:hover{background:var(--accent-strong)}.remote-actions .secondary-button,.modal-actions .secondary-button{border-color:var(--border-strong);background:var(--surface);color:var(--text-strong)}.remote-actions .secondary-button:hover,.modal-actions .secondary-button:hover{background:var(--surface-hover)}.danger-button,.row-actions .danger-button{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger-text)}.danger-button:hover{filter:brightness(.96)}.remote-actions .muted-text{color:var(--text-muted);font-size:11px}.permission-editor{display:grid;gap:14px;margin-top:16px}.permission-editor>label,.user-draft-controls>label{display:grid;gap:7px;color:var(--text-muted);font-size:12px;font-weight:650}.permission-editor select,.user-draft-controls select{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface);color:var(--text)}.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.permission-group-card{display:grid;align-content:start;gap:8px;min-width:0;margin:0;padding:13px;border:1px solid var(--border);border-radius:9px;background:var(--surface-muted)}.permission-group-card legend{padding:0 5px;color:var(--text-strong);font-size:12px;font-weight:750}.permission-group-card label{display:flex;align-items:flex-start;gap:9px;min-height:32px;color:var(--text-muted);font-size:11px;line-height:1.45;cursor:pointer}.permission-group-card input[type=checkbox]{width:16px;height:16px;flex:0 0 auto;accent-color:var(--accent)}.users-list{display:grid;gap:12px;overflow:visible;border:0;background:transparent}.user-admin-card{min-width:0;padding:17px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.user-admin-card>header{display:flex;align-items:center;gap:12px;min-width:0}.user-admin-card>header .booth-info{flex:1}.user-draft-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:16px}.user-draft-controls>label{min-width:min(100%,210px)}.user-draft-controls .active-control{display:flex;min-height:42px}.user-admin-card .save-user-button{min-height:40px;margin-top:10px;padding:9px 13px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:650;cursor:pointer}.mobile-menu-toggle,.mobile-drawer-close,.navigation-backdrop{display:none}.navigation-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;border:0;background:var(--overlay)}.sidebar-logout{display:none}.device-tabs{display:flex;gap:5px;max-width:100%;margin-bottom:18px;overflow-x:auto;border-bottom:1px solid var(--border)}.device-tabs button{min-height:42px;padding:9px 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-size:12px;white-space:nowrap;cursor:pointer}.device-tabs button.active{border-bottom-color:var(--accent);color:var(--accent-text);font-weight:700}.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px}.token-modal>.primary-button{justify-self:end}@media(max-width:760px){button{min-height:44px}body.navigation-open{overflow:hidden}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:min(86vw,320px);height:100dvh;padding:18px 16px;overflow-y:auto;border:0;border-right:1px solid var(--border);background:var(--surface);box-shadow:12px 0 36px var(--shadow-soft);transform:translate(-105%);visibility:hidden;transition:transform .2s ease,visibility .2s ease}.sidebar.is-open{transform:translate(0);visibility:visible}.brand{align-items:center;padding:0 3px 28px}.brand-logo{width:42px;height:42px}.mobile-drawer-close{display:grid;place-items:center;width:42px;height:42px;margin-left:auto;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);color:var(--text);font-size:24px;cursor:pointer}.sidebar .nav-label,.sidebar .nav-item,.sidebar-bottom{display:flex}.sidebar .nav-label{display:block}.sidebar .nav-item{min-height:48px;font-size:13px}.sidebar-bottom{align-items:flex-start;flex-wrap:wrap;padding-top:16px}.sidebar-bottom>div{min-width:0;overflow-wrap:anywhere}.sidebar-logout{display:block;min-height:42px;margin:12px 0 0 17px;padding:8px 11px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface);color:var(--text-strong);cursor:pointer}.navigation-backdrop{display:block}.main{width:100%;margin-left:0;padding:0 clamp(16px,4vw,28px) 24px}.topbar{justify-content:flex-start;height:64px;gap:12px}.mobile-menu-toggle{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);color:var(--text-strong);font-size:21px;cursor:pointer}.breadcrumb{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-logout{display:none}.page-heading{align-items:flex-start;padding:26px 0 20px}.device-heading{flex-direction:column}.device-heading>.secondary-button{align-self:flex-start;min-height:40px}.device-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.device-metrics .metric-card{padding:14px}.remote-actions>button{min-height:44px}.section-heading{align-items:flex-start}.user-admin-card>header{flex-wrap:wrap}.user-admin-card>header .secondary-button{margin-left:48px}.permission-groups{grid-template-columns:1fr}.device-tabs button{min-height:46px;padding-inline:11px}}.main:focus{outline:none}@media(max-width:430px){.main{padding-right:14px;padding-left:14px}.topbar{gap:8px}.theme-toggle,.mobile-menu-toggle{width:40px;height:40px}.breadcrumb{font-size:10px}.device-metrics{grid-template-columns:1fr}.device-metrics .metric-card{gap:7px}.remote-actions{align-items:stretch;padding:14px}.remote-actions>button{width:100%;margin:0}.remote-actions .muted-text{line-height:1.5}.user-admin-card{padding:13px}.user-admin-card>header .secondary-button{width:calc(100% - 48px);margin-left:48px}.booth-row{flex-wrap:wrap}.row-actions{width:100%;margin-left:48px;flex-wrap:wrap}.login-shell{padding:72px 14px 20px}.login-theme-toggle{top:14px;right:14px}.login-card{padding:22px 18px}.token-modal{max-height:calc(100dvh - 32px);overflow-y:auto;padding:22px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}