:root{--ink:#111827;--sec:#6b7280;--muted:#9ca3af;--line:#e5e7eb;--bg:#f6f7fb;--soft:#f3f4f6;--accent:#4f46e5;--accent-soft:#eef2ff;--accent-line:#e0e7ff;--ok-bg:#ecfdf5;--ok-fg:#065f46;--ok-line:#a7f3d0;--warn-bg:#fffbeb;--warn-fg:#92400e;--err-bg:#fef2f2;--err-fg:#991b1b;--err-line:#fecaca;--card:0 10px 25px rgba(0,0,0,.05)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg)}body{font:400 14px/1.5 Inter,system-ui,-apple-system,sans-serif;color:var(--ink)}#app{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.top{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top))}.top .row{display:flex;align-items:center;gap:10px}.top h1{font-size:17px;font-weight:600;letter-spacing:-.01em}.top .sub{font-size:12px;color:var(--sec);margin-top:2px}.net{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px}.net.on{background:var(--ok-bg);color:var(--ok-fg)}.net.off{background:var(--warn-bg);color:var(--warn-fg)}.net i{width:6px;height:6px;border-radius:999px;background:currentColor;display:block}main{flex:1;padding:16px 16px 96px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--card);padding:16px;margin-bottom:12px}.card.flat{box-shadow:none}.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px}.hint{font-size:12px;color:var(--sec)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;border:0;border-radius:12px;background:var(--ink);color:#fff;font:600 15px Inter,sans-serif;cursor:pointer;transition:.15s ease;text-decoration:none}.btn:active{transform:scale(.985)}.btn:disabled{background:#d1d5db;color:#fff}.btn.sec{background:var(--soft);color:#374151;border:1px solid var(--line)}.btn.sm{height:42px;font-size:14px;width:auto;padding:0 18px}.person{display:flex;align-items:center;gap:12px;padding:13px 4px;border-top:1px solid var(--soft)}.person:first-of-type{border-top:0}.person .nm{flex:1;font-size:15px;font-weight:500}.person .pos{font-size:12px;color:var(--muted);font-weight:400}.sw{width:52px;height:31px;border-radius:999px;background:#d1d5db;border:0;position:relative;flex:0 0 auto;cursor:pointer;transition:.15s ease}.sw:after{content:"";position:absolute;top:3px;left:3px;width:25px;height:25px;border-radius:999px;background:#fff;transition:.15s ease;box-shadow:0 1px 3px #0003}.sw.on{background:var(--ink)}.sw.on:after{left:24px}.dlv{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--card);padding:15px;margin-bottom:12px}.dlv .h{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.dlv .ic{width:42px;height:42px;border-radius:11px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.dlv .t{flex:1}.dlv .t b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em}.dlv .t span{font-size:13px;color:var(--sec)}.chip{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px}.chip.gps{background:var(--ok-bg);color:var(--ok-fg)}.chip.soft{background:var(--soft);color:var(--sec)}.kv{display:flex;justify-content:space-between;padding:7px 0;font-size:13.5px;border-top:1px solid var(--soft)}.kv span{color:var(--sec)}.kv b{font-weight:600;font-variant-numeric:tabular-nums}.res{border-radius:12px;padding:12px 14px;font-size:13px;margin-bottom:12px;border:1px solid}.res.ok{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok-fg)}.res.q{background:var(--warn-bg);border-color:#fde68a;color:var(--warn-fg)}.tot{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.tot div{background:#fff;padding:13px 14px;display:flex;justify-content:space-between;align-items:baseline}.tot span{font-size:13px;color:var(--sec)}.tot b{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.tot .accent{background:var(--accent-soft)}.tot .accent b{color:var(--accent)}.empty{text-align:center;padding:44px 20px;color:var(--sec)}.empty svg{color:#d1d5db;margin-bottom:12px}.empty b{display:block;font-size:15px;color:var(--ink);margin-bottom:4px;font-weight:600}nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;padding-bottom:env(safe-area-inset-bottom);z-index:10}nav>div{max-width:520px;margin:0 auto;width:100%;display:flex}nav button{flex:1;background:0;border:0;padding:9px 0 11px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font:500 11px Inter,sans-serif;cursor:pointer;transition:.15s ease;position:relative}nav button.on{color:var(--ink)}nav button .badge{position:absolute;top:4px;right:calc(50% - 22px);min-width:18px;height:18px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}.foot{text-align:center;font-size:11px;color:var(--muted);padding:18px 0 4px}