:root{--color-bg: #0f1216;--color-surface: #171c22;--color-surface-2: #1f262e;--color-border: #2b333c;--color-text: #e6edf3;--color-text-muted: #9aa7b2;--color-accent: #3cb4e7;--color-accent-strong: #1f8fc4;--color-danger: #e5534b;--color-success: #3fb950;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 8px;--radius-lg: 12px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--series-6: #008300;--series-7: #9085e9;--series-8: #e66767;--curve-left: #3987e5;--curve-none: #b9b7ad;--curve-right: #d95926;--chart-grid: #2c2c2a;--chart-axis: #383835;--chart-muted: #898781;--status-good: #0ca30c;--status-warning: #fab219;--status-critical: #d03b3b}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font);font-size:14px;line-height:1.5}h1,h2,h3{font-weight:650;margin:0}a{color:var(--color-accent)}button{font:inherit;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);padding:var(--space-2) var(--space-4);border-radius:var(--radius)}button:hover:not(:disabled){border-color:var(--color-accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:#fff}.app{max-width:1080px;margin:0 auto;padding:var(--space-6) var(--space-5)}.header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.muted{color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.stat{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.stat .value{font-size:22px;font-weight:680}.stat .label{color:var(--color-text-muted);font-size:12px}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}th{color:var(--color-text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}th.sortable{padding:0}.th-sort{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:0;border-radius:0;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.th-sort:hover{color:var(--color-text)}.th-sort-label{overflow:hidden;text-overflow:ellipsis}.sort-caret{flex:none;font-size:11px;opacity:.55}.th-sort:hover .sort-caret{opacity:.9}th.is-sorted{color:var(--color-text)}th.is-sorted .sort-caret{opacity:1;color:var(--color-accent)}.table-wrap{position:relative;overflow-x:auto;min-height:120px;transition:opacity .12s ease}.table-wrap.is-updating{opacity:.55}.table-empty{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--color-text-muted)}textarea,input,select{width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:var(--space-3);font:inherit}select option{background:var(--color-surface-2);color:var(--color-text)}.state{padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.badge{display:inline-block;padding:2px var(--space-2);border-radius:999px;font-size:12px;border:1px solid var(--color-border)}.badge.ok{color:var(--color-success);border-color:var(--color-success)}.badge.err{color:var(--color-danger);border-color:var(--color-danger)}.badge.crit{color:var(--status-critical);border-color:var(--status-critical)}.badge.warn{color:var(--status-warning);border-color:var(--status-warning)}.nav button,.tabs button{padding:var(--space-2) var(--space-4)}.tabs{margin-bottom:var(--space-4)}.filter-bar .field{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--color-text-muted)}.filter-bar .field input,.filter-bar .field select{width:auto;min-width:130px;padding:var(--space-2) var(--space-3);color:var(--color-text)}.filter-label{font-size:12px;min-width:74px}.chip{padding:3px var(--space-3);border-radius:999px;font-size:12px}.chip.primary{background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:#fff}.chip.is-active{border-color:var(--color-accent);color:var(--color-accent)}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.chart-head h3{font-size:15px}.chart-head .muted{font-size:12px}.chart-note{margin:var(--space-3) 0 0;font-size:12px}.findings p{margin:0 0 var(--space-2);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.findings p:last-child{margin-bottom:0}.swatch{width:10px;height:10px;border-radius:2px;display:inline-block;flex:none}.recharts-cartesian-axis-tick text,table td{font-variant-numeric:tabular-nums}.data-table{table-layout:auto;font-size:12px}.data-table th,.data-table td{padding:var(--space-1) var(--space-2);white-space:nowrap}.data-table thead th{position:sticky;top:0;background:var(--color-surface);z-index:1}.data-table th{text-transform:none;letter-spacing:0}.data-table td.is-id{max-width:130px;overflow:hidden;text-overflow:ellipsis}.column-picker{margin-bottom:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-raised, var(--color-surface))}.column-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-1) var(--space-3)}.column-picker-item{display:flex;align-items:center;gap:var(--space-2);font-size:12px;cursor:pointer}.column-picker-item input[type=checkbox]{width:14px;flex:none;margin:0;padding:0;accent-color:var(--color-accent-strong)}.shape-legend{margin-top:var(--space-3);gap:var(--space-4)}.shape-key{display:inline-flex;align-items:center;gap:var(--space-2);font-size:12px}.routine-list{display:grid;gap:var(--space-3)}.routine-card{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius)}.block-editor{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius)}.plan-progress{height:4px;margin-top:var(--space-3);border-radius:999px;background:var(--color-surface-2);overflow:hidden}.plan-progress-fill{height:100%;background:var(--color-accent);transition:width .2s ease}.row-mismatch td{background:color-mix(in srgb,var(--status-warning) 12%,transparent)}.club-order-item{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px}.club-order-move{padding:0 4px;border:0;background:none;color:var(--color-text-muted);line-height:1}.club-order-move:hover:not(:disabled){color:var(--color-accent)}.block-preview{display:flex;gap:var(--space-3);align-items:baseline;margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:12px}.login-card{max-width:380px;margin:12vh auto 0}.login-submit{width:100%;margin-top:var(--space-4)}.login-error{display:flex;align-items:center;gap:var(--space-2);margin-bottom:0;font-size:13px;color:var(--color-text)}.pad-next{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0 0}.pad-next strong{font-size:18px}.pad-clubrow{display:flex;gap:var(--space-3);align-items:stretch}.pad-club{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;text-align:left;padding:var(--space-2) var(--space-4)}.pad-club strong{font-size:18px}.pad-club-note{font-size:12px}.pad-good{min-width:130px;font-weight:600}.pad-good.is-on{background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:#fff}.pad-clubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-2);margin-top:var(--space-3)}.pad-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);margin-top:var(--space-4);align-items:start}.pad-section{display:flex;flex-direction:column;gap:var(--space-2)}.pad-label{font-size:12px;text-transform:uppercase;letter-spacing:.03em}.pad-choices{display:grid;gap:var(--space-2)}.pad-choices-2{grid-template-columns:repeat(2,1fr)}.pad-choices-3{grid-template-columns:repeat(3,1fr)}.pad-btn{padding:var(--space-3);font-size:14px}.pad-btn.is-on{background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:#fff}.face-block{display:flex;gap:var(--space-2)}.face-labels-y{display:flex;flex-direction:column;justify-content:space-around;font-size:11px;color:var(--color-text-muted);text-align:right}.face-labels-x{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;font-size:11px;color:var(--color-text-muted);text-align:center;margin-left:44px}.face-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:168px;padding:3px;background:var(--color-border);border-radius:var(--radius)}.face-cell{aspect-ratio:1;padding:0;border:0;border-radius:3px;background:var(--color-surface);color:var(--color-text-muted);font-size:10px}.face-cell:hover{background:var(--color-surface-2)}.face-cell.is-on{background:var(--color-accent-strong);color:#fff}.log-shot{width:100%;margin-top:var(--space-4);padding:var(--space-4);font-size:16px;font-weight:650;background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:#fff}.pad-hint{font-size:12px;text-align:center;margin-bottom:0}.pad.is-range .pad-next strong{font-size:28px}.pad.is-range .pad-next{gap:var(--space-3)}.pad.is-range .pad-next .muted{font-size:16px}.pad.is-range .pad-club{padding:var(--space-2) var(--space-4)}.pad.is-range .pad-club strong{font-size:26px}.pad.is-range .pad-good{min-width:180px;font-size:20px;padding:var(--space-3)}.pad.is-range .pad-clubs{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.pad.is-range .pad-btn{min-height:64px;font-size:19px;padding:var(--space-3)}.pad.is-range .pad-label{font-size:14px}.pad.is-range .face-grid{width:300px;gap:4px;padding:4px}.pad.is-range .face-cell{font-size:20px;border-radius:var(--radius)}.pad.is-range .face-labels-y,.pad.is-range .face-labels-x{font-size:14px}.pad.is-range .face-labels-x{margin-left:62px}.pad.is-range .log-shot{position:sticky;bottom:var(--space-3);z-index:2;min-height:84px;font-size:26px;margin-top:var(--space-4);box-shadow:0 6px 20px #00000073}.pad.is-range .pad-hint{font-size:14px}@media(max-width:900px){.pad-grid{grid-template-columns:1fr;gap:var(--space-4)}.pad.is-range .face-grid{width:100%;max-width:348px}}.pad.is-range .card{padding:var(--space-4);margin-bottom:var(--space-3)}.pad.is-range .pad-grid{gap:var(--space-4);margin-top:var(--space-3)}.pad.is-range .pad-hint{display:none}