:root{color-scheme:light;--page: #f9f9f7;--surface: #fcfcfb;--surface-2: #f0efec;--text: #0b0b0b;--text-2: #52514e;--muted: #898781;--grid: #e1e0d9;--axis: #c3c2b7;--border: rgba(11, 11, 11, .1);--accent: #2a78d6;--accent-ink: #ffffff;--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--good: #0ca30c;--good-text: #006300;--warning: #fab219;--serious: #ec835a;--critical: #d03b3b;--critical-text: #b42323;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 2px 8px rgba(0, 0, 0, .04);--radius: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])){color-scheme:dark;--page: #0d0d0d;--surface: #1a1a19;--surface-2: #242423;--text: #ffffff;--text-2: #c3c2b7;--muted: #898781;--grid: #2c2c2a;--axis: #383835;--border: rgba(255, 255, 255, .1);--accent: #3987e5;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--good-text: #0ca30c;--critical-text: #e66767;--shadow: none}}:root[data-theme=dark]{color-scheme:dark;--page: #0d0d0d;--surface: #1a1a19;--surface-2: #242423;--text: #ffffff;--text-2: #c3c2b7;--muted: #898781;--grid: #2c2c2a;--axis: #383835;--border: rgba(255, 255, 255, .1);--accent: #3987e5;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--good-text: #0ca30c;--critical-text: #e66767;--shadow: none}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0;line-height:1.2}h2{font-size:1.05rem;font-weight:650}h3{font-size:.95rem;font-weight:600}p{margin:0}a{color:var(--accent)}.app{max-width:1120px;margin:0 auto;padding:0 16px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.brand h1{font-size:1.2rem;font-weight:700}.brand small{display:block;color:var(--muted);font-size:.8rem}.tabs{display:flex;gap:4px;background:var(--surface-2);border-radius:10px;padding:4px;overflow-x:auto}.tabs button{border:0;background:transparent;padding:7px 14px;border-radius:7px;cursor:pointer;color:var(--text-2);font-weight:550;white-space:nowrap}.tabs button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.stack{display:grid;gap:16px}.grid-2{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);min-width:0}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;flex-wrap:wrap}.sub{color:var(--text-2);font-size:.875rem}.muted{color:var(--muted);font-size:.8rem}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.banner.due{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.tile .label{color:var(--text-2);font-size:.8rem;font-weight:550}.tile .value{font-size:1.75rem;font-weight:650;margin:2px 0 4px;letter-spacing:-.01em}.tile .value small{font-size:.9rem;color:var(--text-2);font-weight:500;margin-left:2px}.delta{font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:3px}.delta.good{color:var(--good-text)}.delta.bad{color:var(--critical-text)}.delta.flat{color:var(--muted)}.status{display:flex;gap:12px;align-items:flex-start}.status-icon{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.9rem;color:#fff}.tone-good .status-icon{background:var(--good)}.tone-warning .status-icon{background:var(--warning);color:#0b0b0b}.tone-serious .status-icon{background:var(--serious);color:#0b0b0b}.tone-critical .status-icon{background:var(--critical)}.tone-neutral .status-icon{background:var(--muted)}.meter{position:relative;height:8px;border-radius:4px;background:var(--surface-2);margin:14px 0 6px}.meter>span{position:absolute;inset:0 auto 0 0;border-radius:4px;background:var(--series-1)}.meter>i{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--text)}.chart{width:100%;height:260px}.chart.small{height:150px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.8rem;color:var(--text-2)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:14px;height:3px;border-radius:2px;display:inline-block}.legend i.dash{background:repeating-linear-gradient(90deg,var(--muted) 0 4px,transparent 4px 7px)!important}.multiples{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.multiple{border:1px solid var(--border);border-radius:10px;padding:12px 12px 4px}.multiple header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.multiple .now{font-weight:650}.tooltip{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:.8rem;box-shadow:0 4px 16px #0000001f;min-width:140px}.tooltip .t-date{color:var(--text-2);margin-bottom:4px;font-weight:600}.tooltip .row{display:flex;justify-content:space-between;gap:14px;align-items:center}.tooltip .row span:first-child{display:inline-flex;align-items:center;gap:6px;color:var(--text-2)}.tooltip .row b{font-variant-numeric:tabular-nums}.swatch{width:8px;height:8px;border-radius:50%;display:inline-block}.seg{display:inline-flex;background:var(--surface-2);border-radius:8px;padding:3px;gap:2px}.seg button{border:0;background:transparent;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:.8rem;color:var(--text-2);font-weight:550}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.field{display:grid;gap:5px}.field label{font-size:.8rem;font-weight:600;color:var(--text-2)}.field .hint{font-size:.75rem;color:var(--muted)}.input-wrap{position:relative}.input-wrap .unit{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.8rem;pointer-events:none}input,select,textarea{width:100%;padding:9px 11px;border-radius:8px;border:1px solid var(--axis);background:var(--surface);min-height:40px}textarea{min-height:64px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.radio-row{display:flex;gap:8px;flex-wrap:wrap}.radio-row label{display:flex;align-items:center;gap:8px;border:1px solid var(--axis);border-radius:8px;padding:9px 12px;cursor:pointer;font-weight:500;color:var(--text);flex:1 1 140px}.radio-row label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.radio-row input{width:auto;min-height:0;accent-color:var(--accent)}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{border:1px solid var(--axis);background:var(--surface);padding:9px 16px;border-radius:8px;cursor:pointer;font-weight:600;min-height:40px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--text)}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.07)}.btn.danger{color:var(--critical-text)}.btn.sm{padding:5px 10px;min-height:32px;font-size:.8rem}.preview{display:flex;gap:24px;flex-wrap:wrap;padding:14px 16px;border-radius:10px;background:var(--surface-2)}.preview div b{display:block;font-size:1.3rem}.notice{padding:10px 14px;border-radius:8px;font-size:.875rem;background:var(--surface-2);color:var(--text-2)}.notice.ok{background:color-mix(in srgb,var(--good) 12%,var(--surface));color:var(--text)}.notice.err{background:color-mix(in srgb,var(--critical) 12%,var(--surface));color:var(--text)}.table-wrap{position:relative;overflow-x:auto;margin:0 -18px;padding:0 18px}table{border-collapse:collapse;width:100%;font-size:.875rem}th,td{text-align:right;padding:9px 10px;border-bottom:1px solid var(--grid);white-space:nowrap;font-variant-numeric:tabular-nums}th{color:var(--text-2);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}th:first-child,td:first-child,td.notes,th.notes{text-align:left}td.notes{white-space:normal;min-width:140px;color:var(--text-2)}tbody tr:hover{background:var(--surface-2)}.guide ol,.guide ul{margin:6px 0 0;padding-left:20px;color:var(--text-2)}.guide li{margin:4px 0}.guide table td,.guide table th{text-align:center}.formula{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.8rem;background:var(--surface-2);padding:10px 12px;border-radius:8px;overflow-x:auto;white-space:pre;margin-top:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:600px){.topbar{padding-top:12px}.tabs{width:100%}.tabs button{flex:1;padding:7px 8px}.card{padding:14px}.table-wrap{margin:0 -14px;padding:0 14px}.tile .value{font-size:1.45rem}}.auth{max-width:420px;margin:32px auto 0}.auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.link{border:0;background:none;padding:0;color:var(--accent);cursor:pointer;font-size:.875rem}.link:hover{text-decoration:underline}.center{text-align:center;padding:48px 0}code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85em;background:var(--surface-2);padding:1px 5px;border-radius:4px}.btn:disabled{opacity:.55;cursor:not-allowed}.suggestion{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:12px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-size:.9rem}.suggestion>div{flex:1 1 260px}