:root{--bg: #EFEEE8;--surface: #FFFFFF;--surface-2: #F8F7F2;--surface-3: #F1F0EA;--line: #DAD8CE;--line-2: #E7E5DC;--ink: #15140F;--ink-2: #3A382F;--muted: #76746A;--muted-2: #A3A096;--accent: #0E7C71;--accent-soft: #D8EEEB;--pos: #2E7D3E;--pos-soft: #DBEDD9;--neg: #B22D2D;--neg-soft: #F4D9D5;--warn: #B5780B;--warn-soft: #F3E5C0;--info: #1F5BB8;--info-soft: #D5E1F4;--row-h: 36px;--pad-cell: 10px 14px;--pad-card: 16px;--gap: 14px;--radius: 6px;--radius-sm: 4px;--radius-pill: 10px;--sidebar-w: 220px;--sidebar-w-min: 52px;--topbar-h: 48px;--statusbar-h: 28px;--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: 11px;--fs-sm: 13px;--fs-body: 14px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 24px;--lh: 1.4;--shadow-flat: 0 0 0 1px var(--line);--transition: .12s ease}:root[data-density=compact]{--row-h: 28px;--pad-cell: 6px 10px;--pad-card: 12px;--gap: 10px;--fs-xs: 10px;--fs-sm: 12px;--fs-body: 13px;--fs-md: 14px}:root[data-density=cozy]{--row-h: 36px;--pad-cell: 10px 14px;--pad-card: 16px;--gap: 14px;--fs-body: 14px}:root[data-theme=dark]{--bg: #0C0C0A;--surface: #15140F;--surface-2: #1B1A14;--surface-3: #211F18;--line: #2C2A22;--line-2: #232117;--ink: #ECEAE0;--ink-2: #C9C5B5;--muted: #8F8B7E;--muted-2: #5E5C53;--accent-soft: #0C2A27;--pos-soft: #112514;--neg-soft: #2A1010;--warn-soft: #2A1F08;--info-soft: #0E1A2E}:root[data-accent=blue]{--accent: #1F5BB8;--accent-soft: #D5E1F4}:root[data-accent=amber]{--accent: #B5780B;--accent-soft: #F3E5C0}:root[data-accent=violet]{--accent: #6B40B8;--accent-soft: #E2D6F4}:root[data-accent=green]{--accent: #2E7D3E;--accent-soft: #DBEDD9}:root[data-theme=dark][data-accent=blue]{--accent-soft: #0E1A2E}:root[data-theme=dark][data-accent=amber]{--accent-soft: #2A1F08}:root[data-theme=dark][data-accent=violet]{--accent-soft: #1A0F2E}:root[data-theme=dark][data-accent=green]{--accent-soft: #112514}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums}body{overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.mono,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.005em}.cap{text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-sm);font-weight:600;color:var(--muted)}.cap-sm{font-size:var(--fs-xs)}.cap-md{font-size:var(--fs-body)}.h-section{font-size:var(--fs-lg);font-weight:600;margin:0;letter-spacing:-.01em;color:var(--ink)}.h-kpi{font-size:var(--fs-xl);font-weight:600;letter-spacing:-.02em;color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.t-muted{color:var(--muted)}.t-pos{color:var(--pos)}.t-neg{color:var(--neg)}.t-warn{color:var(--warn)}.t-info{color:var(--info)}.t-accent{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.card__head{display:flex;align-items:baseline;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);gap:12px}.card__head-title{text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-sm);font-weight:600;color:var(--ink)}.card__head-meta{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--muted)}.card__body{padding:var(--pad-card)}.card__body--flush{padding:0}.pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:500;letter-spacing:.02em;white-space:nowrap}.pill--ghost{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}.pill--pos{background:var(--pos-soft);color:var(--pos)}.pill--neg{background:var(--neg-soft);color:var(--neg)}.pill--warn{background:var(--warn-soft);color:var(--warn)}.pill--info{background:var(--info-soft);color:var(--info)}.pill--accent{background:var(--accent-soft);color:var(--accent)}.pill__dot{width:5px;height:5px;border-radius:50%;background:currentColor}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-family:inherit;font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--sm{height:26px;padding:0 10px;font-size:var(--fs-sm)}.btn--primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn--primary:hover{background:var(--ink-2)}.btn--accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover{background:var(--surface-2)}.btn--icon{width:32px;padding:0;justify-content:center}.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}.seg__item{height:30px;padding:0 12px;border:none;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-family:inherit;font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:background var(--transition),color var(--transition)}.seg__item:last-child{border-right:none}.seg__item:hover{background:var(--surface-2)}.seg__item.is-active{background:var(--ink);color:var(--bg)}.input{display:block;width:100%;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-family:inherit;font-size:var(--fs-body);outline:none;transition:border-color var(--transition)}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--muted-2)}.input--mono{font-family:var(--font-mono)}.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-body)}.tbl thead th{position:sticky;top:0;z-index:1;background:var(--surface-2);border-bottom:1px solid var(--line);padding:var(--pad-cell);font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;white-space:nowrap}.tbl tbody td{height:var(--row-h);padding:var(--pad-cell);border-bottom:1px solid var(--line-2);color:var(--ink)}.tbl tbody tr:hover td{background:var(--surface-2)}.tbl tbody tr.is-selected td{background:var(--accent-soft)}.tbl .num,.tbl th.num{text-align:right;font-family:var(--font-mono)}.tbl .center{text-align:center}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}.kpi__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.kpi__label{text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-sm);color:var(--muted);font-weight:500}.kpi__row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:2px}.kpi__val{font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:600;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}.kpi__delta{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:500}.kpi__spark{flex:0 0 auto}.sidebar{display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:8px;height:var(--topbar-h);padding:0 12px;border-bottom:1px solid var(--line)}.sidebar__brand-name{font-weight:600;font-size:var(--fs-md);letter-spacing:-.01em}.sidebar__search{padding:8px 12px;border-bottom:1px solid var(--line)}.sidebar__group{padding:12px 0 4px}.sidebar__group-label{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;color:var(--muted-2);padding:0 16px 6px}.sidebar__item{display:flex;align-items:center;gap:10px;height:36px;padding:0 16px;color:var(--ink-2);font-size:var(--fs-body);font-weight:500;text-decoration:none;border-left:2px solid transparent;cursor:pointer;transition:background var(--transition)}.sidebar__item:hover{background:var(--surface-2);text-decoration:none}.sidebar__item.is-active{background:var(--surface-2);border-left-color:var(--accent);color:var(--ink)}.sidebar__item-icon{flex:0 0 18px;opacity:.8;display:flex}.sidebar__item-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar__item-badge{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--muted)}.sidebar__item-badge--alert{color:var(--neg)}.sidebar__footer{margin-top:auto;border-top:1px solid var(--line);padding:8px 12px;display:flex;align-items:center;gap:8px}:root[data-sidebar=collapsed] .sidebar{--sidebar-w: var(--sidebar-w-min)}:root[data-sidebar=collapsed] .sidebar__brand-name,:root[data-sidebar=collapsed] .sidebar__search,:root[data-sidebar=collapsed] .sidebar__group-label,:root[data-sidebar=collapsed] .sidebar__item-label,:root[data-sidebar=collapsed] .sidebar__item-badge,:root[data-sidebar=collapsed] .sidebar__footer span{display:none}:root[data-sidebar=collapsed] .sidebar__item{padding:0 16px}.topbar{display:flex;align-items:center;gap:12px;height:var(--topbar-h);padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line)}.topbar__crumbs{display:flex;align-items:center;gap:8px;font-size:var(--fs-body);color:var(--muted)}.topbar__crumbs .crumb-sep{color:var(--muted-2)}.topbar__crumbs .crumb-active{color:var(--ink);font-weight:500}.topbar__search{flex:1 1 auto;max-width:520px;margin:0 auto}.topbar__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.statusbar{display:flex;align-items:center;gap:16px;height:var(--statusbar-h);padding:0 16px;background:var(--surface);border-top:1px solid var(--line);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--muted)}.statusbar__cell{display:inline-flex;align-items:center;gap:6px}.statusbar__cell .dot{width:6px;height:6px;border-radius:50%}.statusbar__cell--pos .dot{background:var(--pos)}.statusbar__cell--neg .dot{background:var(--neg)}.statusbar__cell--warn .dot{background:var(--warn)}.statusbar__cell .label{color:var(--ink-2)}.statusbar__sep{color:var(--muted-2)}.shell{display:grid;height:100vh;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr var(--statusbar-h)}.shell__sidebar{grid-row:1 / -1;grid-column:1;min-width:0}.shell__topbar{grid-row:1;grid-column:2}.shell__main{grid-row:2;grid-column:2;overflow:auto;padding:16px;background:var(--bg)}.shell__status{grid-row:3;grid-column:2}.grid{display:grid;gap:var(--gap)}.grid-6{grid-template-columns:repeat(6,1fr)}.grid-7{grid-template-columns:repeat(7,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-dash-3{grid-template-columns:1.4fr 1fr .95fr}@media(max-width:1280px){.grid-6{grid-template-columns:repeat(3,1fr)}.grid-7{grid-template-columns:repeat(4,1fr)}.grid-dash-3{grid-template-columns:1fr}}