:root{--bg:#f6f7f9;--panel:#fff;--text:#1c2330;--muted:#687385;--border:#dde1e7;--accent:#2563eb;--green:#16a34a;--amber:#d97706;--red:#dc2626;--grey:#9ca3af;--bar:#3b82f6}@media (prefers-color-scheme:dark){:root{--bg:#0f141b;--panel:#171d26;--text:#e6e9ee;--muted:#94a0b2;--border:#2a3240;--accent:#60a5fa;--bar:#60a5fa}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin:0;font-size:20px}h2{margin:0 0 10px;font-size:15px}a{color:var(--accent)}button,select,input{font:inherit;color:inherit}button,select,input[type=search]{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:5px 10px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;padding:8px 16px}.muted{color:var(--muted)}.small{font-size:12px}.notice{background:color-mix(in srgb, var(--amber) 15%, var(--panel));border:1px solid var(--amber);border-radius:6px;padding:8px 12px}.login{flex-direction:column;align-items:flex-start;gap:12px;max-width:420px;margin:15vh auto;padding:0 16px;display:flex}.page{flex-direction:column;gap:16px;max-width:1280px;margin:0 auto;padding:16px;display:flex}.top{justify-content:space-between;align-items:center;gap:12px;display:flex}.who{align-items:center;gap:10px;display:flex}.cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.card{text-align:left;border-left:4px solid var(--grey);border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.card.selected{outline:2px solid var(--accent)}.card-head{align-items:center;gap:8px;display:flex}.card-head .small{margin-left:auto}.dot{background:var(--grey);border-radius:50%;flex:none;width:10px;height:10px}.tone-green{border-left-color:var(--green)}.tone-green .dot{background:var(--green)}.tone-amber{border-left-color:var(--amber)}.tone-amber .dot{background:var(--amber)}.tone-amber .state{color:var(--amber)}.tone-red{border-left-color:var(--red)}.tone-red .dot{background:var(--red)}.tone-red .state{color:var(--red)}.state{font-weight:600}.numbers{gap:14px;margin-top:4px;display:flex}.newest{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px}.trend{margin:0}.trend svg{width:100%;height:auto;display:block}.trend .bar{fill:var(--bar)}.trend .axis{stroke:var(--border)}.trend .tick{fill:var(--muted);font-size:11px}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.filters h2{margin:0 8px 0 0}.filters input[type=search]{flex:200px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 8px}th{color:var(--muted);font-size:12px;font-weight:600}.num{text-align:right}.tag{border:1px solid var(--border);color:var(--muted);border-radius:4px;margin-left:6px;padding:0 4px;font-size:11px}.status{font-size:12px;font-weight:600}.status-open{color:var(--red)}.status-acknowledged{color:var(--amber)}.status-resolved{color:var(--green)}.pager{justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;display:flex}