html[data-theme=light]{--surface-page: #f9fafb;--surface-elevated: #ffffff;--surface-card: #ffffff;--surface-sidebar: #ffffff;--surface-workspace-pill: #f3f4f6;--surface-muted: #f3f4f6;--border-subtle: #e5e7eb;--text-main: #111827;--text-muted: #6b7280;--text-sidebar: #374151;--accent-primary: #0d9488;--accent-primary-deep: #0f766e;--accent-soft: rgba(13, 148, 136, .12);--nav-active-bg: #f3f4f6;--sidebar-hover: #f9fafb;--status-ok-dot: #10b981;--status-ok-soft: rgba(16, 185, 129, .2);--chart-line: #0d9488;--chart-fill: rgba(13, 148, 136, .25);--chart-bar: #0891b2;--topbar-placeholder: rgba(243, 244, 246, .8);--shadow-soft: rgba(17, 24, 39, .04)}html[data-theme=dark]{--surface-page: #0a0a0a;--surface-elevated: #121212;--surface-card: #161616;--surface-sidebar: #121212;--surface-workspace-pill: #1a1a1a;--surface-muted: #1f1f1f;--border-subtle: #262626;--text-main: #fafafa;--text-muted: #a3a3a3;--text-sidebar: #e5e5e5;--accent-primary: #34d399;--accent-primary-deep: #22c55e;--accent-soft: rgba(52, 211, 153, .15);--nav-active-bg: #262626;--sidebar-hover: #1c1c1c;--status-ok-dot: #34d399;--status-ok-soft: rgba(52, 211, 153, .16);--chart-line: #34d399;--chart-fill: rgba(52, 211, 153, .18);--chart-bar: #2dd4bf;--topbar-placeholder: rgba(38, 38, 38, .7);--shadow-soft: rgba(0, 0, 0, .35)}:root{--brand-forest: #138a36;--brand-forest-deep: #0f6b2a;--brand-forest-soft: #e8f5e9;--brand-gold: #138a36;--brand-gold-pressed: #0f6b2a;--brand-gold-muted: #10b981;--on-gold: #ffffff;--error-bg: #fef2f2;--error-text: #dc2626}html[data-theme=dark]{--error-bg: rgba(220, 38, 38, .12);--error-text: #f87171}html,body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-main);background:var(--surface-page)}html,body,#root{margin:0;padding:0;min-height:100%;height:100%}button,input,textarea,select{font:inherit}.muted{color:var(--text-muted)}.stack-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.shell{display:flex;min-height:100vh;width:100%}.shell-sidebar{width:276px;flex-shrink:0;min-height:100vh;box-sizing:border-box}.shell-main-column{flex:1;min-width:0;display:flex;flex-direction:column}.shell-scroll{flex:1;overflow-y:auto;padding:28px 32px 40px;box-sizing:border-box}.sidebar{background:var(--surface-sidebar);color:var(--text-sidebar);border-right:1px solid var(--border-subtle);padding:24px 20px;display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box}.workspace-card{background:var(--surface-workspace-pill);border:1px solid var(--border-subtle);border-radius:12px;padding:14px;margin-bottom:28px}.workspace-card-brand{display:flex;align-items:center;gap:12px}.workspace-logo{border-radius:12px;width:40px;height:40px;object-fit:cover}.workspace-meta{min-width:0}.workspace-label{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0}.workspace-name{font-size:.95rem;font-weight:800;margin:2px 0 0;letter-spacing:-.02em;color:var(--text-main)}.workspace-env{font-size:.7rem;color:var(--text-muted);margin-top:4px}.nav-section{margin-bottom:20px}.nav-section:last-of-type{margin-bottom:8px}.nav-section-heading{font-size:.65rem;font-weight:800;letter-spacing:.08em;color:var(--text-muted);margin:0 0 6px 8px;text-transform:uppercase}.sidebar-nav-btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;margin-bottom:4px;border:none;border-radius:10px;background:transparent;color:var(--text-sidebar);font-weight:600;font-size:.875rem;cursor:pointer;transition:background .14s ease,color .14s ease;border-left:3px solid transparent;box-sizing:border-box}.sidebar-nav-btn:hover{background:var(--sidebar-hover)}.sidebar-nav-btn-active{background:var(--nav-active-bg);color:var(--text-main);border-left-color:var(--accent-primary)}.sidebar-nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.85}.sidebar-footer-spacer{flex:1;min-height:24px}.sidebar-signout-btn{width:100%;box-sizing:border-box;padding:12px 16px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface-workspace-pill);color:var(--text-sidebar);font-weight:700;font-size:.875rem;letter-spacing:.01em;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.sidebar-signout-btn:hover{background:var(--sidebar-hover);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 1px #0000000a}.sidebar-signout-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-sidebar),0 0 0 4px var(--accent-primary)}.sidebar-signout-btn:active{transform:translateY(1px)}@media (prefers-reduced-motion: reduce){.sidebar-signout-btn:active{transform:none}}.sidebar-brand-tag{display:none}.top-bar{display:flex;justify-content:flex-end;align-items:center;padding:12px 24px 12px 28px;border-bottom:1px solid var(--border-subtle);background:var(--surface-elevated)}.top-bar-trail{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:18px;row-gap:10px;margin-left:auto}.top-org-block{text-align:right;font-size:.8125rem;line-height:1.35}.top-org-title{font-weight:800;color:var(--text-main);margin:0}.top-org-role{color:var(--text-muted);margin:2px 0 0;font-weight:500}.top-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .14s ease,color .14s ease}.icon-btn:hover{background:var(--surface-muted);color:var(--text-main)}.icon-btn:active{transform:scale(.97)}.top-avatar{width:36px;height:36px;border-radius:12px;background:var(--accent-soft);color:var(--accent-primary);font-weight:800;font-size:.8125rem;display:flex;align-items:center;justify-content:center}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 1px 3px var(--shadow-soft);padding:20px}.chart-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.chart-card-title{font-size:.95rem;font-weight:800;margin:0;letter-spacing:-.02em;color:var(--text-main)}.chart-card-sub{margin:4px 0 0;font-size:.8125rem;color:var(--text-muted);line-height:1.4}.kpi-strip{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width: 1180px){.kpi-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width: 620px){.kpi-strip{grid-template-columns:1fr}}.kpi-card{position:relative;overflow:hidden}.kpi-label{font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0}.kpi-value{font-size:1.75rem;font-weight:800;margin:6px 0 4px;letter-spacing:-.02em}.kpi-foot{margin:0;font-size:.8125rem;color:var(--text-muted)}.kpi-icon-rail{position:absolute;top:18px;right:18px;color:var(--accent-primary);opacity:.85}.charts-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:28px}@media (max-width: 960px){.charts-grid{grid-template-columns:1fr}}.chart-svg-frame{width:100%;height:180px;display:block}.activity-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.activity-chip{flex:0 0 auto;min-width:160px;max-width:220px;padding:14px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface-card)}.activity-chip-actions{font-size:.8125rem;font-weight:700;color:var(--text-main);margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-chip-when{font-size:.76rem;color:var(--text-muted);margin:0}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll--tall{max-height:520px;overflow-y:auto}.table{border-collapse:separate;border-spacing:0;width:100%}.table thead th{font-size:.6875rem;font-weight:800;letter-spacing:.065em;text-transform:uppercase;color:var(--text-muted);background:color-mix(in srgb,var(--surface-muted) 88%,transparent);border-bottom:2px solid var(--border-subtle);padding:14px 16px;text-align:left;vertical-align:bottom}.table tbody td{vertical-align:middle;padding:14px 16px;font-size:.875rem;border-bottom:1px solid var(--border-subtle);color:var(--text-main);text-align:left}.table tbody tr{transition:background-color .13s ease}.table tbody tr:hover{background:color-mix(in srgb,var(--surface-muted) 52%,transparent)}.table tbody tr:last-child td{border-bottom:none}.table-cell-strong{font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.table-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--border-subtle);background:var(--surface-muted);color:var(--text-muted)}.table-status{display:inline-flex;align-items:center;padding:5px 10px;border-radius:8px;font-size:.765rem;font-weight:700}.table-status--active{background:color-mix(in srgb,var(--accent-primary) 14%,transparent);color:var(--accent-primary-deep);border:1px solid color-mix(in srgb,var(--accent-primary) 35%,var(--border-subtle))}.table-status--suspended{background:color-mix(in srgb,#f97316 12%,transparent);color:#c2410c;border:1px solid color-mix(in srgb,#f97316 28%,var(--border-subtle))}html[data-theme=dark] .table-status--suspended{color:#fdba74;background:#fb923c24}.table-status--neutral{background:var(--surface-muted);color:var(--text-muted);border:1px solid var(--border-subtle)}.table-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:flex-start}.table-actions .button,.table tbody td .button,.table tbody td .stack-row .button{flex-shrink:0}.table tbody .button.secondary{background:color-mix(in srgb,var(--accent-soft) 65%,var(--surface-card));border-width:1.5px}.table tbody td code{font-family:ui-monospace,monospace;font-size:.8125rem;padding:4px 8px;border-radius:8px;background:var(--surface-muted);border:1px solid var(--border-subtle)}@media (prefers-reduced-motion: reduce){.table tbody tr{transition:none}}.table.compact td,.table.compact th{font-size:.84375rem;padding:10px 12px}.table.compact thead th{padding-top:10px;padding-bottom:10px}.select,.input-sm{border:1px solid var(--border-subtle);border-radius:12px;padding:8px 10px;background:var(--surface-muted);color:var(--text-main)}.input-sm{flex:1;min-width:140px}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:2.55rem;padding:.55rem 1.35rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent-primary) 28%,transparent);background:var(--accent-primary);color:#fff;cursor:pointer;font-weight:700;font-size:.875rem;letter-spacing:.02em;box-shadow:0 1px #ffffff2e inset,0 2px 6px #00000014;transition:filter .15s ease,opacity .15s ease,transform .14s ease,box-shadow .14s ease}html[data-theme=dark] .button{border-color:color-mix(in srgb,var(--accent-primary) 45%,#000);box-shadow:0 1px #ffffff0f inset,0 2px 8px #0006}.button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}@media (prefers-reduced-motion: reduce){.button:hover:not(:disabled){transform:none}}.button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-card),0 0 0 5px color-mix(in srgb,var(--accent-primary) 55%,transparent)}.button:active:not(:disabled){transform:translateY(0);filter:brightness(.98)}@media (prefers-reduced-motion: reduce){.button:active:not(:disabled){transform:none}}.button:disabled{cursor:not-allowed;opacity:.52}.button.secondary{background:transparent;color:var(--accent-primary);border:1.5px solid color-mix(in srgb,var(--accent-primary) 48%,var(--border-subtle));box-shadow:none;filter:none}html[data-theme=dark] .button.secondary{color:var(--accent-primary);border-color:color-mix(in srgb,var(--accent-primary) 55%,var(--border-subtle))}.button.secondary:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent-primary) 70%,var(--border-subtle));filter:brightness(1.06)}@media (prefers-reduced-motion: reduce){.button.secondary:hover:not(:disabled){transform:none}}.button.secondary:active:not(:disabled){background:color-mix(in srgb,var(--accent-soft) 70%,transparent)}.button.secondary:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-card),0 0 0 5px color-mix(in srgb,var(--accent-primary) 40%,transparent)}.button.button--sm{min-height:2.15rem;padding:.45rem .95rem;font-size:.8125rem;border-radius:9px}.button.button--sm:focus-visible{box-shadow:0 0 0 2px var(--surface-card),0 0 0 4px color-mix(in srgb,var(--accent-primary) 50%,transparent)}.button.ghost-outline{background:transparent;border:1.5px solid var(--border-subtle);color:var(--text-main);box-shadow:none}.button.ghost-outline:hover:not(:disabled){filter:none;transform:none;background:var(--surface-muted)}.button.ghost-outline:focus-visible{box-shadow:0 0 0 2px var(--surface-card),0 0 0 4px var(--border-subtle)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.page-header-copy{min-width:0}.page-header-title{font-size:1.5rem;font-weight:800;margin:0;letter-spacing:-.03em;color:var(--text-main)}.page-header-sub{margin:8px 0 0;font-size:.9375rem;line-height:1.55;color:var(--text-muted)}.page-header-sub code{font-size:.875em;padding:2px 6px;border-radius:6px;background:var(--surface-muted);border:1px solid var(--border-subtle)}.page-header-actions{display:flex;gap:10px;flex-shrink:0;align-items:center}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface-page);padding:24px;box-sizing:border-box}.login-card-shell{width:100%;max-width:440px}.login-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:24px;box-shadow:0 1px 2px #1118270a,0 24px 48px #11182714;padding:48px 40px 40px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.login-brand-logo{width:88px;height:88px;border-radius:20px;margin-bottom:18px;display:block;box-shadow:0 4px 14px #138a3626}.login-brand-tagline{color:var(--brand-forest);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-align:center;margin:0 0 12px}.login-card h1{color:var(--text-main);font-size:1.625rem;font-weight:800;margin:0 0 8px;text-align:center;letter-spacing:-.02em}.login-lead{color:var(--text-muted);font-size:.88rem;line-height:1.55;margin:0 0 28px;text-align:center}.login-form-block{width:100%}.login-error{background:var(--error-bg);border-radius:12px;color:var(--error-text);font-size:.88rem;font-weight:600;margin:0 0 16px;padding:12px 14px;text-align:center;width:100%;box-sizing:border-box}.login-label{display:flex;flex-direction:column;align-items:center;font-size:.76rem;font-weight:800;gap:8px;margin-bottom:18px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;width:100%;text-align:center}.login-input{background:var(--surface-muted);border:1.5px solid var(--border-subtle);border-radius:16px;color:var(--text-main);font-size:1.0625rem;font-weight:600;padding:15px 18px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%;box-sizing:border-box;outline:none;text-align:center}.login-input:focus{border-color:var(--brand-forest);background:var(--surface-card);box-shadow:0 0 0 3px #138a361f}.login-hint{color:var(--text-muted);font-size:.88rem;margin:0 0 16px;text-align:center}.login-btn-primary{background:var(--brand-forest);border:0;border-radius:999px;color:#fff;cursor:pointer;font-size:1rem;font-weight:800;padding:15px 24px;width:100%;transition:filter .15s ease,opacity .15s ease,transform .1s ease;margin-top:4px;box-shadow:0 8px 20px #138a3638}.login-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.login-btn-primary:active:not(:disabled){transform:scale(.99)}.login-btn-primary:disabled{opacity:.5;cursor:not-allowed}.login-btn-secondary{background:var(--brand-forest-soft);border:0;border-radius:999px;color:var(--brand-forest);cursor:pointer;font-size:.95rem;font-weight:700;padding:13px 24px;width:100%;transition:filter .15s ease;margin-top:4px}.login-btn-secondary:hover:not(:disabled){filter:brightness(.96)}.login-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.login-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px;width:100%}