:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#070a0e;--bg:#0b0f14;--bg-elevated:#121820;--bg-hover:#18202b;--border:#8b9bb429;--border-strong:#8b9bb447;--text:#e8eef7;--text-muted:#8b9bb4;--text-faint:#5c6b82;--accent:#3d8bfd;--accent-soft:#3d8bfd24;--accent-hover:#5a9dff;--ok:#3ecf8e;--warn:#e6b84d;--danger:#e5484d;--danger-soft:#e5484d1f;--danger-hover:#f2555a;--radius:10px;--font:"Fira Sans", "Segoe UI", sans-serif;--mono:"Fira Code", ui-monospace, monospace;--shadow:0 18px 50px #00000073;--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%, #3d8bfd1f, transparent 55%), radial-gradient(900px 500px at 100% 0%, #e5484d0f, transparent 50%), linear-gradient(180deg, #0d131b 0%, var(--bg-deep) 45%, #06080c 100%);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;line-height:1.5}button,input{font:inherit;color:inherit}a{color:var(--accent)}.app-shell{max-width:1100px;margin:0 auto;padding:1.25rem 1.25rem 3rem}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;padding-bottom:1rem;display:flex}.brand{flex-direction:column;gap:.15rem;display:flex}.brand-mark{letter-spacing:-.03em;font-size:1.35rem;font-weight:700;line-height:1.1}.brand-mark span{color:var(--accent)}.brand-sub{color:var(--text-muted);font-size:.8rem;font-family:var(--mono)}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.btn{appearance:none;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);cursor:pointer;transition:background .16s var(--ease), border-color .16s var(--ease), transform .12s var(--ease);border-radius:8px;min-height:40px;padding:.55rem .9rem}.btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-faint)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#041018;border-color:#0000;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:0 0}.btn-danger{background:var(--danger-soft);color:#ffb4b6;border-color:#e5484d73}.btn-danger:hover:not(:disabled){border-color:var(--danger);color:#fff;background:#e5484d38}.btn-danger-solid{background:var(--danger);color:#fff;letter-spacing:.04em;border-color:#0000;font-weight:700}.btn-danger-solid:hover:not(:disabled){background:var(--danger-hover)}.btn-sm{min-height:34px;padding:.35rem .65rem;font-size:.85rem}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.toolbar h1{letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:600}.muted{color:var(--text-muted);font-size:.9rem}.device-table-wrap{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121820b8;overflow:hidden}.device-table{border-collapse:collapse;width:100%}.device-table th,.device-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:.85rem .9rem}.device-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);background:#0003;font-size:.72rem;font-weight:600}.device-table tr:last-child td{border-bottom:none}.device-table tbody tr{transition:background .14s var(--ease)}.device-table tbody tr:hover{background:#3d8bfd0a}.device-table tbody tr.selected{background:var(--accent-soft)}.device-name{letter-spacing:-.01em;font-weight:600}.device-real-name{color:var(--text-muted);margin-top:.1rem;font-size:.78rem;display:block}.device-id{font-family:var(--mono);color:var(--text-faint);word-break:break-all;margin-top:.15rem;font-size:.72rem}.device-identity{min-width:0;display:block}.field-hint{color:var(--text-faint);margin-top:.25rem;font-size:.75rem}.btn-touch{min-width:44px;min-height:44px;padding:.65rem .75rem;font-size:.95rem}.device-mobile{display:none}.device-desktop{display:block}.device-card-list{flex-direction:column;gap:.85rem;display:flex}.device-mobile-select-all{margin-bottom:.75rem}.device-mobile-select-all label{min-height:44px;color:var(--text-muted);align-items:center;gap:.55rem;font-size:.95rem;display:inline-flex}.device-mobile-select-all input{width:1.15rem;height:1.15rem}.device-card{border:1px solid var(--border);border-radius:var(--radius);background:#121820d9;padding:.75rem}.device-card.selected{background:var(--accent-soft);border-color:#3d8bfd59}.device-card-summary{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.45rem;display:grid}.device-card-check{place-items:center;min-width:44px;min-height:44px;display:grid}.device-card-check input{width:1.2rem;height:1.2rem}.device-card-head{align-items:flex-start;gap:.55rem;min-width:0;display:flex}.device-card-wipe-compact{flex-shrink:0;padding:.55rem .85rem;font-size:.9rem}.device-card-chevron{color:var(--text-faint);text-align:center;min-width:1.25rem;font-size:.95rem}.device-card-body{border-top:1px solid var(--border);margin-top:.85rem;padding-top:.85rem}.device-card-meta{grid-template-columns:1fr 1fr;gap:.65rem .75rem;margin:0 0 1rem;display:grid}.device-card-meta dt{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin:0 0 .15rem;font-size:.72rem}.device-card-meta dd{word-break:break-word;margin:0;font-size:.95rem}.device-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.75rem;display:grid}.device-card-detail{margin-top:.35rem}.mono{font-family:var(--mono);font-size:.85rem}.battery{font-variant-numeric:tabular-nums}.battery.low{color:var(--danger)}.row-actions{flex-wrap:wrap;gap:.4rem;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1.5rem}.login-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{border:1px solid var(--border);width:min(100%,400px);box-shadow:var(--shadow);animation:rise .42s var(--ease);background:#121820d9;border-radius:14px;padding:2rem 1.75rem}.login-card h1{letter-spacing:-.03em;margin:0 0 .35rem;font-size:1.6rem}.login-card h1 span{color:var(--accent)}.login-card .lead{color:var(--text-muted);margin:0 0 1.5rem;font-size:.95rem}.field{flex-direction:column;gap:.35rem;margin-bottom:.95rem;display:flex}.field label{color:var(--text-muted);font-size:.8rem;font-weight:500}.field input{background:var(--bg-deep);border:1px solid var(--border-strong);transition:border-color .15s var(--ease);border-radius:8px;outline:none;padding:.7rem .8rem}.field input:focus{border-color:var(--accent)}.field input.totp{font-family:var(--mono);letter-spacing:.28em;text-align:center;font-size:1.15rem}.error-banner{background:var(--danger-soft);color:#ffb4b6;border:1px solid #e5484d59;border-radius:8px;margin-bottom:1rem;padding:.7rem .85rem;font-size:.9rem}.toast{z-index:80;background:var(--bg-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow);max-width:min(360px,100vw - 2rem);animation:rise .28s var(--ease);border-radius:10px;padding:.75rem 1rem;position:fixed;bottom:1.25rem;right:1.25rem}.toast.ok{border-color:#3ecf8e66}.toast.err{border-color:#e5484d73}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#04080cb8;place-items:center;padding:1rem;animation:.18s fade;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border-strong);width:min(100%,460px);box-shadow:var(--shadow);animation:rise .32s var(--ease);background:#10161e;border-radius:14px;padding:1.5rem}.modal.danger{background:linear-gradient(#e5484d14,#0000 40%),#10161e;border-color:#e5484d8c}.modal h2{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.2rem}.modal .warn{color:#ffb4b6;margin:0 0 1rem;font-size:.92rem}.modal-list{border:1px solid var(--border);background:#00000047;border-radius:8px;max-height:140px;margin:0 0 1rem;padding:.75rem .9rem;overflow:auto}.modal-list li{margin:.2rem 0;font-size:.9rem}.modal-actions{justify-content:flex-end;gap:.6rem;margin-top:1.1rem;display:flex}.check-row{color:var(--text-muted);align-items:flex-start;gap:.6rem;margin:.9rem 0 .3rem;font-size:.9rem;display:flex}.check-row input{width:1.05rem;height:1.05rem;accent-color:var(--danger);margin-top:.2rem}.enroll-qr{background:#fff;border-radius:10px;width:min(100%,240px);margin:1rem auto;padding:.5rem;display:block}.enroll-url{text-align:center;font-family:var(--mono);word-break:break-all;margin-bottom:.5rem;font-size:.8rem;display:block}.loading-screen{min-height:100vh;color:var(--text-muted);font-family:var(--mono);place-items:center;font-size:.9rem;display:grid}.checkbox-cell{width:2.2rem}.status-dot{border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem;margin-top:.35rem;display:inline-block}.status-dot.online{background:var(--ok);box-shadow:0 0 0 3px #3ecf8e2e}.status-dot.recent{background:var(--warn);box-shadow:0 0 0 3px #e6b84d29}.status-dot.offline{background:var(--text-faint)}.status-label{color:var(--text-faint);margin-top:.05rem;font-size:.72rem;font-weight:500;display:block}.device-name-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.checkout-badge{letter-spacing:.02em;color:#c47a2a;background:#e6b84d29;border:1px solid #c47a2a59;border-radius:4px;padding:.12rem .4rem;font-size:.68rem;font-weight:600;line-height:1.2;display:inline-block}.device-expand-btn{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;align-items:flex-start;gap:.55rem;padding:0;display:flex}.device-expand-btn:hover .device-name{color:var(--accent-hover)}.expand-chevron{color:var(--text-faint);margin-left:auto;padding-top:.2rem;font-size:.85rem}.detail-row td{background:#00000038;padding:1rem .9rem 1.25rem!important}.device-detail{flex-direction:column;gap:1rem;display:flex}.detail-actions{flex-wrap:wrap;gap:.4rem;display:flex}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.detail-grid section{border:1px solid var(--border);background:#1218208c;border-radius:10px;min-height:180px;max-height:320px;padding:.85rem;overflow:auto}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.detail-grid h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin:0 0 .65rem;font-size:.82rem;font-weight:600}.info-grid{flex-direction:column;gap:.35rem;margin:0;display:flex}.info-grid-row{grid-template-columns:7.5rem 1fr;gap:.5rem;font-size:.85rem;display:grid}.info-grid-row dt{color:var(--text-muted)}.info-grid-row dd{word-break:break-all;margin:0}.command-list{margin:0;padding:0;list-style:none}.command-list li{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.65rem .15rem;font-size:.82rem;display:grid}.command-list li:last-child{border-bottom:none}.cmd-type{color:var(--text);word-break:break-word;font-weight:700}.cmd-time{color:var(--text-faint);white-space:nowrap;text-align:right;font-size:.75rem}.cmd-badge{letter-spacing:.02em;white-space:nowrap;font-size:.68rem;font-weight:600;line-height:1.2;font-family:var(--mono);border-radius:4px;padding:.18rem .45rem;display:inline-block}.cmd-badge.ok{color:#2f9e6d;background:#3ecf8e24;border:1px solid #3ecf8e59}.cmd-badge.err{color:#e5484d;background:#e5484d24;border:1px solid #e5484d66}.cmd-badge.neutral{color:var(--text-muted);border:1px solid var(--border);background:#ffffff0f}.modal-wide{width:min(100%,720px)}.apps-table-wrap{border:1px solid var(--border);border-radius:8px;max-height:360px;margin-bottom:.75rem;overflow:auto}.apps-table{border-collapse:collapse;width:100%;font-size:.88rem}.apps-table th,.apps-table td{text-align:left;border-bottom:1px solid var(--border);padding:.55rem .7rem}.apps-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);background:#10161e;font-size:.7rem;position:sticky;top:0}@media (width<=1100px){.detail-grid{grid-template-columns:1fr}}@media (width<=767px){.app-shell{max-width:100%;padding:.85rem .85rem 2.5rem;overflow-x:hidden}.topbar{flex-direction:column;align-items:stretch;gap:.75rem}.topbar-actions{justify-content:stretch}.topbar-actions .btn{flex:calc(50% - .3rem);min-height:44px}.toolbar{flex-direction:column;align-items:stretch}.toolbar .btn{width:100%;min-height:44px}.device-desktop{display:none}.device-mobile{display:block}.device-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.modal{width:100%;max-height:calc(100vh - 2rem);padding:1.25rem 1rem;overflow:auto}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%;min-height:48px}.field input{min-height:48px;padding:.85rem .9rem;font-size:1.05rem}.login-page{align-items:flex-start;padding:10vh 1rem 1rem}.login-card{width:100%;padding:1.5rem 1.15rem}.login-card h1{font-size:1.75rem}.login-card .btn{min-height:52px;font-size:1.05rem}.toast{max-width:none;bottom:1rem;left:1rem;right:1rem}.command-list li{grid-template-columns:1fr auto;gap:.35rem .75rem}.command-list li .cmd-time{text-align:left;grid-column:1/-1}}@media (width>=480px) and (width<=767px){.device-card-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}