:root{--color-primary: #1d231c;--color-primary-dark: #121612;--color-primary-light: #2b332a;--color-accent: #C05D2D;--color-accent-light: #D67A4E;--color-accent-dark: #9A4A24;--color-cta: #C05D2D;--color-cta-hover: #A64F26;--color-text: #0f172a;--color-text-light: #475569;--color-text-muted: #94a3b8;--color-bg: #ffffff;--color-bg-alt: #f8fafc;--color-bg-dark: #0f172a;--color-border: #e2e8f0;--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--color-info: #3b82f6;--color-neutral: #475569;--status-success-bg: rgba(34, 197, 94, .1);--status-success-text: #22c55e;--status-info-bg: rgba(59, 130, 246, .1);--status-info-text: #3b82f6;--status-warning-bg: rgba(234, 179, 8, .1);--status-warning-text: #eab308;--status-error-bg: rgba(239, 68, 68, .1);--status-error-text: #ef4444;--status-neutral-bg: rgba(71, 85, 105, .1);--status-neutral-text: #475569;--status-accent-bg: rgba(192, 93, 45, .1);--status-accent-text: #C05D2D;--status-purple-bg: rgba(168, 85, 247, .1);--status-purple-text: #a855f7;--glass-bg: rgba(255, 255, 255, .92);--glass-bg-dark: rgba(15, 23, 42, .95);--glass-blur: 16px;--glass-border: rgba(255, 255, 255, .25);--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.75rem;--text-5xl: 3.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .16);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--header-height: 80px;--sidebar-width: 280px;--container-max: 1440px;--container-padding: 2rem;--app-layout-direction: row;--app-layout-background: transparent;--app-main-padding: var(--space-2xl);--app-main-bg: #ffffff;--app-main-margin: 0;--app-main-radius: 0;--app-main-shadow: none;--app-main-padding-mobile: var(--app-main-padding);--app-main-margin-mobile: var(--app-main-margin);--app-main-radius-mobile: var(--app-main-radius);--app-main-shadow-mobile: var(--app-main-shadow);--app-sidebar-border-right: 1px solid var(--color-border);--app-sidebar-border-left: 0;--app-sidebar-bg: var(--color-bg-alt);--app-sidebar-nav-hover-bg: #ffffff;--app-sidebar-nav-active-bg: var(--color-primary);--app-surface-bg: var(--color-bg-alt);--app-surface-contrast-bg: #ffffff;--app-surface-radius: var(--radius-lg);--app-surface-padding: var(--space-xl);--app-control-bg: #ffffff;--app-danger-color: var(--color-error);--app-danger-bg: rgba(239, 68, 68, .1);--app-danger-strong-bg: #fee2e2;--app-danger-strong-text: #991b1b;--app-info-color: #3b82f6;--app-success-color: #22c55e;--app-warning-color: #eab308;--app-muted-strong-color: #475569;--app-badge-padding: 4px 12px;--app-chip-close-bg: rgba(255, 255, 255, .2);--app-chip-close-bg-hover: rgba(255, 255, 255, .3);--app-project-color-1: #3b82f6;--app-project-color-2: #22c55e;--app-project-color-3: #f97316;--app-project-color-4: #8b5cf6;--app-project-color-5: #ec4899;--app-project-color-6: #14b8a6;--app-billing-tab-active-color: var(--color-primary);--app-billing-tab-active-border: var(--color-primary);--app-btn-outline-bg: transparent;--app-btn-outline-color: var(--color-primary);--app-btn-outline-border: var(--color-primary);--app-btn-outline-hover-bg: var(--color-primary);--app-btn-outline-hover-border: var(--color-primary);--app-btn-outline-hover-color: #ffffff;--app-btn-back-bg: transparent;--app-btn-back-color: var(--color-primary);--app-btn-back-border: var(--color-primary);--app-btn-back-hover-bg: var(--color-primary);--app-btn-back-hover-border: var(--color-primary);--app-btn-back-hover-color: #ffffff;--app-header-bg: #ffffff;--app-header-logo-gap: 4px;--app-header-logo-size: 40px;--app-header-logo-radius: 10px;--app-header-logo-font-size: 1.25rem;--app-header-logo-name-size: 1.125rem;--app-header-logo-bg: color-mix(in srgb, var(--color-primary) 12%, transparent);--app-logo-filter: none;--app-logo-text-color: var(--color-primary);--app-header-link-hover: var(--color-accent);--app-impersonation-bg: linear-gradient(90deg, #7f1d1d, #991b1b);--app-impersonation-button-border: 1px solid rgba(255, 255, 255, .45);--app-impersonation-button-bg: rgba(255, 255, 255, .15);--app-impersonation-button-radius: 6px;--app-inverse-text: #ffffff;--app-login-bg: linear-gradient(135deg, #1d231c 0%, #121612 100%);--app-login-container-max-width: 420px;--app-login-card-bg: #ffffff;--app-login-card-padding: var(--space-2xl);--app-login-card-radius: var(--radius-xl);--app-login-card-shadow: var(--shadow-xl);--app-login-logo-size: 64px;--app-login-logo-radius: 16px;--app-login-logo-font-size: 2.5rem;--app-login-logo-bg: color-mix(in srgb, var(--color-primary) 12%, transparent);--z-modal-overlay: 2000;--admin-sidebar-bg: #0f172a;--admin-sidebar-hover: #1e293b;--admin-sidebar-text: #94a3b8;--admin-sidebar-text-active: #ffffff;--admin-accent: #6366f1;--admin-accent-hover: #4f46e5;--admin-card-bg: #ffffff;--admin-bg: #f1f5f9;--admin-signout-bg: rgba(255, 255, 255, .05);--admin-signout-border: rgba(255, 255, 255, .1);--admin-signout-color: #94a3b8;--admin-signout-hover-bg: rgba(239, 68, 68, .1);--admin-signout-hover-border: rgba(239, 68, 68, .2);--admin-signout-hover-color: #ef4444;--admin-action-link-color: #2563eb;--admin-action-link-hover-bg: #eff6ff;--admin-messaging-surface-bg: var(--admin-card-bg);--admin-messaging-control-bg: #ffffff;--admin-messaging-control-hover-bg: var(--admin-bg);--admin-messaging-thread-active-bg: rgba(99, 102, 241, .08);--admin-messaging-chip-bg: #e2e8f0;--admin-messaging-chip-color: #475569;--admin-messaging-date-chip-bg: rgba(0, 0, 0, .05);--admin-messaging-toggle-active-bg: rgba(99, 102, 241, .1)}:root[data-template="2"]{--app-layout-direction: column;--app-layout-background: radial-gradient(circle at top left, #ffffff 0%, #eef3fa 42%, #e2ebf8 100%);--app-main-padding: var(--space-2xl);--app-main-bg: #ffffff;--app-main-margin: 0 var(--space-xl) var(--space-xl);--app-main-radius: 22px;--app-main-shadow: var(--shadow-lg);--app-main-padding-mobile: var(--space-xl);--app-main-margin-mobile: 0;--app-main-radius-mobile: 0;--app-main-shadow-mobile: none;--app-sidebar-width: auto;--app-sidebar-height: auto;--app-sidebar-position: static;--app-sidebar-top: auto;--app-sidebar-border-right: 0;--app-sidebar-border-left: 0;--app-sidebar-border-bottom: 1px solid color-mix(in srgb, var(--color-border) 80%, #cfd9e8);--app-sidebar-bg: color-mix(in srgb, var(--color-bg-alt) 88%, #f0f4fb);--app-sidebar-user-display: none;--app-sidebar-nav-display: flex;--app-sidebar-nav-wrap: wrap;--app-sidebar-nav-gap: var(--space-sm);--app-sidebar-nav-align: center;--app-sidebar-nav-padding: var(--space-md) var(--space-xl);--app-sidebar-nav-item-margin: 0;--app-sidebar-nav-item-white-space: nowrap;--app-sidebar-nav-item-border: 1px solid color-mix(in srgb, var(--color-border) 75%, transparent);--app-sidebar-nav-item-bg: rgba(255, 255, 255, .68);--app-sidebar-nav-hover-bg: rgba(255, 255, 255, .94);--app-sidebar-nav-active-bg: var(--color-primary);--app-sidebar-footer-display: none;--app-surface-bg: #f5f8fd;--app-surface-contrast-bg: #ffffff;--app-surface-radius: 18px;--app-surface-padding: var(--space-xl);--app-control-bg: #ffffff;--app-badge-padding: 6px 14px;--app-header-bg: linear-gradient(90deg, #ffffff 0%, #f1f5fb 100%);--app-header-border-bottom: 0;--app-header-shadow: 0 8px 20px rgba(15, 23, 42, .08);--app-header-inner-padding: 0 var(--space-xl);--app-header-left-width: auto;--app-header-left-justify: flex-start;--app-header-right-width: auto;--app-header-right-justify: flex-end;--app-header-right-padding-right: 0;--app-header-mobile-left-padding: 0;--app-header-mobile-right-padding: 0;--app-header-link-hover: var(--color-primary-dark);--app-header-logo-direction: row;--app-header-logo-align: center;--app-header-logo-text-align: left;--app-header-logo-padding: 0 var(--space-xl);--app-header-logo-size: 44px;--app-header-logo-radius: 16px;--app-header-logo-name-size: 1.05rem;--app-header-logo-letter-spacing: .02em;--app-header-logo-bg: color-mix(in srgb, var(--color-primary) 12%, transparent);--app-header-utility-direction: row;--app-header-utility-font-size: var(--text-sm);--app-header-utility-gap: 6px;--app-header-utility-bg: rgba(255, 255, 255, .88);--app-header-utility-border: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent);--app-header-utility-radius: 999px;--app-header-utility-padding: 4px;--app-header-utility-link-padding: 7px 12px;--app-header-utility-link-radius: 999px;--app-header-utility-link-active-bg: var(--color-primary);--app-header-utility-link-active-color: #ffffff;--app-login-bg: linear-gradient(145deg, #0b132b 0%, #1c2541 45%, #3a506b 100%);--app-login-container-max-width: 460px;--app-login-card-padding: calc(var(--space-2xl) + var(--space-sm));--app-login-card-radius: 22px;--app-login-card-shadow: var(--shadow-xl);--app-login-logo-size: 72px;--app-login-logo-radius: 20px;--app-login-logo-bg: color-mix(in srgb, var(--color-primary) 12%, transparent);--app-impersonation-bg: linear-gradient(90deg, #7f1d1d, #b91c1c)}:root[data-palette="2"]{--color-primary: #0f766e;--color-primary-dark: #115e59;--color-primary-light: #14b8a6;--color-accent: #ea580c;--color-accent-light: #fb923c;--color-accent-dark: #c2410c;--color-cta: #0f766e;--color-cta-hover: #115e59;--color-text: #12312d;--color-text-light: #36534f;--color-text-muted: #5e7773;--color-bg: #f8fcfb;--color-bg-alt: #eef6f4;--color-border: #d0e4df}:root[data-palette="3"]{--color-primary: #1d4ed8;--color-primary-dark: #1e3a8a;--color-primary-light: #3b82f6;--color-accent: #f43f5e;--color-accent-light: #fb7185;--color-accent-dark: #e11d48;--color-cta: #f43f5e;--color-cta-hover: #e11d48;--color-text: #0f172a;--color-text-light: #334155;--color-text-muted: #64748b;--color-bg: #f8fafc;--color-bg-alt: #eef2ff;--color-border: #d7def7}:root[data-theme=dark]{--color-text: #e4e4e7;--color-text-light: #d4d4d8;--color-text-muted: #a1a1aa;--color-bg: #1d231c;--color-bg-alt: #121612;--color-border: #2b332a;--status-success-bg: rgba(34, 197, 94, .2);--status-info-bg: rgba(59, 130, 246, .2);--status-warning-bg: rgba(234, 179, 8, .2);--status-error-bg: rgba(239, 68, 68, .2);--status-neutral-bg: rgba(148, 163, 184, .2);--status-accent-bg: rgba(249, 115, 22, .2);--status-purple-bg: rgba(168, 85, 247, .2);--glass-bg: rgba(32, 32, 36, .88);--glass-bg-dark: rgba(17, 17, 19, .94);--glass-border: rgba(161, 161, 170, .2);--app-layout-background: #1d231c;--app-main-bg: #1d231c;--app-surface-bg: #121612;--app-surface-contrast-bg: #1d231c;--app-control-bg: #2b332a;--app-header-bg: #1d231c;--app-logo-filter: none;--app-logo-text-color: var(--color-text);--app-header-link-hover: var(--color-accent-light);--app-header-utility-bg: rgba(50, 50, 58, .7);--app-header-utility-border: 1px solid rgba(161, 161, 170, .25);--app-header-utility-link-bg: transparent;--app-header-utility-link-active-bg: transparent;--app-header-utility-link-active-color: var(--color-text);--app-sidebar-bg: #1d231c;--app-sidebar-nav-hover-bg: #32323a;--app-sidebar-nav-active-bg: #32323a;--app-sidebar-border-right: 1px solid #32323a;--app-login-card-bg: #121612;--app-billing-tab-active-color: var(--color-accent-light);--app-billing-tab-active-border: var(--color-accent-light);--app-btn-outline-color: #d4d4d8;--app-btn-outline-border: #52525b;--app-btn-outline-hover-bg: #3f3f46;--app-btn-outline-hover-border: #63636b;--app-btn-outline-hover-color: #ffffff;--app-btn-back-color: #d4d4d8;--app-btn-back-border: #52525b;--app-btn-back-hover-bg: #3f3f46;--app-btn-back-hover-border: #63636b;--app-btn-back-hover-color: #ffffff;--app-danger-bg: rgba(239, 68, 68, .2);--app-danger-strong-bg: rgba(127, 29, 29, .4);--app-danger-strong-text: #fecaca;--app-muted-strong-color: #d4d4d8;--admin-bg: #121612;--admin-card-bg: #1d231c;--admin-sidebar-bg: #1d231c;--admin-sidebar-hover: #121612;--admin-sidebar-text: #94a3b8;--admin-sidebar-text-active: #ffffff;--admin-signout-bg: rgba(63, 63, 70, .55);--admin-signout-border: rgba(113, 113, 122, .9);--admin-signout-color: #e4e4e7;--admin-signout-hover-bg: rgba(127, 29, 29, .34);--admin-signout-hover-border: rgba(239, 68, 68, .42);--admin-signout-hover-color: #fecaca;--admin-action-link-color: #93c5fd;--admin-action-link-hover-bg: rgba(59, 130, 246, .16);--admin-messaging-surface-bg: #202024;--admin-messaging-control-bg: #2a2a31;--admin-messaging-control-hover-bg: #32323a;--admin-messaging-thread-active-bg: rgba(99, 102, 241, .2);--admin-messaging-chip-bg: #32323a;--admin-messaging-chip-color: #d4d4d8;--admin-messaging-date-chip-bg: rgba(161, 161, 170, .18);--admin-messaging-toggle-active-bg: rgba(99, 102, 241, .2)}:root[data-theme=dark][data-template="2"]{--app-layout-background: radial-gradient(circle at top left, #202024 0%, #18181d 46%, #111113 100%);--app-main-bg: #18181d;--app-main-shadow: 0 12px 28px rgba(0, 0, 0, .5);--app-sidebar-border-bottom: 1px solid #32323a;--app-sidebar-bg: rgba(32, 32, 36, .72);--app-sidebar-nav-item-border: 1px solid rgba(161, 161, 170, .22);--app-sidebar-nav-item-bg: rgba(50, 50, 58, .55);--app-sidebar-nav-hover-bg: rgba(70, 70, 79, .75);--app-sidebar-nav-active-bg: #32323a;--app-surface-bg: #202024;--app-surface-contrast-bg: #2a2a31;--app-control-bg: #46464f;--app-header-bg: linear-gradient(90deg, #18181d 0%, #202024 100%);--app-header-shadow: 0 10px 22px rgba(0, 0, 0, .45);--app-header-link-hover: #ffffff;--app-header-utility-bg: rgba(50, 50, 58, .84);--app-header-utility-border: 1px solid rgba(161, 161, 170, .24);--app-header-utility-link-active-bg: transparent;--app-header-utility-link-active-color: var(--color-text);--app-billing-tab-active-color: #c9d6f0;--app-billing-tab-active-border: #c9d6f0;--app-btn-outline-border: #5b6175;--app-btn-outline-hover-bg: #52566a;--app-btn-outline-hover-border: #656b83;--app-btn-back-border: #5b6175;--app-btn-back-hover-bg: #52566a;--app-btn-back-hover-border: #656b83;--admin-action-link-color: #bfd8ff;--admin-action-link-hover-bg: rgba(82, 109, 170, .3);--admin-messaging-surface-bg: #2a2a31;--admin-messaging-control-bg: #32323a;--admin-messaging-control-hover-bg: #3f3f46;--admin-messaging-thread-active-bg: rgba(99, 102, 241, .24);--admin-messaging-chip-bg: #3f3f46;--admin-messaging-chip-color: #e4e4e7;--admin-messaging-date-chip-bg: rgba(161, 161, 170, .24);--admin-messaging-toggle-active-bg: rgba(99, 102, 241, .24)}