:root{--bg-page: #f6f7f9;--bg-card: #ffffff;--bg-inset: #f1f2f5;--bg-sidebar: #141428;--bg-sidebar-active: #26264a;--text-1: #111827;--text-2: #374151;--text-3: #6b7280;--text-muted: #9ca3af;--border: #e5e7eb;--border-strong: #d1d5db;--accent: #3b82f6;--accent-strong: #2563eb;--status-good: #10b981;--status-warning: #f59e0b;--status-critical: #ef4444;--status-neutral: #9ca3af;--status-good-bg: #ecfdf5;--status-warning-bg: #fffbeb;--status-critical-bg: #fef2f2;--status-neutral-bg: #f3f4f6;--status-good-border: #6ee7b7;--status-warning-border: #fcd34d;--status-critical-border: #fca5a5;--series-1: #2a78d6;--series-2: #1baf7a;--series-3: #eda100;--series-4: #008300;--series-5: #4a3aa7;--series-6: #e34948;--series-7: #e87ba4;--series-8: #eb6834;--chart-grid: #e1e0d9;--chart-axis: #c3c2b7;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--shadow-card: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--sidebar-w: 224px;--sidebar-w-rail: 60px}*,*:before,*:after{box-sizing:border-box}:where(body,h1,h2,h3,h4,h5,h6,p){margin:0}body{font-family:var(--font-ui);color:var(--text-1);background:var(--bg-page);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}:where(input,select,textarea){padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;color:inherit;background:var(--bg-card)}:where(input,select,textarea):focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:1px}:where(button){font:inherit;cursor:pointer}:where(a){color:var(--accent)}:where(table){border-collapse:collapse}:where(th){text-align:left;font-size:12px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;padding:8px 10px}:where(td){padding:8px 10px;border-top:1px solid var(--border)}[data-lp-preview] :where(a,button,input,select,textarea,table,th,td,h1,h2,h3,h4,h5,h6,p){all:revert}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:16px}.page-title{font-size:22px;font-weight:700;color:var(--text-1);line-height:1.2}.page-sub{font-size:14px;color:var(--text-3);margin-top:4px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.row{display:flex;align-items:center;gap:12px}.stack-2{display:flex;flex-direction:column;gap:8px}.stack-4{display:flex;flex-direction:column;gap:16px}.muted{color:var(--text-3)}.mono{font-family:var(--font-mono);font-size:.92em}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--status-neutral-bg);color:var(--text-2);border:1px solid var(--border)}.table-wrap{overflow-x:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:14px;font-weight:500;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn:disabled{opacity:.55;cursor:default}.btn-sm{padding:5px 10px;font-size:12.5px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:not(:disabled):hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-ghost{background:var(--bg-card);color:var(--text-2);border-color:var(--border-strong)}.btn-ghost:not(:disabled):hover{background:var(--bg-inset)}.btn-danger{background:var(--status-critical);color:#fff;border-color:var(--status-critical)}.btn-danger:not(:disabled):hover{background:#dc2626;border-color:#dc2626}.shell{display:flex;min-height:100vh;font-family:var(--font-ui)}.shell-main{flex:1;display:flex;flex-direction:column;background:var(--bg-page);min-width:0}.shell-content{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden;min-width:0}.sidebar{width:var(--sidebar-w);min-height:100vh;background:var(--bg-sidebar);color:#fff;display:flex;flex-direction:column;padding:20px 0;flex-shrink:0;transition:width .18s ease,transform .2s ease;z-index:40}.sidebar-logo{padding:0 18px 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}.sidebar-logo-suite{font-size:20px;font-weight:800;letter-spacing:1px;color:#fff}.sidebar-logo-product{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-top:2px}.sidebar-nav{display:flex;flex-direction:column}.sidebar-section-label{padding:16px 20px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#6c6c8f}.sidebar-link{position:relative;display:flex;align-items:center;gap:10px;margin:1px 8px;padding:9px 12px;border-radius:8px;color:#a2a2c0;text-decoration:none;font-size:14px;white-space:nowrap;transition:background .15s,color .15s}.sidebar-link:hover{background:#ffffff0f;color:#e6e6f2}.sidebar-link.active{color:#fff;background:var(--bg-sidebar-active)}.sidebar-link.active:before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.sidebar-link-icon{font-size:16px;flex-shrink:0;width:20px;text-align:center}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1980;z-index:39}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--bg-card);border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:12px;min-width:0}.header-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:18px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);flex-shrink:0}.header-crumbs{display:flex;align-items:baseline;gap:8px;min-width:0}.header-suite{font-size:13px;font-weight:600;color:var(--text-3);white-space:nowrap}.header-sep{color:#c4c4d4;font-size:13px}.header-tenant{font-size:16px;font-weight:700;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-tenant-select{padding:4px 8px;font-size:13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-inset);color:var(--text-2)}.header-user{display:flex;align-items:center;gap:12px}.header-email{font-size:13px;color:var(--text-3)}.header-signout{padding:6px 12px;font-size:13px;background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer}.header-signout:hover{background:#e9eaee}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-page);padding:24px}.auth-card{width:360px;max-width:100%;padding:32px}.auth-title{margin:0 0 24px;font-size:22px;font-weight:700;color:var(--text-1)}.auth-label{display:block;margin-bottom:16px;font-size:14px;color:var(--text-2)}.auth-input{display:block;width:100%;margin-top:4px}.auth-button{width:100%;padding:11px 16px;background:var(--bg-sidebar);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer}.auth-button:hover:not(:disabled){background:var(--bg-sidebar-active)}.auth-button:disabled{opacity:.6;cursor:default}.auth-error{padding:8px 12px;margin-bottom:16px;background:var(--status-critical-bg);color:#dc2626;border-radius:var(--radius-sm);font-size:13px}.auth-footer{margin-top:16px;text-align:center;font-size:13px;color:var(--text-3)}.route-fallback{display:flex;align-items:center;justify-content:center;padding:64px 0;min-height:240px}@media(max-width:1024px)and (min-width:769px){.sidebar{width:var(--sidebar-w-rail)}.sidebar-logo-product,.sidebar-section-label,.sidebar-link-label{display:none}.sidebar-logo{padding:0 8px 14px;text-align:center}.sidebar-logo-suite{font-size:15px}.sidebar-link{justify-content:center;gap:0;padding:10px 0;margin:1px 6px}.sidebar-link.active:before{left:-6px}}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0a0a1959}.sidebar-backdrop.open{display:block}.header-hamburger{display:inline-flex}.shell-content{padding:16px}}
