:root{color-scheme:light;--cp-bg: #f7f4ef;--cp-bg-elevated: #fcfbf8;--cp-surface: #ffffff;--cp-surface-soft: #f5f5f5;--cp-border: #dedede;--cp-border-strong: #919191;--cp-text: #242424;--cp-text-muted: #5c5c5c;--cp-text-soft: #6f6f6f;--cp-accent: #b11f4b;--cp-accent-hover: #9a1a41;--cp-accent-soft: rgba(177, 31, 75, .08);--cp-accent-fg: #ffffff;--cp-success: #16a34a;--cp-danger: #dc2626;--cp-warning: #f59e0b;--cp-link: #0078d4;--cp-shadow: 0 18px 48px rgba(0, 0, 0, .12);--cp-overlay: rgba(255, 255, 255, .8);--cp-panel: rgba(255, 255, 255, .86);--cp-panel-strong: rgba(255, 255, 255, .96);--cp-sheen: rgba(255, 255, 255, .55);--cp-highlight: rgba(177, 31, 75, .12)}html[data-theme=dark]{color-scheme:dark;--cp-bg: #3d3b3a;--cp-bg-elevated: #343231;--cp-surface: #292929;--cp-surface-soft: #2e2e2e;--cp-border: #474747;--cp-border-strong: #5f5f5f;--cp-text: #dedede;--cp-text-muted: #919191;--cp-text-soft: #b0b0b0;--cp-accent: #fd8ea1;--cp-accent-hover: #fb7b91;--cp-accent-soft: rgba(253, 142, 161, .14);--cp-accent-fg: #1a1a1a;--cp-success: #4ade80;--cp-danger: #f87171;--cp-warning: #fbbf24;--cp-link: #4da6ff;--cp-shadow: 0 18px 48px rgba(0, 0, 0, .32);--cp-overlay: rgba(41, 41, 41, .88);--cp-panel: rgba(41, 41, 41, .72);--cp-panel-strong: rgba(41, 41, 41, .96);--cp-sheen: rgba(255, 255, 255, .04);--cp-highlight: rgba(253, 142, 161, .12)}html[data-theme=contrast]{color-scheme:light dark;--cp-bg: Canvas;--cp-bg-elevated: Canvas;--cp-surface: Canvas;--cp-surface-soft: Canvas;--cp-border: CanvasText;--cp-border-strong: CanvasText;--cp-text: CanvasText;--cp-text-muted: CanvasText;--cp-text-soft: CanvasText;--cp-accent: LinkText;--cp-accent-hover: LinkText;--cp-accent-soft: Canvas;--cp-accent-fg: Canvas;--cp-link: LinkText;--cp-success: CanvasText;--cp-danger: CanvasText;--cp-warning: CanvasText;--cp-highlight: Canvas}*{box-sizing:border-box}body{margin:0;background:var(--cp-bg);color:var(--cp-text);font-family:Segoe UI,Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--cp-link)}:focus-visible{outline:2px solid var(--cp-accent);outline-offset:3px}.app-root{min-height:100vh;background:var(--cp-bg);color:var(--cp-text);font-family:inherit}.topbar{height:76px;display:flex;align-items:center;gap:32px;padding:12px 24px;background:var(--cp-surface);border-bottom:1px solid var(--cp-border)}.brand{display:flex;align-items:center;gap:12px;min-width:224px;font-size:22px;font-weight:650;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:36px;height:36px}.brand-mark svg{width:36px;height:36px}.global-search{flex:1;max-width:520px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.tenant-select{min-width:200px;font-size:11px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--cp-accent-soft);color:var(--cp-accent);border:1px solid var(--cp-border);display:grid;place-items:center;font-weight:600}.header-actions .avatar{min-width:32px;width:32px;height:32px;padding:0;border-radius:50%}.workspace-layout{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{background:var(--cp-bg-elevated);border-right:1px solid var(--cp-border);display:flex;flex-direction:column;padding:20px 12px}.nav-caption{display:flex;align-items:center;justify-content:space-between;padding:0 4px 20px 12px;color:var(--cp-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;background:var(--cp-bg-elevated);color:var(--cp-text-muted);padding:10px 12px;margin:2px 0;border-radius:.625rem;text-align:left;font-size:13px}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item:hover{background:var(--cp-surface-soft);color:var(--cp-text)}.selected-nav{color:var(--cp-accent);background:var(--cp-accent-soft);font-weight:600}.nav-count{margin-left:auto;font-size:11px}.sidebar-bottom{margin-top:auto;display:flex;padding:24px 12px 0;gap:12px;color:var(--cp-text-muted);font-size:12px}.sidebar-bottom svg{font-size:24px;flex-shrink:0}.sidebar-bottom small{display:block;margin-top:4px;font-size:10px;line-height:1.5}.nav-collapsed{grid-template-columns:76px minmax(0,1fr)}.nav-collapsed .nav-item span,.nav-collapsed .nav-caption>span,.nav-collapsed .sidebar-bottom{display:none}.nav-collapsed .nav-caption{padding-left:0}main{min-width:0;padding:24px 36px 0}.demo-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--cp-border);border-radius:.625rem;background:var(--cp-surface);font-size:12px;color:var(--cp-text-muted)}.demo-bar>span{flex:1}.demo-bar>div:last-child{min-width:180px}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--cp-text-muted);font-size:12px;margin-top:28px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 24px}h1{font-size:clamp(25px,2.2vw,34px);line-height:1.25;letter-spacing:-.8px;margin:0 0 8px;font-weight:600}h2{font-size:18px;font-weight:600;margin:0 0 8px}h3{font-size:15px;font-weight:600;margin:0 0 12px}p{color:var(--cp-text-muted);line-height:1.6;margin:8px 0;font-size:13px}.commandbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--cp-border);color:var(--cp-text-muted);font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.messages{display:flex;flex-direction:column;gap:8px;padding:16px 0 0}.messages:empty{padding:0}.page-content{padding-top:24px;display:flex;flex-direction:column;gap:20px}.setup-card{display:flex!important;flex-direction:row!important;align-items:center;gap:20px!important;padding:20px 24px!important;border:1px solid var(--cp-border)!important;background:var(--cp-bg-elevated)!important}.setup-card>div:nth-child(2){flex:1}.setup-icon{width:52px;height:52px;border:1px solid var(--cp-border);border-radius:16px;color:var(--cp-accent);background:var(--cp-accent-soft);display:grid;place-items:center;font-size:28px}.home-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--cp-text-muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dashboard-card{min-height:180px;padding:24px!important;position:relative;border-radius:16px!important;border:1px solid var(--cp-border)!important;box-shadow:none!important;background:var(--cp-surface)!important}.wide-card{grid-column:span 3}.metric-title{font-size:13px;color:var(--cp-text-muted);display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-value{font-size:clamp(24px,2.3vw,36px);font-weight:600;margin:16px 0 8px;line-height:1.15;letter-spacing:-.8px;color:var(--cp-text);font-variant-numeric:tabular-nums}.metric p{font-size:12px}.split-bar{display:flex;background:var(--cp-border-strong);height:6px;border-radius:8px;overflow:hidden;margin-top:16px}.split-bar span{background:var(--cp-accent)}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-heading h3{margin:0}.card-heading>svg{color:var(--cp-accent)}.mini-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.mini-list button{display:flex;align-items:center;gap:12px;background:var(--cp-surface);color:var(--cp-text);border:0;text-align:left;padding:0;font-size:12px}.mini-list button:hover{color:var(--cp-accent)}.mini-list button>span:nth-child(2){flex:1}.mini-list strong{font-weight:600}.mini-list small{display:block;font-size:10px;color:var(--cp-text-muted);margin-top:4px}.rank{background:var(--cp-surface-soft);padding:6px 8px;border-radius:.625rem;color:var(--cp-text-muted);font-size:11px}.recommendation-link{justify-content:space-between!important;width:100%;font-size:12px!important}.health-line{display:flex;align-items:center;gap:8px;font-size:12px;margin:12px 0}.health-dot{width:8px;height:8px;border-radius:50%;background:var(--cp-text)}.warning-dot{background:var(--cp-danger)}.card-edit{display:flex;justify-content:flex-end;gap:4px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.metric-grid>div{padding:20px}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.two-columns>div{padding:24px}.bars{display:flex;flex-direction:column;gap:20px;margin:24px 0}.bar-row{display:grid;grid-template-columns:160px 1fr 100px;gap:16px;align-items:center;font-size:12px}.bar-row strong{text-align:right;font-weight:600}.bar-track{background:var(--cp-surface-soft);height:12px;border-radius:4px;overflow:hidden}.bar-fill{background:var(--cp-accent);height:100%;border-radius:4px}.bar-1{background:var(--cp-border-strong)}details summary{cursor:pointer;color:var(--cp-text-muted);font-size:12px;padding:8px 0}.plain-table{width:100%;border-collapse:collapse;font-size:12px;margin:12px 0}.plain-table th,.plain-table td{padding:12px 8px;text-align:left;border-bottom:1px solid var(--cp-border)}.plain-table caption{text-align:left;font-weight:600;padding:8px}.grid-card{padding:0!important;border-radius:16px!important;border:1px solid var(--cp-border)!important;overflow:hidden}.grid-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:12px;font-size:12px;color:var(--cp-text-muted)}.table-scroll{overflow:auto;width:100%}.row-link{text-align:left;justify-content:flex-start!important;font-weight:500!important;color:var(--cp-accent)!important;padding-left:0!important}.pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--cp-border);color:var(--cp-text-muted);font-size:12px}.column-chooser{display:flex;flex-wrap:wrap;padding:12px;border-top:1px solid var(--cp-border)}.empty-inline{padding:20px}.plugin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.plugin-grid>div{padding:24px}.form-card{max-width:720px;padding:24px!important;gap:20px!important}.form-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;margin:20px 0}.stepper{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--cp-text-muted);margin-bottom:24px}.stepper span{padding:8px;border-bottom:2px solid var(--cp-border)}.stepper .active-step{color:var(--cp-accent);border-color:var(--cp-accent);font-weight:600}.detail-content{padding:24px 0;display:flex;flex-direction:column;gap:16px}.detail-content h3{margin:8px 0 0}.detail-content dl>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--cp-border)}dt{color:var(--cp-text-muted);font-size:12px}dd{margin:0;text-align:right;font-size:13px}.empty-state{align-items:center;padding:64px 32px!important;text-align:center}.empty-state>svg{font-size:48px;color:var(--cp-accent)}footer{padding:32px 0 24px;color:var(--cp-text-muted);font-size:10px;display:flex;gap:24px;justify-content:space-between}.skip-link{position:absolute;top:-80px;left:20px;z-index:10000;background:var(--cp-surface);padding:12px}.skip-link:focus{top:4px}.fatal{padding:48px}html[data-theme=contrast] .dashboard-card,html[data-theme=contrast] .nav-item{border:1px solid var(--cp-border)!important}@media(max-width:1280px){.topbar{gap:16px}.brand{min-width:180px}.workspace-layout{grid-template-columns:216px minmax(0,1fr)}.nav-collapsed{grid-template-columns:76px minmax(0,1fr)}main{padding:24px 24px 0}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-card{grid-column:span 2}.bar-row{grid-template-columns:110px 1fr 90px;gap:8px}.brand-mark{width:32px;height:32px}}@media(max-width:1023px){.workspace-layout{grid-template-columns:68px minmax(0,1fr)}.nav-item span,.nav-caption>span,.sidebar-bottom{display:none}.nav-caption{padding-left:0}.global-search{display:none!important}.tenant-select{min-width:150px}.demo-bar{flex-wrap:wrap}.demo-bar>div:last-child{width:100%}.two-columns,.metric-grid,.plugin-grid{grid-template-columns:1fr}.setup-card{flex-wrap:wrap}}@media(max-width:680px){.topbar{padding:12px;height:auto;flex-wrap:wrap}.brand{min-width:0;flex:1}.header-actions{margin-left:0}.tenant-select{display:none}main{padding:16px 12px 0}.dashboard-grid{grid-template-columns:1fr}.wide-card{grid-column:span 1}.demo-bar>span{flex-basis:100%}.home-toolbar,footer{flex-direction:column;align-items:flex-start}.commandbar{align-items:flex-start}.bar-row{grid-template-columns:84px 1fr 80px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
