:root{--bg:#ffffff;--panel:#f7f7f7;--head:#ececec;--border:#cfcfcf;--border-strong:#a9a9a9;--text:#1b1b1b;--muted:#6a6a6a;--red:#c8102e;--red-dark:#a20d25;--green:#0a7a34;--amber:#8a6d00;--amber-bg:#fff7d6;--red-bg:#fdeaec;--green-bg:#e7f5ec;--blue:#14476b;--focus:#1a73e8;--row-alt:#fafafa}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:18px;margin:0 0 2px}h2{font-size:15px;margin:0 0 8px}h3{font-size:13px;margin:0 0 6px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.mono{font-family:SF Mono,ui-monospace,Cascadia Code,Menlo,Consolas,monospace}.mono,.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.num{text-align:right;white-space:nowrap}.muted{color:var(--muted)}.app-shell{display:grid;grid-template-columns:210px 1fr;min-height:100vh}.topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:#1e1e1e;color:#fff;border-bottom:3px solid var(--red)}.topbar .brand{font-weight:700;letter-spacing:.02em}.topbar .brand small{font-weight:400;color:#bdbdbd;margin-left:8px}.topbar .who{display:flex;align-items:center;gap:12px;font-size:12px;color:#dcdcdc}.role-chip{border:1px solid #555;border-radius:2px;padding:1px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.role-chip.admin{border-color:var(--red);color:#ffd7dd}.sidebar{border-right:1px solid var(--border);background:var(--panel);padding:8px 0}.sidebar nav a{display:block;padding:7px 14px;color:var(--text);border-left:3px solid transparent}.sidebar nav a:hover{background:#eee;text-decoration:none}.sidebar nav a.active{background:#fff;border-left-color:var(--red);font-weight:600}.sidebar .navgroup{padding:10px 14px 4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.main{padding:16px 20px 60px;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;border-bottom:1px solid var(--border);padding-bottom:10px}.page-head .sub{color:var(--muted);font-size:12px;max-width:70ch}.panel{border:1px solid var(--border);background:#fff;margin-bottom:16px}.panel>.panel-head{background:var(--head);border-bottom:1px solid var(--border);padding:6px 10px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px}.panel>.panel-body{padding:10px}.table-wrap{overflow-x:auto;border:1px solid var(--border)}table.grid{border-collapse:collapse;width:100%;font-size:12.5px}table.grid td,table.grid th{border:1px solid var(--border);padding:5px 8px;text-align:left;vertical-align:top}table.grid thead th{background:var(--head);border-bottom:1px solid var(--border-strong);font-weight:600;white-space:nowrap;position:-webkit-sticky;position:sticky;top:0}table.grid tbody tr:nth-child(2n){background:var(--row-alt)}table.grid tbody tr:hover{background:#f0f6ff}table.grid td.actions{white-space:nowrap}table.grid td.age-amber{background:var(--amber-bg);color:var(--amber);font-weight:600}table.grid td.age-red{background:var(--red-bg);color:var(--red-dark);font-weight:600}.btn,button{font:inherit;border:1px solid var(--border-strong);background:#fff;color:var(--text);padding:4px 10px;border-radius:2px;cursor:pointer}.btn:hover,button:hover:not(:disabled){background:#f0f0f0}button:disabled{opacity:.5;cursor:not-allowed}button.primary{border-color:var(--red-dark);background:var(--red);color:#fff}button.primary:hover:not(:disabled){background:var(--red-dark)}button.danger{border-color:var(--red-dark);color:var(--red-dark)}button.small{padding:2px 7px;font-size:11.5px}button.link{border:none;background:none;color:var(--blue);padding:0}button.link:hover{text-decoration:underline;background:none}.btn-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:1px}label.field{display:block;margin-bottom:10px}label.field>.lbl{display:block;font-size:11.5px;color:var(--muted);margin-bottom:3px}input[type=date],input[type=number],input[type=search],input[type=tel],input[type=text],select,textarea{font:inherit;width:100%;border:1px solid var(--border-strong);border-radius:2px;padding:5px 7px;background:#fff;color:var(--text)}textarea{resize:vertical;min-height:54px}.inline-fields{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.inline-fields label.field{margin-bottom:0}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}.badge{display:inline-block;border:1px solid var(--border-strong);border-radius:2px;padding:0 6px;font-size:11px;line-height:17px;white-space:nowrap}.badge.ok{border-color:var(--green);color:var(--green);background:var(--green-bg)}.badge.warn{border-color:var(--amber);color:var(--amber);background:var(--amber-bg)}.badge.bad{border-color:var(--red);color:var(--red-dark);background:var(--red-bg)}.badge.neutral{color:var(--muted)}.notice{border:1px solid var(--border);border-left-width:3px;padding:8px 10px;margin-bottom:12px;background:var(--panel)}.notice.info{border-left-color:var(--blue)}.notice.warn{border-left-color:var(--amber);background:var(--amber-bg)}.notice.bad{border-left-color:var(--red);background:var(--red-bg)}.notice.wave2{border-left-color:#7a4dc8;background:#f3edff}.notice strong{display:inline-block}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:flex-start;justify-content:center;padding:60px 16px;z-index:50}.modal{background:#fff;border:1px solid var(--border-strong);width:100%;max-width:520px;box-shadow:0 8px 30px rgba(0,0,0,.25)}.modal.wide{max-width:820px}.modal>.modal-head{background:var(--head);border-bottom:1px solid var(--border);padding:8px 12px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.modal>.modal-body{padding:12px;max-height:65vh;overflow-y:auto}.modal>.modal-foot{border-top:1px solid var(--border);padding:8px 12px;display:flex;justify-content:flex-end;gap:8px;background:var(--panel)}.state{padding:24px;text-align:center;border:1px dashed var(--border);background:var(--panel)}.spinner,.state{color:var(--muted)}.spinner{font-size:12px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f0f0;padding:20px}.login-card{width:100%;max-width:380px;background:#fff;border:1px solid var(--border-strong);border-top:3px solid var(--red)}.login-card .lc-head{padding:16px 18px 10px;border-bottom:1px solid var(--border)}.login-card .lc-body{padding:16px 18px}.tabs{display:flex;border-bottom:1px solid var(--border)}.tabs button{border-radius:0;border:none;border-bottom:2px solid transparent;background:none;padding:8px 12px;color:var(--muted)}.tabs button.active{color:var(--text);border-bottom-color:var(--red);font-weight:600}.error-text{color:var(--red-dark)}.error-text,.ok-text{font-size:12px;margin-top:6px}.ok-text{color:var(--green)}.kv{display:grid;grid-template-columns:max-content 1fr;grid-gap:3px 14px;gap:3px 14px;font-size:12.5px}.kv dt{color:var(--muted)}.kv dd{margin:0}.stat-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.stat{border:1px solid var(--border);background:#fff;padding:8px 12px;min-width:120px}.stat .n{font-size:20px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat .l{text-transform:uppercase;letter-spacing:.04em}.live-status,.stat .l{font-size:11px;color:var(--muted)}.live-status{display:inline-flex;align-items:center;gap:5px;font-weight:400;text-transform:none;letter-spacing:normal}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex:none}.live-status.live-live .live-dot{background:var(--green)}.live-status.live-live .live-text{color:var(--green)}.live-status.live-stale .live-dot{background:var(--amber)}.live-status.live-stale .live-text{color:var(--amber)}.live-status.live-offline .live-dot{background:var(--red)}.live-status.live-offline .live-text{color:var(--red-dark);font-weight:600}table.grid tbody tr.row-new{background:var(--amber-bg);box-shadow:inset 3px 0 0 var(--amber)}table.grid tbody tr.row-new:hover{background:#fdf0c0}.new-count-btn{border-color:var(--red-dark);background:var(--red);color:#fff;font-size:11px;padding:2px 8px;font-weight:600}.new-count-btn:hover{background:var(--red-dark)}.sound-toggle{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#dcdcdc}.sound-toggle,.sound-toggle input{cursor:pointer}