.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7fb;--surface:#fff;--surface-sunken:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--brand:#2563eb;--brand-hover:#1d4ed8;--brand-soft:#eff4ff;--ok-fg:#0b6b4b;--ok-bg:#d8f5e9;--bad-fg:#9b1c1c;--bad-bg:#fee2e2;--warn-fg:#92400e;--warn-bg:#fef3c7;--nav-bg:#101827;--nav-fg:#b9c3d4;--nav-active:#26334a;--radius:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #0f213a0f, 0 1px 3px #0f213a0a;--shadow-md:0 4px 12px #0f213a14;--shadow-lg:0 12px 32px #0f213a1f;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}html,body,#root,main{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.5}input,select,textarea,button{font:inherit;color:var(--text)}input,select,textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:9px;max-width:100%;padding:9px 11px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--text-subtle)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--brand);border:0;padding:0}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #2563eb2e}option{color:var(--text);background:var(--surface)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}h1,h2,h3,h4{letter-spacing:-.01em;line-height:1.25}code,pre{font-family:var(--font-mono)}main{grid-template-rows:auto 1fr;display:grid}main>header{color:#e5e7eb;background:#111827;border-bottom:1px solid #283247;align-items:center;gap:10px;min-height:46px;padding:0 16px;font-weight:600;display:flex}.terminal{background:#0b1020;min-height:0;padding:8px}.devices-page{background:var(--bg);min-height:100%;color:var(--text);grid-template-columns:232px minmax(0,1fr);display:grid}aside{background:var(--nav-bg);color:#fff;flex-direction:column;align-self:start;gap:2px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0;overflow-y:auto}aside h2{letter-spacing:-.01em;margin:0 10px 22px;font-size:16px;font-weight:650}aside button{width:100%;color:var(--nav-fg);text-align:left;background:0 0;border:0;border-radius:9px;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;transition:background .12s,color .12s;display:flex}aside button:hover{color:#fff;background:#1c2739}aside button.selected{background:var(--nav-active);color:#fff;font-weight:550}aside button:focus-visible{outline-color:#7aa2f7}aside button .count{font-variant-numeric:tabular-nums;background:#ffffff1f;border-radius:10px;margin-left:auto;padding:1px 8px;font-size:12px}aside button.sign-out{color:#7c8698;margin-top:auto}.nav-toggle{display:none}.devices-page section{min-width:0;padding:28px clamp(16px,3vw,32px) 48px}.devices-page section>header{height:auto;min-height:0;color:var(--text);letter-spacing:-.015em;background:0 0;border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 0 22px;font-size:19px;font-weight:650;display:flex}.devices-page section>header strong{align-items:center;min-width:0;display:flex}.devices-page section>header span{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;font-weight:400;display:flex}button.back{color:#334155;background:#e8edf5;border:0;border-radius:8px;margin-right:10px;padding:4px 10px;font-size:16px;line-height:1.2}button.back:hover{background:#d7dfec}article{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:20px}.device-grid,.folder-grid,.node-grid{gap:16px;display:grid}.device-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr))}.node-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}.device-grid article{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 18px;transition:box-shadow .15s,border-color .15s;display:grid}.device-grid article:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.device-grid article>div:first-child{min-width:0}article h3{overflow-wrap:anywhere;margin:4px 0 0;font-size:16px}article small{color:var(--text-muted);overflow-wrap:anywhere}.device-grid article h3{cursor:text}.state{color:var(--text-muted);text-transform:capitalize;grid-column:1;align-items:center;gap:6px;font-weight:500;display:inline-flex}.state:before{content:"";opacity:.7;background:currentColor;border-radius:50%;width:7px;height:7px}.state.on{color:var(--ok-fg)}.toggle{background:#bac2cf;border:0;border-radius:20px;flex-shrink:0;grid-area:1/2/3;width:50px;height:29px;padding:3px;transition:background .16s}.toggle:has(.on){background:#16a276}.toggle:disabled{opacity:.45}.knob{width:23px;height:23px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .16s;display:block}.knob.on{transform:translate(21px)}.card-actions{border-top:1px solid #eef1f6;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.card-actions select{flex:140px;min-width:0;padding:6px 9px;font-size:13px}.card-actions button:disabled{opacity:.45;text-decoration:none}input.rename{border-color:var(--brand);width:100%;margin-top:4px;padding:5px 8px;font-size:16px;font-weight:600}button.link{color:var(--brand);white-space:nowrap;background:0 0;border:0;padding:0;font-size:14px;font-weight:500}button.link:hover:not(:disabled){text-decoration:underline}.icon-button{background:var(--brand);color:#fff;border:0;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:21px;line-height:1;display:grid}.icon-button:hover{background:var(--brand-hover)}.folder-card{text-align:left;cursor:pointer;padding:22px;transition:transform .12s,box-shadow .12s,border-color .12s;display:block}.folder-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.folder-card .folder-icon{font-size:30px;line-height:1}.folder-card h3{cursor:inherit;margin:12px 0 2px;font-size:16px}.folder-card small{color:var(--text-muted)}.folder-card.unfiled{background:var(--surface-sunken);border-style:dashed}.error,.notice{overflow-wrap:anywhere;border-radius:9px;margin:0 0 16px;padding:10px 14px}.error{color:var(--bad-fg);background:var(--bad-bg)}.notice{color:var(--ok-fg);background:var(--ok-bg)}.warn-text{color:var(--warn-fg)}.muted,section>p.muted{color:var(--text-muted);font-size:13px}.badge{color:#5b6678;text-transform:capitalize;white-space:nowrap;background:#e8edf5;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:550;display:inline-block}.badge.online,.badge.ok{background:var(--ok-bg);color:var(--ok-fg)}.badge.revoked,.badge.bad{background:var(--bad-bg);color:var(--bad-fg)}.badge.warn{background:var(--warn-bg);color:var(--warn-fg)}.badge.muted{color:#5b6678;background:#e8edf5;font-size:12px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;overflow-x:auto}.table-wrap.scroll-y{max-height:420px;overflow-y:auto}.discovered,.settings-table{border-collapse:collapse;background:var(--surface);width:100%;min-width:560px;font-size:14px}.discovered td{vertical-align:top;border-bottom:1px solid #eef1f6;padding:13px 16px}.discovered tr:last-child td{border-bottom:0}.discovered tr.adopted{opacity:.55}.discovered button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:8px;margin-right:8px;padding:7px 12px;font-size:13px}.discovered button:hover{background:#eef2f8}.scan{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:550}.scan:hover{background:var(--brand-hover)}.adopt-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:12px;max-width:420px;margin-top:18px;padding:20px;display:grid}.adopt-form label{color:#475569;gap:5px;font-size:13px;font-weight:500;display:grid}.adopt-form div{flex-wrap:wrap;gap:10px;display:flex}.adopt-form div button{color:var(--text);background:#e5e9f0;border:0;border-radius:9px;padding:9px 16px;font-weight:550}.adopt-form div button:first-child{color:#fff;background:#16a276}.login{background:radial-gradient(1200px 600px at 50% -10%,#1e293b,#0f172a);place-items:center;min-height:100vh;padding:24px;display:grid}.login form{background:var(--surface);border-radius:var(--radius-lg);width:min(340px,100%);box-shadow:var(--shadow-lg), 0 20px 50px #00000059;gap:14px;padding:clamp(24px,6vw,34px);display:grid}.login h1{color:var(--text);margin:0 0 4px;font-size:19px}.login p{color:var(--text-muted);margin:0;font-size:14px}.login label{color:#475569;gap:5px;font-size:13px;font-weight:500;display:grid}.login button[type=submit]{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:11px;font-weight:600}.login button[type=submit]:hover{background:var(--brand-hover)}.modal-backdrop{z-index:20;background:#0f172abb;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius-lg);width:min(420px,100%);box-shadow:var(--shadow-lg);padding:clamp(20px,5vw,26px)}.modal h2{color:var(--text);margin:0 0 18px;font-size:18px}.modal form{gap:16px;display:grid}.modal label{color:#475569;gap:6px;font-size:13px;font-weight:500;display:grid}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.modal-actions button{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:10px 18px;font-weight:550}.modal-actions button:hover:not(:disabled){background:var(--brand-hover)}.modal-actions button.ghost{color:#334155;background:#e8edf5}.modal-actions button.ghost:hover{background:#d7dfec}.node-card{padding:20px;display:block}.node-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.node-head>div{min-width:0}.node-head h3{margin:0 0 3px;font-size:16px}.metrics{grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));gap:14px;margin:18px 0 4px;display:grid}.metric-head{color:var(--text-muted);justify-content:space-between;gap:8px;font-size:13px;display:flex}.metric-head strong{color:var(--text);font-variant-numeric:tabular-nums}.sparkline{width:100%;height:28px;margin-top:2px;display:block}.spark-line{fill:none;stroke:var(--brand);stroke-width:1.5px}.spark-area{fill:#2563eb1f;stroke:none}.spark-dot{fill:var(--brand);stroke:none}.node-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.enroll-node{background:var(--brand);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:6px 14px;font-size:13px}.enroll-node:hover{background:var(--brand-hover)}.install-command{color:#e2e8f0;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#0f172a;border-radius:6px;margin:0 0 16px;padding:12px;font-size:12px;line-height:1.6}.range-picker{border:1px solid var(--border-strong);border-radius:6px;display:inline-flex;overflow:hidden}.range-option{background:var(--surface);color:var(--text-muted);border:none;border-right:1px solid var(--border);cursor:pointer;font-variant-numeric:tabular-nums;padding:3px 10px;font-size:12px}.range-option:last-child{border-right:none}.range-option:hover{background:var(--surface-sunken);color:var(--text)}.range-option.selected{background:var(--brand);color:#fff}.node-card .card-actions{margin-top:12px}.agent-stale{margin-left:8px;font-size:11px}.deploy-page .deploy-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:520px;box-shadow:var(--shadow-sm);gap:14px;margin-bottom:28px;padding:20px;display:grid}.deploy-page label{color:#475569;gap:6px;font-size:13px;font-weight:500;display:grid}.deploy-page fieldset{border:1px solid var(--border);border-radius:10px;min-width:0;padding:12px 14px}.deploy-page legend{color:var(--text-muted);padding:0 6px;font-size:13px}.deploy-page label.checkbox{color:var(--text);align-items:center;gap:8px;padding:3px 0;font-size:14px;font-weight:400;display:flex}.deploy-page input[type=checkbox]{width:auto;accent-color:var(--brand);padding:0}.deploy-page input[type=file]{padding:8px 10px;font-size:13px}.deploy-page .git-build-row{gap:8px;display:flex}.deploy-page .git-build-row input{flex:1;min-width:0}.deploy-page .dot{background:var(--border-strong);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto;display:inline-block}.deploy-page .dot.online{background:#10b981}.deploy-page button.primary,.user-form button.primary{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:11px 18px;font-weight:600}.deploy-page button.primary:hover:not(:disabled),.user-form button.primary:hover{background:var(--brand-hover)}.deploy-page h3,.settings-page h3{color:var(--text);align-items:center;gap:10px;margin:28px 0 12px;font-size:15px;display:flex}.deploy-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.deploy-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;flex-wrap:wrap;align-items:center;gap:12px;width:100%;padding:13px 16px;transition:border-color .12s,box-shadow .12s;display:flex}.deploy-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.deploy-row .muted{margin-left:auto;font-size:13px}.deploy-detail{border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);background:var(--surface-sunken);border-top:0;gap:14px;padding:14px 16px;display:grid}.deploy-target-head{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.deploy-target-head code{color:#5b6678;overflow-wrap:anywhere;font-size:12px}.progress{background:#e8edf5;border-radius:4px;height:6px;margin-top:8px;overflow:hidden}.progress-fill{background:var(--brand);height:100%;transition:width .3s}.deploy-log{color:#cbd5e1;white-space:pre-wrap;overflow-wrap:anywhere;background:#0f172a;border-radius:9px;max-height:220px;margin:8px 0 0;padding:10px 12px;font-size:12px;line-height:1.5;overflow:auto}.settings-page{max-width:940px}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0 0 18px;padding:20px 22px;transition:box-shadow .18s,border-color .18s;animation:.32s both card-in}.settings-card:hover{box-shadow:var(--shadow-md)}.settings-card:nth-of-type(2){animation-delay:40ms}.settings-card:nth-of-type(3){animation-delay:80ms}.settings-card:nth-of-type(4){animation-delay:.12s}.settings-card:nth-of-type(5){animation-delay:.16s}.settings-card:nth-of-type(6){animation-delay:.2s}.settings-card>h3:first-child{margin-top:0}.settings-card .totp-box,.settings-card .user-form{box-shadow:none;background:0 0;border:0;padding:0}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.profile-head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.avatar{background:linear-gradient(135deg, var(--brand), #4f46e5);color:#fff;letter-spacing:.5px;width:52px;height:52px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:650;display:grid}.avatar.sm{width:34px;height:34px;font-size:13px}.profile-id{flex:200px;min-width:0}.profile-id h2{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:19px;display:flex}.profile-email{margin:3px 0 0;font-size:13px}.edit-name{font-size:13px;font-weight:500}.inline-edit{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-edit input{flex:180px;min-width:0}.badge.role-admin{background:var(--brand-soft);color:var(--brand-hover)}.badge.role-operator{background:var(--warn-bg);color:var(--warn-fg)}.badge.role-viewer{color:#5b6678;background:#e8edf5}.profile-meta{border-top:1px solid #eef1f6;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:14px;margin:20px 0 0;padding-top:18px;display:grid}.profile-meta div{gap:5px;display:grid}.profile-meta dt{color:var(--text-muted);font-size:12px}.profile-meta dd{color:var(--text);margin:0;font-size:14px;font-weight:550}.password-form{gap:14px;max-width:480px;display:grid}.password-form label{color:#475569;gap:6px;font-size:13px;font-weight:500;display:grid}.field-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-actions{gap:10px;display:flex}button.primary.sm{padding:7px 12px;font-size:13px}.settings-page button.primary{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:10px 18px;font-weight:600;transition:background .15s,transform 50ms}.settings-page button.primary:hover:not(:disabled){background:var(--brand-hover)}.settings-page button.primary:active:not(:disabled){transform:translateY(1px)}.user-cell{align-items:center;gap:10px;min-width:0;display:flex}.user-cell>div{min-width:0;display:grid}.user-cell strong{overflow-wrap:anywhere;font-weight:600}.user-cell small{font-size:12px}.totp-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:10px;padding:16px 18px;display:flex}.totp-box p{color:#475569;flex-basis:100%;margin:0;font-size:14px}.totp-box p.muted{color:var(--text-muted);word-break:break-all;font-size:12px}.totp-qr-frame{flex-basis:100%}.totp-qr{aspect-ratio:1;object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:10px;width:200px;height:200px;padding:8px;display:block}.totp-qr.placeholder{background:var(--surface)}.totp-manual{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;display:flex}.totp-manual p{flex-basis:100%}.totp-secret{color:#e2e8f0;letter-spacing:1px;overflow-wrap:anywhere;background:#0f172a;border-radius:8px;padding:8px 12px;font-size:14px}.totp-box input{width:130px}.totp-box button{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:9px 16px;font-weight:550}.totp-box button:hover{background:var(--brand-hover)}.totp-box button.link{color:var(--brand);background:0 0;padding:9px 4px;font-weight:500}.totp-box button.link:hover{background:0 0}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:12px;display:grid}.stat-grid>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);gap:4px;padding:14px 16px;display:grid}.stat-grid span{color:var(--text-muted);font-size:12px}.stat-grid strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:15px}.settings-table th{z-index:1;text-align:left;color:#5b6678;white-space:nowrap;background:#f6f8fb;padding:10px 14px;font-size:13px;font-weight:600;position:sticky;top:0}.settings-table td{border-top:1px solid #eef2f7;padding:10px 14px}.settings-table select{padding:5px 9px;font-size:13px}.settings-table code{color:#334155;font-size:12px}.audit-detail{text-overflow:ellipsis;white-space:nowrap;max-width:340px;color:var(--text-muted);font-size:12px;overflow:hidden}.user-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:14px;padding:16px 18px;display:flex}.user-form label{color:#475569;gap:6px;font-size:13px;font-weight:500;display:grid}.user-form button.link{padding:10px 4px}@media (width<=860px){.devices-page{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);align-content:start}aside{z-index:10;flex-flow:wrap;align-items:center;gap:6px 8px;height:auto;padding:10px 12px;position:sticky;top:0;overflow:visible}aside h2{white-space:nowrap;border:0;flex:auto;margin:0;padding:0;font-size:15px}.nav-toggle{color:#fff;background:#ffffff14;flex:none;place-items:center;width:40px;height:40px;padding:0;font-size:18px;line-height:1;display:grid}.nav-toggle:hover{background:#ffffff26}aside>button:not(.nav-toggle){display:none}aside.nav-open{gap:4px;padding-bottom:12px}aside.nav-open>button:not(.nav-toggle){flex-basis:100%;order:1;width:100%;animation:.18s both nav-item-in;display:flex}aside.nav-open>button.sign-out{border-top:1px solid #ffffff1f;border-radius:0;margin:6px 0 0;padding-top:12px}@keyframes nav-item-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.devices-page section{padding:20px 16px 40px}.devices-page section>header{padding-bottom:18px;font-size:17px}}@media (width<=640px){.settings-card{padding:16px}.field-pair{grid-template-columns:1fr}.form-actions button.primary{width:100%}.profile-head .badge{margin-left:auto}.devices-page section>header{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px}.devices-page section>header>span{justify-content:flex-start}}@media (width<=520px){.device-grid article{gap:12px}.card-actions{justify-content:flex-start}.totp-box input{width:100%}.user-form label{flex:100%}.audit-detail{max-width:200px}.profile-meta{gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}