:root{color-scheme:light;--bg: #F7F6F2;--surface: #FFFFFF;--brand: #234BE8;--brand-hover: #1938B7;--brand-soft: #EEF2FF;--accent: #FF7849;--accent-ink: #C2410C;--text: #20252D;--text-secondary: #697386;--line: #E7E8ED;--success: #17845D;--warning: #B96A13;--error: #D64242;--success-ink: #11694A;--warning-ink: #8F4F0B;--error-ink: #B83232;--success-soft: #E8F5EF;--warning-soft: #FDF1E3;--error-soft: #FCEBEB;--info: #2F6FB0;--bg-subtle: #EFEEE9;--surface-card: var(--surface);--surface-hover: #F3F4F8;--line-subtle: #EFF0F4;--line-strong: #D5D8E0;--muted: #5F6879;--text-strong: var(--text);--text-soft: #3C4452;--accent-text: var(--brand);--font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-display: 2.25rem;--fs-h2: 1.625rem;--fs-h3: 1.25rem;--fs-kpi: 2.25rem;--fs-body: 1rem;--fs-sm: .9375rem;--fs-xs: .875rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--font-base: 16px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-card: var(--radius-lg);--radius-btn: 10px;--tenant-radius: 16px;--shadow-xs: 0 1px 2px rgba(32, 37, 45, .04);--shadow-sm: 0 1px 3px rgba(32, 37, 45, .06), 0 1px 2px rgba(32, 37, 45, .04);--shadow-md: 0 10px 28px -10px rgba(32, 37, 45, .16);--shadow: var(--shadow-md);--shadow-glass: var(--shadow-sm);--focus-ring: 0 0 0 3px rgba(35, 75, 232, .28);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--transition-interactive: background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);--indigo: var(--brand);--violet: var(--brand);--indigo-light: var(--brand);--indigo-dark: var(--brand-hover);--cyan: var(--info);--green: var(--success-ink);--amber: var(--warning-ink);--rose: var(--error-ink);--sidebar-w: 18rem;--sidebar-bg: var(--surface);--topbar-bg: var(--bg);--ctl-bg: var(--surface);--ctl-bg-hover: var(--brand-soft);--ctl-border-hover: #B7C3F7;--nav-text: #4A5365;--nav-hover-bg: #F0F1F5;--nav-active-bg: var(--brand-soft);--nav-active-border: transparent;--chart-1: var(--brand);--chart-2: #E8612F;--chart-grid: var(--line);--chart-axis: var(--text-secondary);--chart-axis-line: var(--line-strong);--chart-surface: #FFFFFF;--chart-band: rgba(35, 75, 232, .06);--tooltip-bg: #FFFFFF}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-size:16px;line-height:1.6;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font-family:var(--font-sans)}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#234be82e;color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#bfc4d0}html[dir=rtl] body{font-family:var(--font-sans)}html[dir=rtl] .page-host{direction:rtl}html[data-density=compact] .page-host{padding-top:22px}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--brand);outline-offset:2px}:where(input,select,textarea):focus-visible{outline-offset:0;box-shadow:var(--focus-ring)}:where(h1){font-size:var(--fs-display);font-weight:var(--fw-bold);letter-spacing:-.03em;line-height:1.15;color:var(--text)}:where(h2){font-size:var(--fs-h2);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:1.25;color:var(--text)}:where(h3){font-size:var(--fs-h3);font-weight:var(--fw-semibold);letter-spacing:-.012em;line-height:1.35;color:var(--text)}.panel,.glass-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--line-strong);border-radius:var(--radius-btn);background:var(--surface);color:var(--text);font-weight:var(--fw-semibold);text-decoration:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:hover{background:var(--surface-hover);border-color:#bfc4d0}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-soft)}.btn-ghost:hover{background:var(--nav-hover-bg);border-color:transparent}.btn-danger{background:var(--error-ink);border-color:var(--error-ink);color:#fff}.chip-status{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);background:var(--bg-subtle);color:var(--text-soft)}.chip-status.success{background:var(--success-soft);color:var(--success-ink)}.chip-status.warning{background:var(--warning-soft);color:var(--warning-ink)}.chip-status.error{background:var(--error-soft);color:var(--error-ink)}.chip-status.info{background:var(--brand-soft);color:var(--brand-hover)}.chip-status.selected{background:var(--accent);color:var(--text)}.action-icon{display:inline-flex;align-items:center;justify-content:center;min-width:1em;margin-inline-end:.2em;font-weight:900;line-height:1}.tnum,.num,.amount{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{font-size:var(--font-base)}small,.small,.micro,.caption{font-size:var(--fs-xs)!important;line-height:1.45}.eyebrow,.overline{font-size:var(--fs-xs)!important;font-weight:var(--fw-semibold)!important;letter-spacing:0!important;text-transform:none!important;color:var(--brand)}p{font-size:var(--fs-body)!important;line-height:1.65!important}label{font-size:var(--fs-sm)!important;font-weight:var(--fw-semibold)!important}input,select,textarea,button{font-size:var(--fs-sm)!important}.stat strong,.metric-card strong,.score-card strong{font-size:var(--fs-kpi)!important;font-weight:var(--fw-bold);letter-spacing:-.025em;font-variant-numeric:tabular-nums}.stat span,.metric-head,.score-card span{font-size:var(--fs-sm)!important;font-weight:var(--fw-semibold)}.stat small,.metric-foot,.score-card small{font-size:var(--fs-xs)!important}table th{font-size:var(--fs-xs)!important;font-weight:var(--fw-semibold)!important;color:var(--text-secondary);text-transform:none;letter-spacing:0}table td{font-size:var(--fs-sm)!important;font-variant-numeric:tabular-nums}.tabbar button,nav.tabs button,.tabs button{font-size:var(--fs-sm)!important;padding:10px 18px!important}.sidebar nav a{font-size:var(--fs-body)!important}.sidebar nav a.active{box-shadow:inset 3px 0 0 var(--accent);color:var(--brand-hover)}.sidebar .brand-row strong{font-size:1.25rem!important;letter-spacing:-.02em}.sidebar .brand-row small,.sidebar .profile-row small{font-size:var(--fs-xs)!important}.sidebar .profile-row strong,.sidebar-card strong{font-size:var(--fs-sm)!important}.sidebar-card p{font-size:var(--fs-xs)!important;line-height:1.5!important}.live-badge{font-size:var(--fs-xs)!important}.topbar .search-pill input{font-size:var(--fs-sm)!important}.seg{display:inline-flex;gap:4px;padding:4px;border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--line)}.seg button{height:30px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:var(--fs-xs)!important;font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.seg button:hover:not(.active){color:var(--text);background:#ffffffb3}.seg button.active{background:var(--surface);color:var(--brand-hover);box-shadow:var(--shadow-sm),inset 0 -2px 0 var(--accent)}.backdrop,.modal-backdrop{background:#20252d6b}@keyframes motion-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes motion-fade-out{to{opacity:0}}.motion-rise{animation:motion-rise var(--dur-slow) var(--ease-out) both}.motion-stagger>*{animation:motion-rise var(--dur-slow) var(--ease-out) both}.motion-stagger>:nth-child(2){animation-delay:40ms}.motion-stagger>:nth-child(3){animation-delay:80ms}.motion-stagger>:nth-child(4){animation-delay:.12s}.motion-stagger>:nth-child(5){animation-delay:.16s}.motion-stagger>:nth-child(6){animation-delay:.2s}.motion-stagger>:nth-child(7){animation-delay:.24s}.motion-stagger>:nth-child(8){animation-delay:.28s}.motion-stagger>:nth-child(n+9){animation-delay:.32s}.page-host{view-transition-name:page-content}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(page-content){animation:motion-fade-out var(--dur-fast) var(--ease-out) both}::view-transition-new(page-content){animation:motion-rise var(--dur-base) var(--ease-out) both}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{background:radial-gradient(900px 420px at 88% -8%,rgba(35,75,232,.07),transparent 62%),radial-gradient(700px 360px at -5% 105%,rgba(255,120,73,.06),transparent 60%),var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.sidebar{--sidebar-bg: linear-gradient(180deg, #151C3C 0%, #0D1330 100%);--text: #F5F7FC;--text-strong: #F5F7FC;--text-soft: #D5DBEC;--muted: #AAB4CF;--nav-text: #C5CDE4;--nav-hover-bg: rgba(255, 255, 255, .08);--nav-active-bg: rgba(255, 255, 255, .14);--nav-active-border: transparent;--line: rgba(255, 255, 255, .12);--accent-text: #FFB590;--surface-card: rgba(255, 255, 255, .06);--shadow-glass: none;--ctl-bg: rgba(255, 255, 255, .08);--ctl-bg-hover: rgba(255, 255, 255, .16);--ctl-border-hover: rgba(255, 255, 255, .28);border-right-color:transparent;box-shadow:8px 0 32px -16px #0d133080}.sidebar nav a.active{color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.sidebar nav a.active:before{background:var(--accent)}.sidebar nav a{min-height:46px}.panel,.glass-card{box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.panel:hover,.glass-card:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong)}.stat strong,.metric-card strong,.score-card strong{line-height:1.1}table th{background:var(--bg-subtle);padding:14px 16px;text-align:start}table td{padding:14px 16px;line-height:1.5}table tbody tr{transition:background var(--dur-fast) var(--ease-out)}table tbody tr:hover td{background:var(--surface-hover)}.btn{min-height:44px;padding:0 20px}.btn-primary{box-shadow:0 6px 16px -8px #234be8b3}.btn-primary:hover{transform:translateY(-1px)}@media(pointer:coarse){button,.btn,select,input:not([type=checkbox]):not([type=radio]){min-height:44px}}@media(max-width:720px){:root{--fs-display: 1.75rem;--fs-h2: 1.375rem;--fs-h3: 1.125rem;--fs-kpi: 1.875rem}}:root{--navy-950: #0D1330;--navy-900: #151C3C;--navy-800: #1E2750;--violet: #7C5CFC;--teal: #0FA89A;--gold: #F5B83D;--chart-3: #0FA89A;--chart-4: #7C5CFC;--chart-5: #F5B83D;--chart-6: #E5484D;--grad-brand: linear-gradient(135deg, #234BE8 0%, #7C5CFC 100%);--grad-accent: linear-gradient(135deg, #FF7849 0%, #F5B83D 100%);--grad-navy: radial-gradient(900px 420px at 85% -10%, rgba(124, 92, 252, .45), transparent 60%), radial-gradient(700px 380px at 5% 110%, rgba(255, 120, 73, .28), transparent 62%), linear-gradient(160deg, #151C3C 0%, #0D1330 100%)}@keyframes wc-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-24px,18px,0) scale(1.08)}}@keyframes wc-spin{to{transform:rotate(360deg)}}@keyframes wc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes wc-pulse{0%,to{box-shadow:0 0 #0fa89a80}50%{box-shadow:0 0 0 7px #0fa89a00}}.sidebar:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(260px 220px at 100% 0%,rgba(124,92,252,.35),transparent 70%),radial-gradient(240px 240px at 0% 100%,rgba(255,120,73,.22),transparent 70%)}.sidebar nav a .nav-icon{width:36px;height:36px;padding:8px;border-radius:11px;--tile: 35, 75, 232;--tile-ink: #9DB4FF;color:var(--tile-ink);background:rgba(var(--tile),.22);transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.sidebar nav a:nth-child(6n+2) .nav-icon{--tile: 124, 92, 252;--tile-ink: #C4B5FF}.sidebar nav a:nth-child(6n+3) .nav-icon{--tile: 15, 168, 154;--tile-ink: #6EE7D8}.sidebar nav a:nth-child(6n+4) .nav-icon{--tile: 255, 120, 73;--tile-ink: #FFB590}.sidebar nav a:nth-child(6n+5) .nav-icon{--tile: 245, 184, 61;--tile-ink: #FCDC8A}.sidebar nav a:nth-child(6n) .nav-icon{--tile: 229, 72, 77;--tile-ink: #FFA3A6}.sidebar nav a:hover .nav-icon{transform:scale(1.08) rotate(-4deg)}.sidebar nav a.active .nav-icon{color:#fff;background:rgba(var(--tile),.95);box-shadow:0 8px 18px -8px rgba(var(--tile),.9)}.sidebar .live-badge i{animation:wc-pulse 2.4s ease-out infinite}.empty-state:before,.empty-result:before{content:"";display:block;width:150px;height:112px;margin:0 auto 14px;animation:wc-float 5s var(--ease-in-out) infinite;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23234BE8'/%3E%3Cstop offset='1' stop-color='%237C5CFC'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='80' cy='109' rx='52' ry='7' fill='%23234BE8' opacity='.1'/%3E%3Crect x='34' y='22' width='92' height='76' rx='12' fill='white' stroke='%23D7DCF0' stroke-width='2'/%3E%3Crect x='46' y='34' width='38' height='7' rx='3.5' fill='%23E3E8FB'/%3E%3Crect x='46' y='47' width='60' height='5' rx='2.5' fill='%23EEF1FC'/%3E%3Crect x='50' y='66' width='11' height='22' rx='3' fill='url(%23g)'/%3E%3Crect x='69' y='58' width='11' height='30' rx='3' fill='url(%23g)' opacity='.75'/%3E%3Crect x='88' y='72' width='11' height='16' rx='3' fill='url(%23g)' opacity='.5'/%3E%3Ccircle cx='120' cy='30' r='15' fill='%23FF7849'/%3E%3Cpath d='M120 20l3.5 8.5L132 32l-8.5 3.5L120 44l-3.5-8.5L108 32l8.5-3.5z' fill='white'/%3E%3Ccircle cx='27' cy='48' r='4' fill='%230FA89A'/%3E%3Ccircle cx='139' cy='86' r='3' fill='%23F5B83D'/%3E%3C/svg%3E") center / contain no-repeat}.empty-result:before{width:190px;height:142px}.stat,.metric-card,.score-card{box-shadow:inset 0 3px 0 var(--brand),var(--shadow-sm)}.stat:nth-child(4n+2),.metric-card:nth-child(4n+2),.score-card:nth-child(4n+2){box-shadow:inset 0 3px 0 var(--accent),var(--shadow-sm)}.stat:nth-child(4n+3),.metric-card:nth-child(4n+3),.score-card:nth-child(4n+3){box-shadow:inset 0 3px 0 var(--teal),var(--shadow-sm)}.stat:nth-child(4n),.metric-card:nth-child(4n),.score-card:nth-child(4n){box-shadow:inset 0 3px 0 var(--violet),var(--shadow-sm)}.skeleton{min-height:1em;border-radius:var(--radius-sm);color:transparent!important;background:linear-gradient(90deg,var(--bg-subtle) 25%,#fff 50%,var(--bg-subtle) 75%) 0 0 / 200% 100%;animation:wc-shimmer 1.4s linear infinite}.btn-primary,.primary-button{background:var(--grad-brand);border-color:transparent}.btn-primary:hover,.primary-button:hover{filter:brightness(1.08)}:root{--font-display: "Sora", "Plus Jakarta Sans", system-ui, sans-serif}h1,h2,.sidebar .brand-row strong,.metric-card strong,.stat strong,.score-card strong,.health-core strong{font-family:var(--font-display)}h1,h2{letter-spacing:-.025em}body{background:radial-gradient(circle at 1px 1px,rgba(21,28,60,.055) 1px,transparent 1.6px) 0 0 / 26px 26px,radial-gradient(900px 420px at 88% -8%,rgba(35,75,232,.08),transparent 62%),radial-gradient(700px 360px at -5% 105%,rgba(255,120,73,.07),transparent 60%),var(--bg)}.topbar{background:#ffffffb8;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid rgba(21,28,60,.06)}.sidebar .brand-mark{box-shadow:0 0 0 3px #ffffff14,0 12px 26px -8px #7c5cfcd9}.sidebar-card{background:linear-gradient(160deg,#7c5cfc4d,#ff784924);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff1f}table thead th:first-child{border-top-left-radius:12px}table thead th:last-child{border-top-right-radius:12px}.panel{border-radius:20px}.page-host :is(.hero,.finance-hero,.launch-hero,.brain-hero,.demo-hero):not(.x1):not(.x2){position:relative;overflow:hidden;isolation:isolate;border-color:transparent;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.09) 1px,transparent 1.6px) 0 0 / 22px 22px,var(--grad-navy);box-shadow:0 24px 48px -28px #0d1330b3}.page-host :is(.hero,.finance-hero,.launch-hero,.brain-hero,.demo-hero) :is(h1,h2){color:#fff;font-family:var(--font-display)}.page-host :is(.hero,.finance-hero,.launch-hero,.brain-hero,.demo-hero)>:is(.hero-copy,div:first-child) :is(p,span,small,li):not(h1 *):not(.eyebrow):not(.overline):not(.eyebrow *):not(button *):not(a *){color:#c9d1ea}.page-host :is(.hero,.finance-hero,.launch-hero,.brain-hero,.demo-hero) :is(.eyebrow,.overline){color:#ffb590}.page-host :is(.hero,.finance-hero,.launch-hero,.brain-hero,.demo-hero) h1 :is(span,b,em){background:linear-gradient(90deg,#9db4ff,#ffb590);-webkit-background-clip:text;background-clip:text;color:transparent}.page-host :is(.hero,.finance-hero,.launch-hero,.brain-hero,.demo-hero) :is(.primary,.primary-button,.btn-primary,.ai-button){background:var(--grad-accent);color:#1a1205;border-color:transparent;box-shadow:0 10px 22px -10px #ff7849cc}.page-host :is(.hero,.finance-hero,.launch-hero,.brain-hero,.demo-hero) :is(.secondary,.ghost,.soft-button){background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.28)}:root{--ease-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-enter: .62s}@keyframes wc-enter{0%{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}@keyframes wc-reveal{0%{opacity:0;transform:translateY(32px) scale(.985)}to{opacity:1;transform:none}}@keyframes wc-pop{0%{opacity:0;transform:scale(.82)}60%{transform:scale(1.04)}to{opacity:1;transform:none}}@keyframes wc-bar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes wc-leave{to{opacity:0;transform:translateY(-8px) scale(.995)}}.page-host>*>*:not(.toast):not(.backdrop):not(.modal-backdrop){animation:wc-enter var(--dur-enter) var(--ease-expo) both}.page-host>*>:nth-child(2){animation-delay:60ms}.page-host>*>:nth-child(3){animation-delay:.12s}.page-host>*>:nth-child(4){animation-delay:.18s}.page-host>*>:nth-child(5){animation-delay:.24s}.page-host>*>:nth-child(6){animation-delay:.28s}.page-host>*>:nth-child(n+7){animation-delay:.32s}.metric-grid>*{animation:wc-pop .56s var(--ease-spring) both}.metric-grid>:nth-child(2){animation-delay:80ms}.metric-grid>:nth-child(3){animation-delay:.16s}.metric-grid>:nth-child(4){animation-delay:.24s}.metric-grid>:nth-child(n+5){animation-delay:.3s}::view-transition-old(page-content){animation:wc-leave .15s var(--ease-out) both}::view-transition-new(page-content){animation:wc-enter .46s var(--ease-expo) both}@supports (animation-timeline: view()){.page-host>*>:nth-child(n+5):not(.toast):not(.backdrop):not(.modal-backdrop){animation:wc-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 45%;animation-delay:0ms}}:where(button,.btn,.primary,.secondary,.ghost,.primary-button,.soft-button,.submit-btn,.icon-button,.quick-action,.metric-card,a.panel){transition-property:transform,box-shadow,background-position,background-color,border-color,filter,color;transition-duration:.22s;transition-timing-function:var(--ease-expo)}:where(button,.btn,.primary,.secondary,.ghost,.primary-button,.soft-button,.submit-btn,.icon-button,.quick-action):not(:disabled):active{transform:scale(.96);transition-duration:90ms;transition-timing-function:var(--ease-spring)}.metric-card:active{transform:translateY(-1px) scale(.985)}.btn-primary,.primary-button,.submit-btn{background:linear-gradient(110deg,#234be8,#7c5cfc 48%,#234be8) 0 0 / 220% 100%;transition:background-position .7s var(--ease-expo),transform .22s var(--ease-expo),box-shadow .22s var(--ease-expo),filter .22s var(--ease-expo)}.btn-primary:hover,.primary-button:hover,.submit-btn:hover:not(:disabled){background-position:100% 0;filter:none}.sidebar nav a span{transition:transform .26s var(--ease-expo)}.sidebar nav a:hover span{transform:translate(4px)}.sidebar nav a.active:before{transform-origin:center;animation:wc-bar .52s var(--ease-spring) both}:focus-visible{transition:outline-offset .16s var(--ease-out)}.empty-state:before,.empty-result:before{animation:wc-pop .7s var(--ease-spring) both,wc-float 5s .7s var(--ease-in-out) infinite}@media(prefers-reduced-motion:reduce){.page-host>*>*,.metric-grid>*,.sidebar nav a.active:before{animation:none!important}.btn-primary,.primary-button,.submit-btn{transition:none}}.overline:before{content:"";display:inline-block;width:18px;height:3px;margin-inline-end:8px;vertical-align:middle;border-radius:2px;background:var(--grad-accent)}.page-host :is(.stats-grid,.kpis,.stats,.stat-grid,.tenant-stats)>*:not(.zz1):not(.zz2){--mc: 35, 75, 232;position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--line);background:radial-gradient(190px 150px at 100% 0%,rgba(var(--mc),.14),transparent 70%),linear-gradient(180deg,#fff,#fafbff);box-shadow:inset 0 3px rgb(var(--mc)),var(--shadow-sm);transition:transform var(--dur-base) var(--ease-expo),box-shadow var(--dur-base) var(--ease-expo)}.page-host :is(.stats-grid,.kpis,.stats,.stat-grid,.tenant-stats)>:nth-child(4n+2):not(.zz1):not(.zz2){--mc: 255, 120, 73}.page-host :is(.stats-grid,.kpis,.stats,.stat-grid,.tenant-stats)>:nth-child(4n+3):not(.zz1):not(.zz2){--mc: 15, 168, 154}.page-host :is(.stats-grid,.kpis,.stats,.stat-grid,.tenant-stats)>:nth-child(4n):not(.zz1):not(.zz2){--mc: 124, 92, 252}.page-host :is(.stats-grid,.kpis,.stats,.stat-grid,.tenant-stats)>*:hover:not(.zz1):not(.zz2){transform:translateY(-4px);box-shadow:inset 0 3px rgb(var(--mc)),0 22px 40px -22px rgba(var(--mc),.55)}.page-host :is(.stats-grid,.kpis,.stats,.stat-grid,.tenant-stats)>*>strong:not(.zz1):not(.zz2){font-family:var(--font-display);font-size:var(--fs-kpi)!important;letter-spacing:-.035em;line-height:1.1;font-variant-numeric:tabular-nums}.page-host :is(.stats-grid,.kpis,.stats,.stat-grid,.tenant-stats)>*>span:first-child:not(.zz1):not(.zz2){color:var(--text-secondary);font-weight:700}.page-host :is(.tabs,.tabbar):not(.zz1):not(.zz2){display:flex;gap:6px;padding:6px;overflow:auto;border-radius:18px;background:var(--bg-subtle);border:1px solid var(--line);box-shadow:none;scrollbar-width:none}.page-host :is(.tabs,.tabbar) button:not(.zz1):not(.zz2){display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:11px 18px;border:0;border-radius:13px;background:transparent;color:var(--text-secondary);font-weight:700;cursor:pointer;transition:background var(--dur-base) var(--ease-expo),color var(--dur-base) var(--ease-expo),box-shadow var(--dur-base) var(--ease-expo),transform var(--dur-base) var(--ease-expo)}.page-host :is(.tabs,.tabbar) button:hover:not(.zz1):not(.zz2){background:#234be814;color:var(--brand)}.page-host :is(.tabs,.tabbar) button.active:not(.zz1):not(.zz2){background:var(--grad-brand);color:#fff;box-shadow:0 12px 22px -12px #234be8d9}.page-host :is(.tabs,.tabbar) button b:not(.zz1):not(.zz2){display:inline-grid;place-items:center;min-width:26px;padding:0 8px;border-radius:999px;background:#151c3c14;font-size:var(--fs-xs);font-weight:700}.page-host :is(.tabs,.tabbar) button.active b:not(.zz1):not(.zz2){background:#ffffff42;color:#fff}.page-host .table-wrap:not(.zz1):not(.zz2){overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.page-host .table-wrap table:not(.zz1):not(.zz2){width:100%;border-collapse:separate;border-spacing:0}.page-host .table-wrap th:not(.zz1):not(.zz2){position:sticky;top:0;z-index:1;background:var(--bg-subtle);border-bottom:1px solid var(--line)}.page-host .table-wrap td:not(.zz1):not(.zz2){border-bottom:1px solid var(--line-subtle, var(--line))}.page-host .table-wrap tbody tr:last-child td:not(.zz1):not(.zz2){border-bottom:0}.page-host .status:not(.zz1):not(.zz2){display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;font-size:var(--fs-xs);font-weight:700;text-transform:capitalize;background:var(--bg-subtle);color:var(--text-secondary)}:where(button,.btn,.primary,.secondary,.ghost,.primary-button,.soft-button,.submit-btn,[role=button]){font-family:var(--font-sans)!important;font-size:var(--fs-sm)!important;font-weight:var(--fw-semibold)!important;letter-spacing:-.01em;border-radius:12px;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),filter var(--dur-fast) var(--ease-out)}:where(button,.btn,.primary,.secondary,.ghost,.primary-button,.soft-button,.submit-btn,[role=button]):not(.tabs button):not(.tabbar button):not(.seg button):not(.icon-button):not(.logout-button):not(.menu):not(.language-button):not(.notification-button):not(.backdrop):not(.close):not(.remove):not(.icon-only):not(.attendance-actions button):not(.task-list button):not(.payroll-run){min-height:44px!important;padding:0 18px!important;border-radius:12px!important}:where(button,.btn,.primary,.secondary,.ghost,.primary-button,.soft-button,.submit-btn,[role=button]):focus-visible{outline:2px solid var(--brand);outline-offset:2px}:where(button,.btn,.primary,.secondary,.ghost,.primary-button,.soft-button,.submit-btn,[role=button]):disabled,:where(button,.btn,.primary,.secondary,.ghost,.primary-button,.soft-button,.submit-btn,[role=button])[aria-disabled=true]{cursor:not-allowed;opacity:.58;transform:none}.page-host .status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.page-host :is(.status.active,.status.present,.status.approved,.status.posted,.status.paid,.status.completed,.status.accepted,.status.received,.status.won,.status.sent):not(.zz1):not(.zz2){color:var(--success-ink);background:var(--success-soft)}.page-host :is(.status.pending,.status.pending_approval,.status.draft,.status.late,.status.on_leave,.status.paused,.status.partial,.status.medium,.status.trial):not(.zz1):not(.zz2){color:var(--warning-ink);background:var(--warning-soft)}.page-host :is(.status.absent,.status.inactive,.status.rejected,.status.overdue,.status.cancelled,.status.expired,.status.suspended):not(.zz1):not(.zz2){color:var(--error-ink);background:var(--error-soft)}.page-host :is(.status.open,.status.scheduled,.status.screening):not(.zz1):not(.zz2){color:var(--brand);background:var(--brand-soft)}.page-host :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):not(.zz1):not(.zz2){border-radius:12px;border:1px solid var(--line-strong);background:#fff;transition:border-color var(--dur-base) var(--ease-expo),box-shadow var(--dur-base) var(--ease-expo)}.page-host :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):hover:not(.zz1):not(.zz2){border-color:#234be873}.page-host :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):focus:not(.zz1):not(.zz2){border-color:var(--brand);box-shadow:0 0 0 4px #234be824;outline:none}.page-host [class*=-card]:not(.chart-card):not(.table-card):not(.sidebar-card){transition:transform var(--dur-base) var(--ease-expo),box-shadow var(--dur-base) var(--ease-expo),border-color var(--dur-base) var(--ease-expo)}.page-host :is(.employee-card,.customer-card,.product-card,.supplier-card,.template-card,.doc-card,.rule-card,.plan-card,.tenant-card,.po-card,.return-card,.runbook-card,.section-card):hover:not(.zz1):not(.zz2){transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#234be84d}.page-host .avatar:not(.zz1):not(.zz2){background:var(--grad-brand);color:#fff;font-weight:700;box-shadow:0 8px 16px -8px #234be8b3}html body button:not(.icon-button):not(.logout-button):not(.menu):not(.kebab):not(.close):not(.remove):not(.icon-only):not(.backdrop),html body [role=button]:not(.icon-button):not(.icon-only),html body a.btn,html body a.primary-button,html body a.soft-button{font-size:15px!important;font-weight:700!important;letter-spacing:-.01em;line-height:1.25}@media(max-width:600px){html body button:not(.icon-button):not(.logout-button):not(.menu):not(.kebab):not(.close):not(.remove):not(.icon-only):not(.backdrop),html body [role=button]:not(.icon-button):not(.icon-only),html body a.btn,html body a.primary-button,html body a.soft-button{font-size:14px!important}}