:root{--bg: #f1f5f9;--surface: #ffffff;--border: #e6e9ef;--border-strong: #d6dae3;--text: #0f172a;--muted: #64748b;--muted-soft: #94a3b8;--primary: #16384d;--primary-hover: #0f2a3a;--primary-soft: #e9eef2;--danger: #dc2626;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 48px rgba(15, 23, 42, .22);--radius: 14px}*{box-sizing:border-box}html,body{margin:0}body{font-family:Open Sans,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .95rem;border:1px solid var(--border-strong);background:var(--surface);border-radius:9px;font-size:.88rem;font-weight:600;color:var(--text);cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s,color .12s}.btn:hover{background:#f4f6fb;border-color:var(--muted-soft)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.table-wrap{overflow-x:auto;border-top:1px solid var(--border)}.users-table{width:100%;border-collapse:collapse;font-size:.88rem}.users-table th,.users-table td{text-align:left;padding:.7rem 1.4rem;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle}.users-table th{background:#f8fafc;font-weight:700;color:var(--muted);text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;position:sticky;top:0;z-index:2}.table-wrap.table-scroll{max-height:420px;overflow:auto}.users-table tbody tr{transition:background .1s}.users-table tbody tr:hover{background:#f7f9fe}.users-table tbody tr:last-child td{border-bottom:none}.users-table .num{text-align:right;font-variant-numeric:tabular-nums}.users-table.top-align th:first-child,.users-table.top-align td:first-child{position:sticky;left:0;min-width:200px;background:var(--surface);box-shadow:1px 0 0 var(--border)}.users-table.top-align td:first-child{z-index:1}.users-table.top-align th:first-child{z-index:3;background:#f8fafc}.users-table.top-align tbody tr:hover td:first-child{background:#f7f9fe}.user-cell{display:flex;align-items:center;gap:.7rem}.avatar{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700}.user-meta{display:flex;flex-direction:column;line-height:1.25}.user-name{font-weight:600;color:var(--text)}.user-sub{font-size:.74rem;color:var(--muted)}.avatar-0{background:#eef1f5;color:#64748b}.avatar-1{background:#e0e7ff;color:#3730a3}.avatar-2{background:#fef3c7;color:#92400e}.avatar-3{background:#d1fae5;color:#065f46}.avatar-4{background:#fce7f3;color:#9d174d}.avatar-5{background:#cffafe;color:#155e75}.avatar-6{background:#ffe4e6;color:#9f1239}.avatar-7{background:#ede9fe;color:#5b21b6}.muted{color:var(--muted)}.state{padding:2.5rem 1.4rem;text-align:center;font-size:.9rem}.error{color:var(--danger);font-size:.86rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:560px;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:1.1rem;font-weight:700}.modal-close{border:none;background:none;font-size:1.5rem;line-height:1;color:var(--muted-soft);cursor:pointer;padding:0 .25rem}.modal-close:hover{color:var(--text)}:root{--viz-1: #2a78d6;--viz-2: #1baf7a;--viz-3: #eda100;--viz-4: #4a3aa7;--viz-muted: #b8c0cc;--legacy: #94a3b8;--ai: #1baf7a;--pos: #0f9d58;--neg: #dc2626;--grid-line: #eef1f5}.dashboard{min-height:100vh;background:var(--bg)}.dash-top{background:linear-gradient(135deg,#16384d,#0f2a3a 60%,#0b2230);padding:1.1rem 1.75rem 1.4rem;color:#fff}.dash-brand{display:flex;align-items:center;gap:.8rem;margin-bottom:1.1rem}.brand-mark{width:40px;height:40px;border-radius:10px;background:#ffffff1f;color:#fff;font-weight:800;font-size:.9rem;letter-spacing:.03em;display:flex;align-items:center;justify-content:center}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-title{font-size:1.1rem;font-weight:800;letter-spacing:.01em}.brand-sub{font-size:.74rem;color:#9fb4c2;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.dash-meta{margin-left:auto;display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;color:#9fb4c2;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:.25rem .55rem;border-radius:7px;white-space:nowrap}.dash-meta strong{font-weight:700;color:#eaf2f7}.dash-actions{margin-left:1rem;display:flex;gap:.5rem}.dash-refresh{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#eaf2f7;padding:.45rem .85rem;border-radius:9px;font-size:.82rem;font-weight:600;cursor:pointer}.dash-refresh:hover{background:#ffffff2e}.demo-flag{display:inline-flex;align-items:center;gap:.3rem;margin-left:.6rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#ffc34d;background:#eda10024;border:1px solid rgba(237,161,0,.4);padding:.25rem .55rem;border-radius:7px}.kpi-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.85rem}.kpi-tile{position:relative;border-radius:12px;padding:.9rem 1rem .95rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.kpi-tile:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000047}.kpi-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tile-grad, transparent);opacity:.9;z-index:0}.kpi-tile>*{position:relative;z-index:1}.kpi-value{font-size:1.85rem;font-weight:800;line-height:1.05;color:var(--tile-accent, #fff)}.kpi-label{margin-top:.35rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#dbe6ee}.kpi-sub{margin-top:.15rem;font-size:.72rem;color:#9fb4c2}.kpi--teal{--tile-grad: linear-gradient(135deg, rgba(27,175,122,.22), rgba(27,175,122,0));--tile-accent: #4fd6a8}.kpi--blue{--tile-grad: linear-gradient(135deg, rgba(42,120,214,.24), rgba(42,120,214,0));--tile-accent: #6cb0ff}.kpi--amber{--tile-grad: linear-gradient(135deg, rgba(237,161,0,.22), rgba(237,161,0,0));--tile-accent: #ffc34d}.kpi--red{--tile-grad: linear-gradient(135deg, rgba(220,38,38,.26), rgba(220,38,38,0));--tile-accent: #ff8080}.kpi--violet{--tile-grad: linear-gradient(135deg, rgba(120,110,230,.24), rgba(120,110,230,0));--tile-accent: #b0a8f5}.kpi--slate{--tile-grad: linear-gradient(135deg, rgba(148,163,184,.2), rgba(148,163,184,0));--tile-accent: #cdd7e3}.filter-bar{display:flex;align-items:flex-end;gap:.9rem;flex-wrap:wrap;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);padding:.9rem 1.75rem}.field{display:flex;flex-direction:column;gap:.3rem}.field label{font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.field select,.field input{padding:.5rem .65rem;border:1px solid var(--border-strong);border-radius:8px;font-size:.86rem;background:#fbfcfe;color:var(--text);min-width:170px}.field select:focus,.field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #16384d24}.date-range{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--border-strong);border-radius:8px;background:#fbfcfe;padding:0 .5rem}.date-range:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #16384d24}.date-range input[type=date]{border:none;background:transparent;min-width:128px;padding:.5rem .1rem}.date-range input[type=date]:focus{outline:none;box-shadow:none}.date-range-sep{color:var(--muted-soft);font-weight:600}.dash-body{padding:1.5rem 1.75rem 2.5rem;max-width:1500px;margin:0 auto}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:.9rem}.dash-grid .span-2{grid-column:1 / -1}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:.95rem 1.1rem 1rem;min-width:0;display:flex;flex-direction:column}.chart-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.chart-card h2{margin:0;font-size:1.02rem;font-weight:700;color:var(--text)}.chart-card .sub{font-size:.76rem;color:var(--muted)}.legend{display:flex;gap:1rem;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--muted)}.legend-dot{width:10px;height:10px;border-radius:3px;flex:none}.hbars{display:flex;flex-direction:column;gap:.6rem}.hbar-row{display:grid;grid-template-columns:130px 1fr 46px;align-items:center;gap:.6rem}.hbar-label{font-size:.82rem;color:var(--text);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-track{position:relative;height:20px;background:var(--grid-line);border-radius:5px;display:flex;overflow:hidden}.hbar-fill{height:100%;border-radius:5px;min-width:2px;background:var(--bar, var(--viz-1));background-image:linear-gradient(90deg,color-mix(in srgb,var(--bar, var(--viz-1)) 82%,#fff) 0%,var(--bar, var(--viz-1)) 100%);transition:width .3s cubic-bezier(.22,1,.36,1),filter .15s ease,transform .15s ease;transform-origin:left center}.hbar-fill.clickable{cursor:pointer}.hbar-fill.clickable:hover{filter:brightness(1.08) saturate(1.1);transform:scaleY(1.12)}.hbar-label.clickable{cursor:pointer}.hbar-label.clickable:hover{color:var(--primary);font-weight:600}.hbar-fill+.hbar-fill{margin-left:2px}.hbar-value{font-size:.82rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.vbars{display:flex;align-items:flex-end;justify-content:center;gap:.75rem;height:220px;padding-top:1.2rem;border-bottom:1px solid var(--border-strong)}.vbar-col{flex:1 1 0;max-width:130px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:.4rem;min-width:0}.vbar-fill{width:70%;max-width:56px;border-radius:6px 6px 0 0;min-height:2px;background:var(--bar, var(--viz-2));background-image:linear-gradient(180deg,color-mix(in srgb,var(--bar, var(--viz-2)) 80%,#fff) 0%,var(--bar, var(--viz-2)) 100%);box-shadow:0 1px 3px #0f172a1f;transition:height .3s cubic-bezier(.22,1,.36,1),filter .15s ease;position:relative}.vbar-fill.clickable{cursor:pointer}.vbar-fill.clickable:hover{filter:brightness(1.08) saturate(1.1)}.vbar-value{font-size:.74rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.vbar-x{margin-top:.5rem;display:flex;justify-content:center;gap:.75rem}.vbar-xlabel{flex:1 1 0;max-width:130px;font-size:.66rem;color:var(--muted);text-align:center;line-height:1.2;min-width:0}.gbars{display:flex;align-items:flex-end;justify-content:space-around;gap:.75rem;height:170px;padding-top:1.1rem}.gbar-cluster{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;flex:1 1 0;min-width:0}.gbar-bars{display:flex;align-items:flex-end;justify-content:center;gap:.5rem;height:100%}.gbar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:.35rem}.gbar-fill{width:34px;border-radius:6px 6px 0 0;min-height:2px;background:var(--bar, var(--viz-2));background-image:linear-gradient(180deg,color-mix(in srgb,var(--bar, var(--viz-2)) 80%,#fff) 0%,var(--bar, var(--viz-2)) 100%);box-shadow:0 1px 3px #0f172a1f;transition:height .3s cubic-bezier(.22,1,.36,1),filter .15s ease;cursor:default}.gbar-fill:hover{filter:brightness(1.06) saturate(1.08)}.gbar-value{font-size:.72rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.gbar-xlabel{margin-top:.6rem;font-size:.74rem;font-weight:600;color:var(--muted);text-align:center;line-height:1.2;border-top:1px solid var(--border-strong);padding-top:.5rem;width:100%}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;min-height:170px;flex:1}.donut-center-value{font-size:1.5rem;font-weight:800;fill:var(--text)}.donut-center-label{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;fill:var(--muted)}.donut-legend{display:flex;flex-direction:column;gap:.55rem}.donut-legend .legend-item{font-size:.82rem;color:var(--text);justify-content:space-between;min-width:180px}.donut-legend .legend-item .cnt{color:var(--muted);font-variant-numeric:tabular-nums}.donut-wrap svg circle{transition:filter .15s ease}.donut-wrap svg circle:hover{filter:brightness(1.08) saturate(1.08)}.viz-tip{position:fixed;z-index:100;pointer-events:none;background:#0f172a;color:#fff;padding:.5rem .7rem;border-radius:8px;font-size:.78rem;box-shadow:var(--shadow-lg);white-space:nowrap;transform:translate(-50%,-115%)}.viz-tip .tip-title{font-weight:700;margin-bottom:.15rem}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:1.1rem}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.4rem 1rem}.card-title{margin:0;font-size:1.15rem;font-weight:700}.card-desc{margin:.2rem 0 0;font-size:.82rem;color:var(--muted)}.num-pos{color:var(--pos);font-weight:700}.num-neg{color:var(--neg);font-weight:700}.num-accent{color:var(--viz-1);font-weight:700}.totals-row td{border-top:2px solid var(--border-strong);font-weight:800;background:#f8fafc}.delta{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .5rem;border-radius:999px;font-size:.76rem;font-weight:700;font-variant-numeric:tabular-nums}.delta-down{background:#dcfce7;color:#15803d}.delta-up{background:#fee2e2;color:#b91c1c}.delta-flat{background:#eef1f5;color:#64748b}.cell-pill{display:inline-block;padding:.2rem .6rem;border-radius:7px;font-size:.76rem;font-weight:600;background:#eef1f5;color:var(--muted);white-space:nowrap}.cell-pill.stage-pill{background:var(--primary-soft);color:var(--primary)}a.cell-pill{text-decoration:none;transition:background .12s ease,color .12s ease}a.cell-pill:hover{background:var(--primary);color:#fff}.adopt-pill{display:inline-block;padding:.15rem .5rem;border-radius:6px;font-size:.74rem;font-weight:600;background:#1baf7a1f;color:#0f7a55}.adopt-none{background:#eef1f5;color:var(--muted);font-weight:500}.glossary{margin:0;padding:1.2rem 1.4rem 1.4rem;overflow-y:auto}.glossary dt{font-weight:700;color:var(--text);font-size:.88rem}.glossary dd{margin:.15rem 0 .9rem;color:var(--muted);font-size:.85rem;line-height:1.45}.glossary dd:last-child{margin-bottom:0}.chips{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem}.chips-label{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border:1px solid var(--primary);background:var(--primary-soft);color:var(--primary);border-radius:999px;font-size:.8rem;font-weight:600;cursor:pointer}.chip:hover{box-shadow:var(--shadow-sm);background:#dde7ee}.chip-x{font-size:.72rem;opacity:.8}.chip-clear{border-color:var(--border-strong);background:var(--surface);color:var(--muted)}.chip-clear:hover{color:var(--danger);border-color:#fca5a5;background:#fef2f2}@media(max-width:1100px){.kpi-row{grid-template-columns:repeat(3,1fr)}.dash-grid{grid-template-columns:1fr}}@media(max-width:640px){.kpi-row{grid-template-columns:repeat(2,1fr)}.hbar-row{grid-template-columns:120px 1fr 44px}}