:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9eeee;background:#151a1c;font-synthesis:none;--muted:#8c999e;--green:#9cdbb8;--line:#2c3539}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}main{max-width:620px;margin:auto;padding:24px 20px}header,.section-title,.sheet-head{display:flex;align-items:center;justify-content:space-between}h1{font-size:24px;font-weight:600;letter-spacing:-.5px;margin:0}h2{font-size:18px;font-weight:600;margin:0}h3{font-size:14px}.eyebrow{font-size:11px;letter-spacing:1px;color:var(--muted)}.badge{font-size:10px;letter-spacing:1px;padding:5px 7px;border:1px solid #48564b;border-radius:4px;color:#b0c6b7}.notice{color:var(--muted);font-size:11px;line-height:1.5;margin:9px 0 0}.summary{padding:25px 0 22px;border-bottom:1px solid var(--line)}.muted{color:var(--muted);font-size:12px}.total{display:flex;align-items:baseline;gap:8px;margin:0 0 15px}.total strong{font-size:38px;font-weight:500;letter-spacing:-1px;line-height:1}.total span{color:var(--muted);font-size:14px}.counts{display:flex;gap:17px;flex-wrap:wrap}.counts div{font-size:11px;color:var(--muted)}.counts b{font-size:12px;font-weight:600;color:#dce7e0;margin-right:4px}.sync{margin-top:12px;font-size:10px;color:var(--muted)}.devices{margin-top:22px}.section-title{margin-bottom:14px}.search{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 2px}.search span{font-size:22px;color:var(--muted)}input{font:inherit;background:transparent;border:none;color:inherit;width:100%;padding:10px 0;outline:none;font-size:13px}.search:focus-within{border-color:var(--green)}.filters{display:flex;gap:18px;margin:15px 0 6px}.filters button{font-size:12px;padding:5px 0 8px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted)}.filters .active{color:#e0eee5;border-bottom-color:var(--green)}button{font-family:inherit;cursor:pointer}button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}.device{display:block;width:100%;text-align:left;color:inherit;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:17px 0;margin:0}.device:hover{background:#1b2326}.device-top,.device-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.model{font-size:13px;font-weight:500}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,monospace}.device-bottom{margin-top:8px}.rate{font-size:17px;font-weight:500}.rate small{font-size:10px;color:var(--muted);font-weight:400}.status{font-size:10px;color:#9fd6b5;white-space:nowrap}.status.low{color:#e2bd7f}.status.offline,.status.unknown{color:#98a3a8}.status.recovering,.status.queued{color:#95c2df}dialog{color:inherit;background:#1b2326;border:1px solid #394448;border-radius:16px;width:calc(100% - 24px);max-width:460px;padding:22px;max-height:90dvh;overflow:auto;box-shadow:0 20px 60px #0007}dialog::backdrop{background:#080d10c9}.icon{border:0;background:transparent;color:#c3d0d5;font-size:26px;width:32px;height:32px}.sheet-head{margin-bottom:15px}#detail-ip{margin:8px 0 12px}#detail-status .status{font-size:12px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.metrics strong{font-size:20px;font-weight:500}.actions{display:flex;gap:10px;margin-top:20px}.actions button{flex:1;padding:12px 8px;font-size:13px;font-weight:500;border-radius:8px}.primary{border:1px solid var(--green);background:var(--green);color:#15271d}.secondary{border:1px solid #46575d;background:transparent;color:#d3dfe3}button:disabled{opacity:.4;cursor:not-allowed}.action-message{font-size:12px;color:#abd0b9;line-height:1.6}.action-message:empty,#detail-reason:empty{display:none}.history{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.history summary{font-size:12px;color:var(--muted);cursor:pointer}.history-item{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5}.history-item small{display:block;color:var(--muted);font-size:10px}.empty{padding:24px;text-align:center;color:var(--muted);font-size:13px}#confirm h2{margin:15px 0}#confirm-note,#detail-reason{line-height:1.6}.error{color:#efb098!important}@media(max-width:360px){main{padding:20px 14px}.counts{gap:12px}.total strong{font-size:34px}.actions{flex-direction:column}}
