:root{--bg:#f5f5f5;--surface:#fff;--surface-2:#fafafa;--border:#e3e3e3;--text:#1a1a1a;--muted:#666;--accent:#0696d7;--accent-2:#5f60ff;--accent-3:#f7b500;--ok:#2bc275;--warn:#faa21b;--danger:#d74e26;--shadow:0 1px 2px #0000000f, 0 1px 8px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121212;--surface:#1e1e1e;--surface-2:#252525;--border:#333;--text:#f0f0f0;--muted:#a0a0a0;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121212;--surface:#1e1e1e;--surface-2:#252525;--border:#333;--text:#f0f0f0;--muted:#a0a0a0;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Artifakt Element,Helvetica Neue,Arial,system-ui,sans-serif;font-size:14px;line-height:1.45}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}.topbar{color:#fff;background:#212224;align-items:center;gap:16px;padding:10px 24px;display:flex}.topbar img{width:auto;height:26px;display:block}.topbar .title{border-left:1px solid #444;padding-left:16px;font-size:15px;font-weight:600}.topbar .spacer{flex:1}.topbar .who{color:#ccc;font-size:13px}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:4px;padding:6px 12px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost-dark{color:#fff;background:0 0;border-color:#555}.btn.small{padding:3px 8px;font-size:12px}main{max-width:1320px;margin:0 auto;padding:20px 24px 48px}.controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.seg{border:1px solid var(--border);background:var(--surface);border-radius:4px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;border:0;border-right:1px solid var(--border);background:0 0;padding:6px 12px}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--accent);color:#fff}.dates input{border:1px solid var(--border);background:var(--surface);border-radius:4px;padding:5px 8px}.crumb{color:var(--muted);font-size:13px}.cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px;display:grid}.card,.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:6px}.card{padding:14px 16px}.card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.card .value{font-variant-numeric:tabular-nums;margin-top:4px;font-size:26px;font-weight:600}.card .sub{color:var(--muted);font-size:12px}.panel{margin-bottom:16px;padding:16px}.panel h2{margin:0;font-size:15px}.panel-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-head .spacer{flex:1}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;padding:7px 8px}th:first-child,td:first-child{text-align:left;white-space:normal;word-break:break-all}th{color:var(--muted);font-size:12px;font-weight:600}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--surface-2)}.bar{background:var(--accent);border-radius:2px;height:4px;margin-top:4px}.notice{border-left:3px solid var(--warn);background:var(--surface);border-radius:4px;margin-bottom:12px;padding:8px 12px}.empty{text-align:center;color:var(--muted);padding:32px 0}.center-page{place-items:center;min-height:100vh;padding:24px;display:grid}.center-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:480px;box-shadow:var(--shadow);border-radius:8px;padding:32px}.center-card .logo{background:#212224;border-radius:4px;margin-bottom:20px;padding:8px 12px;display:inline-block}.center-card .logo img{height:24px;display:block}.center-card h1{margin:0 0 8px;font-size:20px}.muted{color:var(--muted)}.loading{opacity:.55;transition:opacity .2s}
