:root{--font-sans: "Inter", "Segoe UI", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-soft: 0 1px 3px rgba(0, 0, 0, .08);--shadow-card: 0 4px 16px rgba(99, 102, 241, .12);--bg: #f8fafc;--bg-elevated: #ffffff;--bg-panel: #f1f5f9;--bg-muted: #e2e8f0;--surface: #ffffff;--surface-soft: #f8fafc;--stroke: #e2e8f0;--stroke-strong: #c7d2fe;--text: #0f172a;--text-muted: #475569;--text-muted-2: #94a3b8;--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #a5b4fc;--secondary: #8b5cf6;--accent: var(--secondary);--warning: #f59e0b;--danger: #ef4444;--success: #10b981;--fx-surface-glow: 0 4px 20px rgba(99, 102, 241, .14);--fx-hover-lift: translateY(-3px) scale(1.005);--fx-panel-blur: none;--fx-accent-gradient: linear-gradient(135deg, rgba(99, 102, 241, .12), rgba(139, 92, 246, .08));--fx-section-reveal-duration: .4s;--control-bg: #ffffff;--control-bg-hover: #f8fafc;--overlay-bg: #ffffff;--overlay-option-hover: rgba(99, 102, 241, .08);--overlay-option-active: rgba(99, 102, 241, .14)}[data-theme=dark]{--bg: #09111f;--bg-elevated: #111c2e;--bg-panel: #162235;--bg-muted: #1e2d42;--surface: #111c2e;--surface-soft: #162235;--stroke: rgba(148, 163, 184, .16);--stroke-strong: rgba(129, 140, 248, .28);--text: #e2e8f0;--text-muted: #94a3b8;--text-muted-2: #64748b;--primary: #818cf8;--primary-dark: #a5b4fc;--primary-light: #6366f1;--secondary: #a78bfa;--accent: var(--secondary);--warning: #fbbf24;--danger: #f87171;--success: #34d399;--shadow-soft: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card: 0 4px 20px rgba(0, 0, 0, .3);--fx-surface-glow: 0 4px 20px rgba(129, 140, 248, .16);--fx-accent-gradient: linear-gradient(135deg, rgba(129, 140, 248, .16), rgba(167, 139, 250, .12));--control-bg: rgba(17, 28, 46, .92);--control-bg-hover: rgba(22, 34, 53, .98);--overlay-bg: #111c2e;--overlay-option-hover: rgba(129, 140, 248, .14);--overlay-option-active: rgba(129, 140, 248, .22)}html,body{margin:0;min-height:100%;font-family:var(--font-sans);background:var(--bg);color:var(--text);transition:background .22s ease,color .22s ease}body{overflow-x:hidden}*{box-sizing:border-box}button,input,textarea,select{font:inherit}input,textarea,select{color:var(--text)}a,p,span,strong,small,h1,h2,h3{overflow-wrap:anywhere}.mat-mdc-form-field{width:100%}.mat-mdc-text-field-wrapper{background:var(--control-bg)!important}.mat-mdc-form-field:hover .mat-mdc-text-field-wrapper{background:var(--control-bg-hover)!important}.mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label,.mat-mdc-form-field .mat-mdc-select-value,.mat-mdc-form-field input.mat-mdc-input-element,.mat-mdc-form-field textarea.mat-mdc-input-element{color:var(--text)!important}.mat-mdc-form-field .mat-mdc-form-field-icon-suffix,.mat-mdc-form-field .mat-mdc-select-arrow,.mat-mdc-form-field .mat-mdc-select-placeholder,.mat-mdc-form-field .mat-mdc-select-min-line{color:var(--text-muted)!important}.mat-mdc-form-field .mdc-notched-outline__leading,.mat-mdc-form-field .mdc-notched-outline__notch,.mat-mdc-form-field .mdc-notched-outline__trailing{border-color:var(--stroke)!important}.mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing{border-color:var(--primary)!important}.cdk-overlay-pane{max-width:min(100vw - 24px,1000px)!important}.mat-mdc-select-panel,.mat-mdc-menu-panel{background:var(--overlay-bg)!important;color:var(--text)!important;border:1px solid var(--stroke)!important;border-radius:12px!important;box-shadow:0 8px 24px #0000001f!important}.mat-mdc-option{color:var(--text)!important}.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option.mdc-list-item--focus{background:var(--overlay-option-hover)!important}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled),.mat-mdc-option:active:not(.mdc-list-item--disabled){background:var(--overlay-option-active)!important}.mat-mdc-option .mdc-list-item__primary-text,.mat-mdc-menu-item .mat-mdc-menu-item-text{color:var(--text)!important}.mat-mdc-menu-item:hover:not([disabled]){background:var(--overlay-option-hover)!important}.mat-mdc-button,.mat-mdc-unelevated-button,.mat-mdc-outlined-button{font-weight:600}.mat-icon,.material-symbols-outlined{font-family:Material Symbols Outlined!important;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}.page-shell{padding:24px;position:relative;z-index:1;min-width:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.page-header>*{min-width:0}.page-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.page-actions>*{min-width:0}.card-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.card-span-3,.card-span-4,.card-span-5,.card-span-6,.card-span-7,.card-span-8,.card-span-12{grid-column:span 12}.page-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-soft);min-width:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.panel-card{background:var(--bg-panel);border:1px solid var(--stroke);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.auth-context,.workspace-context,.commerce-context,.growth-context{position:relative;isolation:isolate}.section-title{margin:0 0 8px;font-size:clamp(24px,2.5vw,32px);font-weight:800;letter-spacing:-.03em}.section-subtitle{margin:0;color:var(--text-muted);max-width:720px;line-height:1.6}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.metric-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-size:12px;font-weight:600}.badge-popular{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--primary);color:#fff;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.reveal-up{opacity:0;transform:translateY(14px);animation:reveal-up var(--fx-section-reveal-duration) cubic-bezier(.22,1,.36,1) forwards}.reveal-delay-1{animation-delay:60ms}.reveal-delay-2{animation-delay:.12s}.reveal-delay-3{animation-delay:.18s}.reveal-delay-4{animation-delay:.24s}.hover-lift{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hover-lift:hover,.hover-lift:focus-visible{transform:var(--fx-hover-lift);box-shadow:var(--shadow-card);border-color:var(--stroke-strong)}.status-fade{animation:status-fade .2s ease}.metric-rise{animation:metric-rise .5s cubic-bezier(.22,1,.36,1)}.route-stage{animation:route-enter .3s cubic-bezier(.22,1,.36,1)}.card-accent{position:relative;overflow:hidden}.card-accent:after{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.7}.table-shell{overflow-x:auto;border-radius:8px;border:1px solid var(--stroke);background:var(--surface);--table-divider: var(--stroke);--table-header-bg: var(--bg-panel);--table-row-hover: color-mix(in srgb, var(--primary) 5%, transparent);transition:border-color .2s ease}.table-shell:hover,.table-shell:focus-within{border-color:var(--stroke-strong)}.table-shell table.mat-mdc-table{background:transparent!important;color:var(--text)}.table-shell .mat-mdc-header-row,.table-shell .mdc-data-table__header-row{background:var(--table-header-bg);position:sticky;top:0;z-index:2}.table-shell th.mat-mdc-header-cell,.table-shell th.mdc-data-table__header-cell{color:var(--text-muted)!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.table-shell td.mat-mdc-cell,.table-shell td.mdc-data-table__cell{color:var(--text)!important}.table-shell .mdc-data-table__cell,.table-shell .mdc-data-table__header-cell,.table-shell .mat-mdc-row,.table-shell .mat-mdc-header-row{border-bottom-color:var(--table-divider)!important}.table-shell .mat-mdc-row:nth-child(2n){background:var(--bg-panel)}.table-shell .mat-mdc-row:not(.table-row):hover,.table-shell .mdc-data-table__row:not(.table-row):hover{background:var(--table-row-hover)}.soft-divider{height:1px;background:var(--stroke);margin:16px 0}.stat-skeleton,.line-skeleton{position:relative;overflow:hidden;background:var(--bg-muted)}.stat-skeleton:after,.line-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 1.35s infinite}.stat-skeleton{height:120px;border-radius:12px}.line-skeleton{height:14px;border-radius:999px}.line-skeleton.short{width:45%}.glass-button{border-radius:8px;border:1px solid var(--stroke);background:transparent;transition:background .18s ease,border-color .18s ease}.glass-button:hover,.glass-button:focus-visible{border-color:var(--stroke-strong);background:var(--bg-panel)}.context-section{position:relative}.soft-card-grid{display:grid;gap:12px}.mobile-only{display:none!important}.desktop-only{display:block!important}@keyframes shimmer{to{transform:translate(100%)}}@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}@keyframes status-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes metric-rise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes route-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:640px){.card-span-3,.card-span-4,.card-span-5,.card-span-6{grid-column:span 6}.card-span-7,.card-span-8{grid-column:span 12}}@media(min-width:1024px){.page-shell{padding:32px}.card-span-3{grid-column:span 3}.card-span-4{grid-column:span 4}.card-span-5{grid-column:span 5}.card-span-6{grid-column:span 6}.card-span-7{grid-column:span 7}.card-span-8{grid-column:span 8}}@media(max-width:767px){.page-shell{padding:16px}.page-header{flex-direction:column}.page-actions{width:100%}.page-actions>*{flex:1 1 100%}.mobile-only{display:block!important}.desktop-only{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal-up,.metric-rise,.route-stage,.status-fade{opacity:1!important;transform:none!important}}