:root{--paper: #FAFAF5;--paper-2: #F3F2EB;--paper-3: #ECEBE2;--ink: #111111;--ink-2: #2A2A28;--muted: #6B6B68;--muted-2: #9A9994;--rule: #1a1a1a;--rule-soft: #D8D6CC;--red: #C1272D;--red-bg: #F6E4E4;--green: #2E7D32;--green-bg: #E4F0E5;--yellow: #B07F00;--yellow-bg: #F5EBC9;--blue: #1F4E79;--blue-bg: #E4ECF4;--rc: #1F7A8C;--rc-bg: #E2F0F1;--serif: "Fraunces", Georgia, serif;--sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", "Fira Code", monospace;--row-h: 34px;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.clickable,button,[role=button]{cursor:pointer}.mono,table.pivot td,table.pivot th.num,.meta,.recon,.chip,.pill{font-variant-numeric:tabular-nums}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:16px;height:60px;padding:0 20px;background:var(--paper);border-bottom:1.5px solid var(--rule);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:baseline;gap:12px}.brand img.logo{height:30px;width:auto;display:block;align-self:center}.brand .sep{width:1px;height:22px;background:var(--rule-soft);align-self:center}.brand .kicker{font-family:var(--sans);font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.16em}.topbar .spacer{flex:1}.sel,.btn{height:34px;padding:0 11px;border:1px solid var(--rule-soft);border-radius:2px;background:var(--paper);color:var(--ink);font-size:13px;font-family:var(--sans)}.sel:focus{outline:none;border-color:var(--blue)}.btn{display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--paper-2);border-color:var(--muted-2)}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.primary:hover{background:var(--ink-2)}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.sm{height:28px;padding:0 9px;font-size:12px}.toggle{display:inline-flex;border:1px solid var(--rule);border-radius:2px;overflow:hidden}.toggle button{height:32px;padding:0 13px;border:0;background:var(--paper);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.toggle button.on{background:var(--ink);color:var(--paper)}.lang{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted-2)}.lang button{border:0;background:transparent;color:var(--muted-2);padding:2px 4px;font-weight:700}.lang button.on{color:var(--ink)}.body{display:flex;flex:1;min-height:0}.sidebar{width:252px;flex:none;background:var(--paper-2);border-right:1px solid var(--rule-soft);overflow-y:auto;padding:16px}.side-h{font-family:var(--sans);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:16px 0 8px;padding-bottom:5px;border-bottom:1px solid var(--rule-soft)}.side-h:first-child{margin-top:0}.field{display:flex;align-items:center;gap:6px;padding:6px 8px;margin-bottom:5px;border:1px solid var(--rule-soft);border-radius:2px;background:var(--paper);font-size:13px;-webkit-user-select:none;user-select:none}.field:hover{border-color:var(--ink)}.field.meas{border-left:3px solid var(--blue)}.field .fname{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field .mini{width:22px;height:22px;border-radius:2px;border:1px solid var(--rule-soft);background:var(--paper);color:var(--muted);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0;font-family:var(--mono)}.field .mini:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.field.dragging{opacity:.4}.canvas{flex:1;min-width:0;display:flex;flex-direction:column}.shelves{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 18px 0}.shelf{border:1px dashed var(--rule-soft);border-radius:2px;background:var(--paper);padding:9px 11px;min-height:54px}.shelf.over{border-color:var(--blue);background:var(--blue-bg)}.shelf .label{font-family:var(--sans);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:7px}.pills{display:flex;flex-wrap:wrap;gap:6px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 9px;background:var(--paper-2);color:var(--ink);border:1px solid var(--rule-soft);border-radius:2px;font-size:12px;font-weight:500}.pill.meas{border-left:3px solid var(--blue)}.pill .x{border:0;background:transparent;color:var(--muted);font-size:15px;line-height:1;padding:0 2px}.pill .x:hover{color:var(--red)}.placeholder{color:var(--muted-2);font-size:13px;font-family:var(--mono)}.toolbar{display:flex;align-items:center;gap:10px;padding:14px 18px 4px}.toolbar .spacer{flex:1}.meta{color:var(--muted);font-size:12px;font-family:var(--mono)}.result{flex:1;min-height:0;overflow:auto;padding:14px 18px 28px}.kpi-strip{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.kpi-card{flex:1 1 150px;min-width:140px;background:var(--paper);border:1px solid var(--rule-soft);border-top:3px solid var(--ink);border-radius:2px;padding:12px 14px 13px}.kpi-label{font-family:var(--sans);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-val{font-family:var(--serif);font-weight:500;font-size:27px;line-height:1;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.recon{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;padding:5px 10px;border-radius:2px;border:1px solid;text-transform:uppercase;letter-spacing:.06em}.recon.ok{color:var(--green);background:var(--green-bg);border-color:#bcd9bd}.recon.off{color:var(--red);background:var(--red-bg);border-color:#e6c2c2}.recon.na{color:var(--muted);background:var(--paper-2);border-color:var(--rule-soft)}.recon .d{width:7px;height:7px;border-radius:50%;background:currentColor}.pivot-wrap{background:var(--paper);border:1px solid var(--rule);border-radius:2px;overflow:auto}table.pivot{border-collapse:collapse;width:100%;font-size:13px}table.pivot th,table.pivot td{padding:7px 13px;border-bottom:1px solid var(--rule-soft);text-align:right;white-space:nowrap}table.pivot td{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-2)}table.pivot thead th{background:var(--ink);color:var(--paper);font-family:var(--sans);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0;z-index:2;border-bottom:0}table.pivot thead th.dim,table.pivot td.dim{text-align:left}table.pivot thead tr.sub th{background:var(--ink-2);top:31px;letter-spacing:.04em}table.pivot td.dim{font-family:var(--sans);font-weight:600;color:var(--ink);position:sticky;left:0;background:var(--paper)}table.pivot tbody tr:hover td{background:var(--paper-2)}table.pivot tbody tr:hover td.dim{background:var(--paper-3)}table.pivot tfoot td{font-weight:700;background:var(--paper-3);border-top:1.5px solid var(--rule);border-bottom:0;position:sticky;bottom:0;color:var(--ink)}table.pivot tfoot td.dim{position:sticky;left:0;font-family:var(--sans);text-transform:uppercase;font-size:11px;letter-spacing:.08em}.na-cell{color:var(--muted-2)}.chart-card{background:var(--paper);border:1px solid var(--rule);border-radius:2px;padding:14px}.chart-box{width:100%;height:460px}.note{color:var(--muted);font-size:13px;padding:20px;font-family:var(--sans)}.login{display:flex;align-items:center;justify-content:center;height:100%;background:var(--paper)}.login .card{background:var(--paper);border:1.5px solid var(--rule);border-radius:2px;padding:36px 34px;width:360px}.login .login-logo{height:52px;width:auto;display:block;margin-bottom:22px}.login h1{font-family:var(--serif);font-weight:500;font-size:24px;letter-spacing:-.02em;margin:0 0 4px}.login p{color:var(--muted);margin:0 0 22px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.login label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin:14px 0 5px;text-transform:uppercase;letter-spacing:.1em}.login input{width:100%;height:40px;padding:0 12px;border:1px solid var(--rule-soft);border-radius:2px;font-size:14px;font-family:var(--sans);background:var(--paper)}.login input:focus{outline:none;border-color:var(--blue)}.login .err{color:var(--red);font-size:12px;margin-top:10px}.login .btn.primary{width:100%;height:42px;margin-top:20px;justify-content:center;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0}.filter-row .fl-name{font-weight:600;min-width:120px;font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:12px;padding:3px 9px;border:1px solid var(--rule-soft);border-radius:2px;background:var(--paper);color:var(--muted)}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}