*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--text:#e0e0e0;--heading:#fff;--subtitle:#666;--panel-bg:#161b2e;--border:#2a2f45;--accent:#54a0e0;--alert-color:#e07b54;--alert-bg:#1e1a1a;--alert-border:#3a2020;--btn-bg:#1e2130;--btn-text:#aaa;--btn-hover-bg:#252a40;--btn-hover-text:#fff;--th-text:#888;--row-border:#1a1d2e;--name-color:#c8d0e8;--label-color:#8a92a8;--chip-bg:#1a2238;--chip-border:#2a3450;--chip-text:#b8c4e0;--last-refresh:#444;--loading:#555;--shadow:#0006;--highlight-bg:#20304d}body.light{--bg:#f4f5f8;--text:#2a2d36;--heading:#1a1d2e;--subtitle:#888;--panel-bg:#e8eefc;--border:#d0d5e0;--accent:#2b6cb0;--alert-color:#c0532e;--alert-bg:#fcecec;--alert-border:#f0c8c8;--btn-bg:#fff;--btn-text:#555;--btn-hover-bg:#eef0f5;--btn-hover-text:#000;--th-text:#666;--row-border:#e2e5ec;--name-color:#2a3550;--label-color:#6a7286;--chip-bg:#dde6fa;--chip-border:#c4d2ee;--chip-text:#2a3550;--last-refresh:#aaa;--loading:#999;--shadow:#00000026;--highlight-bg:#d4e4fb}body{background:var(--bg);color:var(--text);min-height:100vh;padding:2rem;font-family:Segoe UI,system-ui,sans-serif;transition:background .2s,color .2s}.appbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:-.5rem 0 1.5rem;padding-bottom:.9rem;display:flex}.appbar-brand{color:var(--heading);font-size:.95rem;font-weight:700}.appbar-nav{gap:.4rem;display:flex}.appbar-link{color:var(--btn-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.35rem .85rem;font-size:.85rem;transition:background .15s,color .15s}.appbar-link:hover{background:var(--btn-hover-bg);color:var(--btn-hover-text)}.appbar-link.active{background:var(--panel-bg);border-color:var(--border);color:var(--accent);font-weight:600}.appbar-right{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.view-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}h1{color:var(--heading);margin-bottom:.25rem;font-size:1.4rem;font-weight:600}.subtitle{color:var(--subtitle);margin-bottom:.75rem;font-size:.8rem}.summary{color:var(--accent);background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;margin-bottom:1.5rem;padding:.3rem .7rem;font-size:.85rem;font-weight:600;display:inline-block}.ctrl-btn{background:var(--btn-bg);border:1px solid var(--border);color:var(--btn-text);cursor:pointer;box-shadow:0 2px 8px var(--shadow);border-radius:6px;padding:.4rem 1rem;font-size:.8rem;transition:background .2s}.ctrl-btn:hover{background:var(--btn-hover-bg);color:var(--btn-hover-text)}.filter-input{background:var(--btn-bg);border:1px solid var(--border);color:var(--text);box-shadow:0 2px 8px var(--shadow);border-radius:6px;outline:none;min-width:200px;padding:.4rem .8rem;font-size:.8rem}.filter-input:focus{border-color:var(--accent)}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.card{background:var(--panel-bg);border:1px solid var(--border);box-shadow:0 2px 8px var(--shadow);border-radius:10px;padding:1rem 1.1rem;transition:border-color .15s}.card.no-devices{opacity:.55}.card-head{border-bottom:1px solid var(--row-border);justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.75rem;padding-bottom:.6rem;display:flex}.card-name{color:var(--name-color);font-size:.95rem;font-weight:600;line-height:1.3}.card-name .sep{color:var(--subtitle);font-weight:400}.device-count{color:var(--accent);background:var(--bg);border:1px solid var(--border);border-radius:999px;flex-shrink:0;padding:.1rem .55rem;font-size:.7rem;font-weight:600}.devices{flex-wrap:wrap;gap:.4rem;display:flex}.chip{color:var(--chip-text);background:var(--chip-bg);box-sizing:border-box;border-radius:6px;align-items:center;height:25px;padding:0 .55rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.78rem;line-height:1;display:inline-flex}.chip.mobpos{align-items:center;gap:.45rem;display:inline-flex}.chip .ver{text-align:center;vertical-align:middle;border-radius:3px;justify-content:center;align-items:center;width:25px;min-width:1.1em;height:25px;margin-left:-.55rem;margin-right:.4rem;padding:0 .18rem;font-size:.5rem;font-weight:100;line-height:1;display:inline-flex}.chip .ver.v1{background:color-mix(in srgb, var(--accent) 10%, transparent 100%)}.chip .ver.v2{background:color-mix(in srgb, var(--accent) 60%, transparent 100%)}.dev-group{margin-top:.7rem}.dev-group:first-child{margin-top:0}.dev-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--th-text);margin-bottom:.4rem;font-size:.65rem}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.metric{font-weight:600}.age{font-size:.72rem}.age.warning{color:#e0b554}.age.stale{color:#e07b54}.no-devices-text{color:var(--subtitle);font-size:.8rem;font-style:italic}.error-msg{color:var(--alert-color);background:var(--alert-bg);border:1px solid var(--alert-border);border-radius:8px;margin-top:1rem;padding:1rem}.loading{color:var(--loading);text-align:center;padding:2rem 1rem}.last-refresh{color:var(--last-refresh);text-align:right;margin-top:1.5rem;font-size:.75rem}mark{background:var(--highlight-bg);color:inherit;border-radius:3px;padding:0 1px}.search-overlay{z-index:200;background:#0000008c;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.search-box{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;min-width:260px;margin-top:18vh;padding:1.25rem 1.5rem;box-shadow:0 12px 40px #00000080}.search-box label{text-transform:uppercase;letter-spacing:.05em;color:var(--th-text);margin-bottom:.5rem;font-size:.75rem;display:block}.search-box input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);letter-spacing:.1em;text-align:center;border-radius:8px;outline:none;padding:.5rem .75rem;font-size:1.6rem;font-weight:600}.search-box input:focus{border-color:var(--accent)}.search-hint{color:var(--subtitle);text-align:center;margin-top:.6rem;font-size:.7rem}.search-hint.error{color:var(--alert-color)}.chip[data-hl]{background:var(--highlight-bg);box-shadow:0 0 0 2px var(--accent);animation:1.2s chip-flash}@keyframes chip-flash{0%{background:var(--accent)}to{background:var(--highlight-bg)}}.summary.has-stale{color:var(--alert-color);border-color:var(--alert-border);background:var(--alert-bg)}table{border-collapse:collapse;width:100%;font-size:.875rem}thead th{text-align:left;background:var(--th-bg,var(--panel-bg));color:var(--th-text);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:.6rem 1rem;font-size:.75rem;font-weight:500}tbody tr{border-bottom:1px solid var(--row-border);transition:background .15s}tbody tr:hover{background:var(--row-border)}td{vertical-align:middle;padding:.75rem 1rem}.host-name{color:var(--name-color);text-transform:uppercase;font-weight:500}.host-name .status-dot{margin-right:.4rem}.host-label{color:var(--label-color);font-size:.85rem}.carrier,.power-source{font-size:.85rem}.battery-cell{align-items:center;gap:.75rem;display:flex}.battery-bar-wrap{background:var(--track-bg,var(--border));border-radius:5px;flex-shrink:0;width:80px;height:10px;overflow:hidden}.battery-bar{border-radius:5px;height:100%;transition:width .4s}.battery-value{min-width:36px;font-weight:600}.age.fresh{color:var(--accent)}tbody tr[data-hl]{box-shadow:inset 3px 0 0 var(--accent);animation:1.2s row-flash;background:var(--highlight-bg)!important}@keyframes row-flash{0%{background:var(--accent)}to{background:var(--highlight-bg)}}.chip.clickable{cursor:pointer}.chip.clickable:hover{background:var(--btn-hover-bg)}.chip.clickable:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.dialog-overlay{z-index:200;background:#0000008c;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.dialog{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;width:min(420px,92vw);margin-top:14vh;padding:1.25rem 1.4rem;box-shadow:0 12px 40px #00000080}.dialog-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.dialog-title{color:var(--heading);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.05rem;font-weight:700}.dialog-close{color:var(--subtitle);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1rem;line-height:1}.dialog-close:hover{color:var(--text)}.dialog-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.dialog-details>div{border-bottom:1px solid var(--row-border);justify-content:space-between;gap:1rem;padding-bottom:.5rem;font-size:.85rem;display:flex}.dialog-details dt{color:var(--label-color)}.dialog-details dd{color:var(--name-color);text-align:right;font-weight:500}.dialog-note{color:var(--subtitle);margin-bottom:1.1rem;font-size:.75rem;font-style:italic}.dialog-actions{justify-content:flex-end;gap:.5rem;display:flex}.ctrl-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;align-items:center;text-decoration:none;display:inline-flex}.ctrl-btn.primary:hover{filter:brightness(1.08);color:#fff}.ctrl-btn:disabled{opacity:.5;cursor:not-allowed}.login{justify-content:center;align-items:center;min-height:70vh;display:flex}.login-box{background:var(--panel-bg);border:1px solid var(--border);width:min(320px,92vw);box-shadow:0 12px 40px var(--shadow);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem 1.75rem;display:flex}.login-box h1{margin-bottom:.25rem;font-size:1.1rem}.login-label{text-transform:uppercase;letter-spacing:.05em;color:var(--th-text);font-size:.7rem}.login-box .filter-input{width:100%;min-width:0}.login-box .ctrl-btn{justify-content:center;width:100%}.login-error{color:var(--alert-color);font-size:.8rem}.settings-group{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;max-width:640px;margin-bottom:1rem;padding:1rem 1.1rem}.settings-group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--th-text);margin-bottom:.8rem;font-size:.7rem}.settings-row{align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.settings-row>span{color:var(--label-color);flex:0 0 9.5rem;font-size:.82rem}.settings-row .filter-input{flex:1;min-width:0}.settings-row--multiline{align-items:flex-start}.settings-row--multiline textarea.filter-input{resize:vertical;font-family:inherit;line-height:1.5}.settings-field{flex:1;gap:.5rem;min-width:0;display:flex}.settings-field .filter-input{flex:1;min-width:0}.settings-note{color:var(--subtitle);margin:.2rem 0 .4rem;font-size:.8rem}.file-list{flex-direction:column;gap:.3rem;margin-top:.5rem;list-style:none;display:flex}.file-pick{text-align:left;background:var(--bg);border:1px solid var(--border);width:100%;color:var(--name-color);cursor:pointer;border-radius:6px;padding:.45rem .7rem;font-size:.85rem}.file-pick:hover{background:var(--btn-hover-bg);color:var(--btn-hover-text)}.settings-actions{align-items:center;gap:.8rem;max-width:640px;display:flex}.settings-saved{color:#4caf7d;font-size:.85rem;font-weight:600}