:root{--color-primary: #9A4EFF;--color-primary-pressed: #7B3ACC;--color-primary-deep: #6B2EB3;--color-brand-navy: #1A1F36;--color-brand-navy-deep: #111420;--color-brand-navy-mid: #252B45;--color-link-blue: #3B82F6;--color-link-blue-pressed: #2563EB;--color-brand-pink: #E879F9;--color-brand-pink-deep: #C026D3;--color-brand-orange: #FB923C;--color-brand-orange-deep: #EA580C;--color-brand-purple: #A855F7;--color-brand-purple-300: #D8B4FE;--color-brand-purple-800: #6B21A8;--color-brand-teal: #2DD4BF;--color-brand-green: #22C55E;--color-brand-yellow: #FACC15;--color-brand-brown: #A16207;--color-card-tint-peach: #FEF3C7;--color-card-tint-rose: #FFE4E6;--color-card-tint-mint: #D1FAE5;--color-card-tint-lavender: #EDE9FE;--color-card-tint-sky: #E0F2FE;--color-card-tint-yellow: #FEF9C3;--color-card-tint-yellow-bold: #FDE047;--color-card-tint-cream: #FFFBEB;--color-card-tint-gray: #F3F4F6;--color-canvas: #FFFFFF;--color-surface: #F9FAFB;--color-surface-soft: #F3F4F6;--color-hairline: #E5E7EB;--color-hairline-soft: #F3F4F6;--color-hairline-strong: #D1D5DB;--color-ink-deep: #000000;--color-ink: #111827;--color-charcoal: #374151;--color-slate: #6B7280;--color-steel: #9CA3AF;--color-stone: #D1D5DB;--color-muted: #9CA3AF;--color-on-dark: #FFFFFF;--color-on-dark-muted: rgba(255, 255, 255, .7);--color-on-primary: #FFFFFF;--color-semantic-success: #22C55E;--color-semantic-warning: #F59E0B;--color-semantic-error: #EF4444;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-hero-display: 80px;--font-size-display-lg: 56px;--font-size-heading-1: 48px;--font-size-heading-2: 36px;--font-size-heading-3: 28px;--font-size-heading-4: 22px;--font-size-heading-5: 18px;--font-size-subtitle: 18px;--font-size-body-md: 16px;--font-size-body-md-medium: 16px;--font-size-body-sm: 14px;--font-size-body-sm-medium: 14px;--font-size-caption-bold: 13px;--font-size-button-md: 14px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-hero: 1.05;--line-height-display: 1.1;--line-height-heading-1: 1.15;--line-height-heading-2: 1.2;--line-height-heading-3: 1.25;--line-height-heading-4: 1.3;--line-height-heading-5: 1.4;--line-height-subtitle: 1.5;--line-height-body-md: 1.55;--line-height-body-sm: 1.5;--line-height-button: 1.3;--letter-spacing-hero: -2px;--letter-spacing-display: -1px;--letter-spacing-heading-1: -.5px;--letter-spacing-heading-2: -.5px;--letter-spacing-none: 0;--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-section: 64px;--spacing-section-lg: 96px;--spacing-hero: 120px;--spacing-section-sm: 40px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-xxl: 20px;--radius-xxxl: 24px;--radius-full: 9999px;--elevation-0: none;--elevation-1: rgba(15, 15, 15, .04) 0px 1px 2px 0px;--elevation-2: rgba(15, 15, 15, .08) 0px 4px 12px 0px;--elevation-3: rgba(15, 15, 15, .2) 0px 24px 48px -8px;--elevation-4: rgba(15, 15, 15, .16) 0px 16px 48px -8px;--container-max-width: 1280px;--container-gutter: 32px;--nav-height: 64px;--transition-fast: .15s ease;--transition-base: .2s ease;--breakpoint-mobile-sm: 480px;--breakpoint-mobile-lg: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1280px;--touch-target-min: 40px;--touch-target-recommended: 44px}:root,:root[data-theme=light]{--bg: var(--color-canvas);--bg-primary: var(--color-canvas);--bg-secondary: var(--color-surface);--bg-tertiary: var(--color-surface-soft);--text-main: var(--color-ink);--text-strong: var(--color-ink-deep);--text-secondary: var(--color-charcoal);--text-muted: var(--color-slate);--text-inverse: var(--color-on-dark);--accent: var(--color-primary);--accent-rgb: 154, 78, 255;--accent-foreground: var(--color-on-primary);--danger: var(--color-semantic-error);--danger-rgb: 239, 68, 68;--success: var(--color-semantic-success);--success-rgb: 34, 197, 94;--warning: var(--color-semantic-warning);--warning-rgb: 245, 158, 11;--border-color: var(--color-hairline);--border-subtle: var(--color-hairline-soft);--surface: var(--color-canvas);--surface-secondary: var(--color-surface);--surface-glass: var(--color-canvas);--glass-border: rgba(0, 0, 0, .06);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05);--backdrop-blur: 0px;--universal-shadow: var(--elevation-1);--universal-shadow-hover: var(--elevation-2);--radius: var(--radius-lg);--radius-lg: var(--radius-xl);--radius-md: var(--radius-md);--radius-sm: var(--radius-sm);--container-padding: 20px;--max-width: 1440px;--trans-fast: var(--transition-fast);--trans-base: var(--transition-base);--font-main: var(--font-family);--input-bg: var(--color-surface);--input-bg-focus: var(--color-canvas);--input-border: var(--color-hairline);--input-border-focus: var(--accent);--input-text: var(--text-strong);--input-placeholder: var(--text-muted);--input-shadow: inset 0 2px 4px rgba(0, 0, 0, .02);--input-shadow-focus: 0 0 0 2px rgba(154, 78, 255, .2)}:root[data-theme=dark]{--bg: #0F172A;--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #334155;--text-main: #CBD5E1;--text-strong: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverse: #0F172A;--accent: #A78BFA;--accent-rgb: 167, 139, 250;--accent-foreground: #0F172A;--border-color: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .05);--surface: #1E293B;--surface-secondary: #334155;--surface-glass: #1E293B;--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .5);--backdrop-blur: 0px;--universal-shadow: 0 4px 20px rgba(0, 0, 0, .5);--universal-shadow-hover: 0 10px 30px rgba(0, 0, 0, .7);--input-bg: rgba(255, 255, 255, .03);--input-bg-focus: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .1);--input-border-focus: var(--accent);--input-text: var(--text-strong);--input-placeholder: var(--text-muted);--input-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);--input-shadow-focus: 0 0 0 2px rgba(167, 139, 250, .2)}:root[data-theme=dark] select option{background-color:var(--surface);color:var(--text-strong)}:root[data-theme=glass]{--bg: transparent;--bg-secondary: rgba(255, 255, 255, .1);--bg-tertiary: rgba(255, 255, 255, .15);--text-main: #FFFFFF;--text-strong: #FFFFFF;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .7);--text-inverse: #000000;--accent: #FFFFFF;--accent-rgb: 255, 255, 255;--accent-foreground: #000000;--danger: #FF8B8B;--danger-rgb: 255, 139, 139;--success: #66FFBB;--success-rgb: 102, 255, 187;--warning: #FFDB72;--warning-rgb: 255, 219, 114;--border-color: rgba(255, 255, 255, .2);--border-subtle: rgba(255, 255, 255, .1);--surface: rgba(255, 255, 255, .1);--surface-secondary: rgba(255, 255, 255, .15);--surface-glass: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .2);--backdrop-blur: 20px;--universal-shadow: 0 8px 32px rgba(0, 0, 0, .15);--universal-shadow-hover: 0 12px 40px rgba(0, 0, 0, .25);--input-bg: rgba(255, 255, 255, .1);--input-bg-focus: rgba(255, 255, 255, .2);--input-border: rgba(255, 255, 255, .2);--input-border-focus: rgba(255, 255, 255, .5);--input-text: #FFFFFF;--input-placeholder: rgba(255, 255, 255, .6);--input-shadow: 0 4px 6px rgba(0, 0, 0, .05);--input-shadow-focus: 0 4px 12px rgba(0, 0, 0, .1)}:root[data-font-size=small]{--font-scale: .9}:root[data-font-size=default]{--font-scale: 1}:root[data-font-size=medium]{--font-scale: 1.1}:root[data-font-size=big]{--font-scale: 1.2}:root{--font-scale: 1;--font-size-xxs: calc(10px * var(--font-scale));--font-size-xs: calc(11px * var(--font-scale));--font-size-sm: calc(12px * var(--font-scale));--font-size-base: calc(14px * var(--font-scale));--font-size-md: calc(16px * var(--font-scale));--font-size-lg: calc(18px * var(--font-scale));--font-size-xl: calc(24px * var(--font-scale));--font-size-2xl: calc(32px * var(--font-scale));--font-size-3xl: calc(40px * var(--font-scale))}:root{--font-xs: var(--font-size-xs);--font-sm: var(--font-size-sm);--font-base: var(--font-size-base);--font-md: var(--font-size-md);--font-lg: var(--font-size-lg);--font-xl: var(--font-size-xl);--font-2xl: var(--font-size-2xl)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:var(--font-main);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);color:var(--text-main);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:var(--radius-full)}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1a}.custom-scroll::-webkit-scrollbar{width:6px;height:6px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}:root[data-theme=dark] .custom-scroll::-webkit-scrollbar-thumb{background:#ffffff1a}.hero-display{font-size:var(--font-size-hero-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-hero);letter-spacing:var(--letter-spacing-hero)}.display-lg{font-size:var(--font-size-display-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-display)}.heading-1{font-size:var(--font-size-heading-1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading-1);letter-spacing:var(--letter-spacing-heading-1)}.heading-2{font-size:var(--font-size-heading-2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading-2);letter-spacing:var(--letter-spacing-heading-2)}.heading-3{font-size:var(--font-size-heading-3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading-3);letter-spacing:var(--letter-spacing-none)}.heading-4{font-size:var(--font-size-heading-4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading-4);letter-spacing:var(--letter-spacing-none)}.heading-5{font-size:var(--font-size-heading-5);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading-5);letter-spacing:var(--letter-spacing-none)}.subtitle{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-normal);line-height:var(--line-height-subtitle);letter-spacing:var(--letter-spacing-none)}.body-md{font-size:var(--font-size-body-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-body-md);letter-spacing:var(--letter-spacing-none)}.body-md-medium{font-size:var(--font-size-body-md-medium);font-weight:var(--font-weight-medium);line-height:var(--line-height-body-md);letter-spacing:var(--letter-spacing-none)}.body-sm{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-body-sm);letter-spacing:var(--letter-spacing-none)}.body-sm-medium{font-size:var(--font-size-body-sm-medium);font-weight:var(--font-weight-medium);line-height:var(--line-height-body-sm);letter-spacing:var(--letter-spacing-none)}.caption-bold{font-size:var(--font-size-caption-bold);font-weight:var(--font-weight-semibold);line-height:1.4;letter-spacing:var(--letter-spacing-none)}.button-md{font-size:var(--font-size-button-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-button);letter-spacing:var(--letter-spacing-none)}.btn{border:1px solid var(--border-color);outline:none;background:var(--surface);color:var(--text-main);font-weight:var(--font-weight-medium);padding:10px 18px;border-radius:var(--radius-md);box-shadow:var(--universal-shadow);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all var(--trans-base);font-family:inherit;font-size:var(--font-size-button-md);letter-spacing:.02em}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--universal-shadow-hover);background:var(--bg-secondary);color:var(--text-strong)}.btn:active{transform:translateY(0);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn.primary,.btn--primary,.button-primary{background:var(--color-primary);color:var(--color-on-primary);border:1px solid transparent;border-radius:var(--radius-md);padding:10px 18px}.btn.primary:hover:not(:disabled),.btn--primary:hover:not(:disabled){background:var(--color-primary-pressed)}.button-primary-pressed{background:var(--color-primary-pressed);color:var(--color-on-primary)}.btn.dark,.btn--dark,.button-dark{background:var(--color-ink-deep);color:var(--color-on-dark);border:1px solid transparent;border-radius:var(--radius-md);padding:10px 18px}.btn.secondary,.btn--outline,.button-secondary{background:transparent;color:var(--color-ink);border:1px solid var(--color-hairline-strong);border-radius:var(--radius-md);padding:10px 18px}.btn.on-dark,.button-on-dark{background:var(--color-on-dark);color:var(--color-ink);border:1px solid transparent;border-radius:var(--radius-md);padding:10px 18px}.btn.secondary-on-dark,.button-secondary-on-dark{background:transparent;color:var(--color-on-dark);border:1px solid var(--color-on-dark-muted);border-radius:var(--radius-md);padding:10px 18px}.btn.ghost,.btn--ghost,.button-ghost{background:transparent;color:var(--color-ink);border:none;border-radius:var(--radius-sm);padding:8px 12px;box-shadow:none}.btn-link,.button-link{background:transparent;color:var(--color-link-blue);border:none;border-radius:0;padding:0;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);box-shadow:none;text-decoration:none}.btn-link:hover{color:var(--color-link-blue-pressed);text-decoration:underline}.btn.danger{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md)}.btn.danger:hover{background:var(--danger);color:#fff}.btn-icon{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg);box-shadow:var(--universal-shadow);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);color:var(--text-strong);transition:all var(--transition-fast);padding:0}.btn-icon:hover{color:var(--accent);transform:scale(1.05)}.btn-icon.small{width:28px;height:28px;font-size:var(--font-size-md)}.btn-icon.micro{width:24px;height:24px;font-size:var(--font-size-base)}.btn__spinner{display:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;animation:spin .9s linear infinite}.card,.card-base,.card-flat{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-hairline);box-shadow:var(--elevation-0);transition:transform var(--trans-base),box-shadow var(--trans-base),border-color var(--trans-base);display:flex;flex-direction:column;position:relative;overflow:hidden}.card:hover{box-shadow:var(--elevation-2)}.card-feature{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xxl);border:1px solid var(--color-hairline)}.card-feature-yellow-bold{background:var(--color-card-tint-yellow-bold);color:var(--color-charcoal);border-radius:var(--radius-lg);padding:var(--spacing-xxl)}.card-feature-peach{background:var(--color-card-tint-peach);color:var(--color-charcoal);border-radius:var(--radius-lg);padding:var(--spacing-xxl)}.card-feature-rose{background:var(--color-card-tint-rose);color:var(--color-charcoal);border-radius:var(--radius-lg);padding:var(--spacing-xxl)}.card-feature-mint{background:var(--color-card-tint-mint);color:var(--color-charcoal);border-radius:var(--radius-lg);padding:var(--spacing-xxl)}.card-feature-lavender{background:var(--color-card-tint-lavender);color:var(--color-charcoal);border-radius:var(--radius-lg);padding:var(--spacing-xxl)}.card-feature-sky{background:var(--color-card-tint-sky);color:var(--color-charcoal);border-radius:var(--radius-lg);padding:var(--spacing-xxl)}.card-feature-yellow{background:var(--color-card-tint-yellow);color:var(--color-charcoal);border-radius:var(--radius-lg);padding:var(--spacing-xxl)}.card-feature-cream{background:var(--color-card-tint-cream);color:var(--color-charcoal);border-radius:var(--radius-lg);padding:var(--spacing-xxl)}.card-agent-tile{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-hairline)}.card-template{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-hairline)}.card-startup-perk{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-hairline)}.pricing-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xxl);border:1px solid var(--color-hairline)}.pricing-card-featured{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xxl);border:2px solid var(--color-primary)}.card.glass,.module.glass{background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}:root[data-theme=dark] .card{background:var(--surface);border:1px solid var(--border-color)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.badge.primary,.badge.purple,.badge-purple{background:var(--color-primary);color:var(--color-on-primary)}.badge.pink,.badge-pink{background:var(--color-brand-pink);color:var(--color-on-primary)}.badge.orange,.badge-orange{background:var(--color-brand-orange);color:var(--color-on-primary)}.badge.success,.badge-green{background:#22c55e26;color:var(--success)}.badge.warning,.badge-yellow{background:#f59e0b26;color:var(--warning)}.badge.danger,.badge-red{background:#ef444426;color:var(--danger)}.badge.neutral{background:#0000000d;color:var(--text-muted)}:root[data-theme=dark] .badge.neutral{background:#ffffff0d}.badge-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-caption-bold);font-weight:var(--font-weight-semibold)}.badge-tag-purple{background:var(--color-card-tint-lavender);color:var(--color-brand-purple-800)}.badge-tag-orange{background:var(--color-card-tint-peach);color:var(--color-brand-orange-deep)}.badge-tag-green{background:var(--color-card-tint-mint);color:var(--color-brand-green)}.badge-tag-yellow{background:var(--color-card-tint-yellow);color:var(--color-brand-brown)}.badge-popular{background:var(--color-primary);color:var(--color-on-primary);padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-caption-bold);font-weight:var(--font-weight-semibold)}.form-input,input[type=text].form-input,input[type=email].form-input,input[type=password].form-input,input[type=number].form-input,input[type=date].form-input,input[type=time].form-input,input[type=search].form-input,.text-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);box-shadow:var(--input-shadow);padding:var(--spacing-xs) var(--spacing-md);height:44px;outline:none;color:var(--input-text);font-family:inherit;font-size:var(--font-size-base);width:100%;transition:all var(--transition-fast)}.form-input:focus,.text-input:focus{background:var(--input-bg-focus);box-shadow:var(--input-shadow-focus);border:2px solid var(--input-border-focus)}.form-input::placeholder,.text-input::placeholder{color:var(--input-placeholder);opacity:.8}.text-input-focused{border:2px solid var(--color-primary)}.search-pill{background:var(--color-surface);color:var(--color-steel);font-size:var(--font-size-body-md);border-radius:var(--radius-md);height:44px;border:1px solid var(--color-hairline);padding:var(--spacing-xs) var(--spacing-md)}textarea.form-input,textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);box-shadow:var(--input-shadow);padding:var(--spacing-md);resize:vertical;font-family:inherit;outline:none;color:var(--input-text);font-size:var(--font-size-base);width:100%;min-height:80px;transition:all var(--transition-fast)}textarea:focus{background:var(--input-bg-focus);box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)}.form-select,select.form-select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:6px 10px;font-size:var(--font-size-sm);color:var(--input-text);box-shadow:var(--input-shadow);outline:none;cursor:pointer;font-family:inherit;transition:all var(--transition-fast);height:44px}.form-select:focus{background:var(--input-bg-focus);box-shadow:var(--input-shadow-focus);border-color:var(--input-border-focus)}.pill-tab{color:var(--color-steel);border:1px solid var(--color-hairline);padding:var(--spacing-xxs) var(--spacing-md);border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:all var(--transition-fast)}.pill-tab:hover{background:var(--bg-secondary)}.pill-tab-active{background:var(--color-ink-deep);color:var(--color-on-dark);border:1px solid var(--color-ink-deep)}.segmented-tab{color:var(--color-steel);border:none;background:transparent;cursor:pointer;padding:var(--spacing-xs) var(--spacing-md)}.segmented-tab-active{color:var(--color-ink);border-bottom:2px solid var(--color-ink)}.hero-band-dark{background:var(--color-brand-navy);color:var(--color-on-dark);padding:var(--spacing-hero);text-align:center}.hero-band-dark .hero-title,.hero-band-dark .hero-display{color:var(--color-on-dark)}.hero-band-dark .hero-subtitle{color:var(--color-on-dark-muted)}.workspace-mockup-card{background:var(--color-canvas);border-radius:var(--radius-lg);border:1px solid var(--color-hairline);box-shadow:var(--elevation-3)}.testimonial-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xxl);border:1px solid var(--color-hairline)}.faq-accordion-item{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-xl);border-bottom:1px solid var(--color-hairline)}.stat-row{background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-lg);padding:var(--spacing-section-sm)}.cta-banner-light{background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-lg);padding:var(--spacing-section)}.promo-banner{background:var(--color-surface);color:var(--color-ink);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-body-sm-medium);font-weight:var(--font-weight-medium)}.comparison-table{background:var(--color-canvas);color:var(--color-ink);font-size:var(--font-size-body-sm);border-radius:var(--radius-md);border:1px solid var(--color-hairline)}.comparison-row{background:var(--color-canvas);color:var(--color-ink);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-hairline-soft)}.logo-wall-item{background:transparent;color:var(--color-steel);font-size:var(--font-size-body-md-medium);font-weight:var(--font-weight-medium);padding:var(--spacing-lg)}.footer-region{background:var(--color-canvas);padding:var(--spacing-section) var(--spacing-xxl);border-top:1px solid var(--color-hairline)}.footer-link{background:transparent;color:var(--color-steel);font-size:var(--font-size-body-sm);padding:var(--spacing-xxs) 0;text-decoration:none;display:block}.footer-link:hover{color:var(--color-ink)}.fullscreen-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg);display:flex;justify-content:center;align-items:center;transition:opacity .3s ease,visibility .3s ease}:root[data-theme=dark] .fullscreen-loader{background:var(--bg)}.fullscreen-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{display:flex;flex-direction:column;align-items:center;gap:16px}.spinner{width:50px;height:50px;border:4px solid rgba(0,0,0,.1);border-left-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}:root[data-theme=dark] .spinner{border:4px solid rgba(255,255,255,.1);border-left-color:var(--accent)}.loader-text{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-muted);letter-spacing:.5px;animation:pulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.skeleton{background:linear-gradient(90deg,var(--bg) 0%,rgba(255,255,255,.1) 50%,var(--bg) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);position:relative;overflow:hidden}:root[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--bg) 0%,rgba(255,255,255,.05) 50%,var(--bg) 100%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{min-height:100px;margin-bottom:12px;opacity:.7}.skeleton-text{height:14px;margin-bottom:8px;border-radius:4px}.skeleton-text.large{height:20px;width:60%}.skeleton-text.medium{height:16px;width:80%}.skeleton-text.small{height:12px;width:40%}.skeleton-stat{height:60px;border-radius:var(--radius-md)}.skeleton-note{height:40px;margin-bottom:8px;border-radius:var(--radius-sm)}.animate-in{animation-duration:.7s;animation-timing-function:cubic-bezier(.25,1,.5,1);animation-fill-mode:both}.fade-in{animation-name:fadeIn}.slide-in-from-bottom-4{animation-name:slideInFromBottom}.slide-in-from-top-4{animation-name:slideInFromTop}.zoom-in-95{animation-name:zoomIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center}:root[data-theme=dark] .modal{background:#00000080}.modal.hidden{display:none}.modal-content{width:90%;max-width:500px;padding:24px;display:flex;flex-direction:column;gap:16px;background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.modal-content h3{margin:0;color:var(--text-strong);font-size:var(--font-size-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.context-menu{position:absolute;background:var(--bg);padding:8px 0;border-radius:var(--radius-lg);box-shadow:var(--elevation-4);z-index:1000;min-width:140px;border:1px solid var(--border-color)}:root[data-theme=dark] .context-menu{box-shadow:0 16px 48px #0006}.context-menu.hidden{display:none}.menu-item{padding:8px 16px;font-size:var(--font-size-base);cursor:pointer;transition:background .1s;color:var(--text-main)}.menu-item:hover{background:#0000000d}:root[data-theme=dark] .menu-item:hover{background:#ffffff0d}.menu-item.text-danger{color:var(--danger)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#9a4eff26,#9a4eff40);color:var(--text-strong);font-weight:var(--font-weight-semibold);text-transform:uppercase}.avatar--small{width:28px;height:28px;font-size:var(--font-size-xs)}.avatar--medium{width:36px;height:36px;font-size:var(--font-size-sm)}.avatar--large{width:48px;height:48px;font-size:var(--font-size-md)}.avatar--initials{background:linear-gradient(135deg,#9a4eff26,#9a4eff40)}.avatar__image{width:100%;height:100%;object-fit:cover;border-radius:50%}:root[data-theme=dark] .avatar--initials{background:linear-gradient(135deg,#ffffff1a,#ffffff26)}:root[data-theme=glass] .avatar--initials{background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-close{background:transparent;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);position:relative;z-index:10;padding:0;line-height:1}.btn-close:hover{background:var(--bg-secondary);color:var(--text-strong);transform:rotate(90deg)}.btn-close:active{transform:scale(.9) rotate(90deg)}.btn-close svg{width:20px;height:20px;stroke-width:2.5}.settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--elevation-4);z-index:1000;overflow:hidden}.dropdown-header-profile{padding:12px 16px;border-bottom:1px solid var(--border-color)}.dropdown-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:8px 16px 4px}.dropdown-context-switcher{padding:8px 0}.context-switcher-list{display:flex;flex-direction:column;gap:2px;padding:0 8px}.context-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:transparent;border:1px solid transparent}.context-item:hover{background:var(--bg-secondary)}.context-item--active{background:#9a4eff14;border-color:#9a4eff26}.context-item__icon{flex-shrink:0;color:var(--text-muted)}.context-item--active .context-item__icon{color:var(--accent)}.context-item__name{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-item--active .context-item__name{color:var(--text-strong);font-weight:var(--font-weight-semibold)}.context-item__role{font-size:var(--font-size-xxs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.03em;padding:2px 6px;border-radius:var(--radius-xs);background:#0000000d;color:var(--text-muted)}.context-item__role.role-admin{background:#22c55e1f;color:var(--success)}.context-item__role.role-employee{background:#9a4eff1f;color:var(--color-primary)}.context-item__role.role-client{background:#f59e0b1f;color:var(--warning)}.context-item__badge{font-size:var(--font-size-xxs);font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:var(--radius-xs);background:var(--accent);color:var(--accent-foreground)}.dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-main);text-decoration:none;cursor:pointer;transition:background var(--transition-fast);border:none;background:transparent;width:100%;text-align:left;font-family:inherit}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item svg{flex-shrink:0;color:var(--text-muted)}.dropdown-item.text-danger{color:var(--danger)}.dropdown-item.text-danger svg{color:var(--danger)}.dropdown-item--admin{color:var(--success)}.dropdown-item--admin svg{color:var(--success)}:root[data-theme=dark] .context-item__role{background:#ffffff14}:root[data-theme=dark] .context-item__role.role-admin{background:#22c55e33}:root[data-theme=dark] .context-item__role.role-employee{background:#9a4eff33}:root[data-theme=dark] .context-item__role.role-client{background:#f59e0b33}.hidden,.is-hidden{display:none!important}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-muted)}.text-strong{color:var(--text-strong)}.text-accent{color:var(--accent)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-col{display:flex;flex-direction:column}.flex-col-center{display:flex;flex-direction:column;align-items:center}.flex-wrap{flex-wrap:wrap}.gap-xs{gap:var(--spacing-xxs)}.gap-sm{gap:var(--spacing-xs)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.mt-2{margin-top:8px}.z-100{z-index:100}.z-10{z-index:10}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.font-extrabold{font-weight:800}.text-3xl{font-size:var(--font-size-3xl)}.leading-tight{line-height:1.2}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.6}.tracking-tight{letter-spacing:-.5px}.tracking-tightest{letter-spacing:-1px}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.min-h-screen{min-height:100vh}.max-w-3xl{max-width:800px}.max-w-4xl{max-width:900px}.max-w-5xl{max-width:1024px}.max-w-6xl{max-width:1152px}.bg-surface{background:var(--surface)}.bg-canvas{background:var(--color-canvas)}.bg-transparent{background:transparent}.border{border:1px solid var(--border-color)}.border-0{border:none}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--elevation-1)}.shadow-md{box-shadow:var(--elevation-2)}.shadow-lg{box-shadow:var(--elevation-3)}.shadow-xl{box-shadow:var(--elevation-4)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.transition{transition:all var(--trans-base)}.transition-fast{transition:all var(--transition-fast)}.duration-300{transition-duration:.3s}.hover-translate-y:hover{transform:translateY(-10px)}.m-0{margin:0}.m-auto{margin:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xxs)}.mt-2{margin-top:var(--spacing-xs)}.mt-3{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-5{margin-top:var(--spacing-lg)}.mt-6{margin-top:var(--spacing-xl)}.mt-8{margin-top:var(--spacing-xxl)}.mt-10{margin-top:var(--spacing-section-sm)}.mt-12{margin-top:var(--spacing-section)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xxs)}.mb-2{margin-bottom:var(--spacing-xs)}.mb-3{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-5{margin-bottom:var(--spacing-lg)}.mb-6{margin-bottom:var(--spacing-xl)}.mb-8{margin-bottom:var(--spacing-xxl)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-xxs)}.ml-2{margin-left:var(--spacing-xs)}.ml-3{margin-left:var(--spacing-sm)}.ml-4{margin-left:var(--spacing-md)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-xxs)}.mr-2{margin-right:var(--spacing-xs)}.mr-3{margin-right:var(--spacing-sm)}.mr-4{margin-right:var(--spacing-md)}.p-0{padding:0}.p-1{padding:var(--spacing-xxs)}.p-2{padding:var(--spacing-xs)}.p-3{padding:var(--spacing-sm)}.p-4{padding:var(--spacing-md)}.p-5{padding:var(--spacing-lg)}.p-6{padding:var(--spacing-xl)}.p-8{padding:var(--spacing-xxl)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--spacing-xxs);padding-right:var(--spacing-xxs)}.px-2{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-3{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-4{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-5{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-6{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xxs)}.py-2{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-3{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-4{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-5{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-6{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.w-auto{width:auto}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.h-auto{height:auto}.h-px{height:1px}.h-1{height:4px}.h-2{height:8px}.h-4{height:16px}.h-6{height:24px}.h-8{height:32px}.h-10{height:40px}.h-12{height:48px}.h-16{height:64px}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.table-cell{display:table-cell}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.border-0{border:0}.border-1{border:1px solid var(--border-color)}.border-2{border:2px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-primary{border-color:var(--color-primary)}.border-success{border-color:var(--success)}.border-warning{border-color:var(--warning)}.border-danger{border-color:var(--danger)}.visible{visibility:visible}.invisible{visibility:hidden}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-move{cursor:move}.transition-none{transition:none}.transition-colors{transition:color var(--trans-fast),background-color var(--trans-fast),border-color var(--trans-fast)}.transition-transform{transition:transform var(--trans-base)}.transition-opacity{transition:opacity var(--trans-base)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%)}50%{transform:translateY(0)}}.aspect-video{aspect-ratio:16 / 9}.aspect-square{aspect-ratio:1 / 1}.aspect-auto{aspect-ratio:auto}#app-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--custom-bg-color, var(--bg));background-image:var(--custom-bg-image);background-size:var(--custom-bg-size, cover);background-position:var(--custom-bg-position, center center);background-repeat:var(--custom-bg-repeat, no-repeat);transition:background-image .3s ease,background-color .3s ease}:root[data-theme=glass] #app-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0f172a66;pointer-events:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}html,body{overflow-x:hidden;max-width:100vw}*{max-width:100%}img,video,canvas,svg,table{max-width:100%;height:auto}@media (max-width: 768px){.btn,button,[role=button],a.btn,input[type=submit],input[type=button]{min-height:44px;min-width:44px;padding:10px 16px}.form-input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=search],select,textarea{min-height:48px;font-size:var(--font-size-md)!important;padding:12px 14px}select{background-position:right 10px center}.modal-content{width:95%;max-width:95%;max-height:90vh;margin:10px}.badge{font-size:var(--font-size-xxs);padding:3px 8px}.card{padding:14px}.context-menu{max-width:calc(100vw - 20px);right:10px!important;left:auto!important}}@media (max-width: 480px){.modal-content{width:100%;max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:95vh;margin:0;position:fixed;bottom:0;left:0;right:0}.btn{font-size:var(--font-size-sm);padding:10px 14px}}.modal-back-btn{position:fixed;top:20px;left:20px;z-index:1001;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border-color);border-radius:50%;box-shadow:var(--universal-shadow);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.modal-back-btn:hover{transform:translateY(-2px);box-shadow:var(--universal-shadow-hover);background:var(--bg-secondary);color:var(--accent)}.modal-back-btn svg{width:20px;height:20px}.app-logo-image{height:40px;width:auto;object-fit:contain;border-radius:15px}body:is(.bg-image-applied,.cover-image-applied) :is(.card,.card-flat,article,.dashboard-container,.task-list-container,.calendar-container,.card--profile-main,.card--profile-stats,.card--profile-security,.card--profile-appearance,.card--profile-install){background:#ffffff8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f268726}:root[data-theme=dark] body:is(.bg-image-applied,.cover-image-applied) :is(.card,.card-flat,article,.dashboard-container,.task-list-container,.calendar-container,.card--profile-main,.card--profile-stats,.card--profile-security,.card--profile-appearance,.card--profile-install){background:#000000a6;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}body:is(.bg-image-applied,.cover-image-applied) :is(.app-header,.top-navbar){background:transparent!important;box-shadow:none!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body:is(.bg-image-applied,.cover-image-applied) :is(.app-header__icon-button,.app-header__profile-button,.app-header__logo,.app-header__greeting,.top-navbar__link,.top-navbar__logout-btn){background:#ffffff8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #1f26871a}:root[data-theme=dark] body:is(.bg-image-applied,.cover-image-applied) :is(.app-header__icon-button,.app-header__profile-button,.app-header__logo,.app-header__greeting,.top-navbar__link,.top-navbar__logout-btn){background:#000000a6;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d}body:is(.bg-image-applied,.cover-image-applied){text-shadow:0 1px 1px rgba(0,0,0,.05)}:root[data-theme=dark] body:is(.bg-image-applied,.cover-image-applied){text-shadow:0 1px 2px rgba(0,0,0,.5)}#bbCoverPhoto{position:absolute;top:0;left:0;width:100%;height:50vh;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}body.cover-image-applied main.app-content{margin-top:calc(50vh - 140px);position:relative;z-index:1}.global-progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--color-primary);width:0%;z-index:99999;transition:width .2s ease-out,opacity .3s ease;box-shadow:0 0 10px #9a4eff80;pointer-events:none}.glass-pill{background:var(--surface-glass);border:1px solid var(--glass-border);border-radius:var(--radius-full);backdrop-filter:blur(var(--backdrop-blur));box-shadow:0 4px 6px #0000000d;-webkit-backdrop-filter:blur(var(--backdrop-blur));transition:all var(--transition-fast);box-shadow:0 2px 10px #0000000d;display:inline-flex;align-items:center}:root[data-theme=dark] .glass-pill{background:#0003;border-color:#ffffff14}.glass-pill:hover,.glass-pill:focus-within{background:#ffffff1a;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}:root[data-theme=dark] .glass-pill:hover{background:#ffffff0d}.btn-primary-glow{background:var(--accent);color:var(--accent-foreground);border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px #9a4eff4d;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary-glow:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9a4eff66}.content-container{min-height:200px;contain:layout style paint}.card-list{min-height:300px;content-visibility:auto;contain-intrinsic-size:0 300px}@media (min-width: 1280px){.hero-display{font-size:80px}.display-lg{font-size:56px}}@media (max-width: 1279px) and (min-width: 1024px){.hero-display{font-size:72px}.display-lg{font-size:48px}.heading-1{font-size:40px}.heading-2{font-size:32px}}@media (max-width: 1023px) and (min-width: 768px){.hero-display{font-size:56px}.display-lg{font-size:40px}.heading-1{font-size:36px}.heading-2{font-size:28px}.heading-3{font-size:24px}}@media (max-width: 767px) and (min-width: 480px){.hero-display{font-size:48px}.display-lg{font-size:32px}.heading-1{font-size:28px}.heading-2{font-size:24px}.heading-3{font-size:20px}.heading-4{font-size:18px}}@media (max-width: 479px){.hero-display{font-size:36px;letter-spacing:-1px}.display-lg{font-size:28px}.heading-1{font-size:24px}.heading-2{font-size:20px}.heading-3{font-size:18px}.heading-4{font-size:16px}.heading-5{font-size:15px}.subtitle{font-size:16px}.body-md{font-size:15px}.body-sm{font-size:13px}}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-gutter)}.top-nav{background:var(--color-canvas);height:var(--nav-height);border-bottom:1px solid var(--color-hairline);display:flex;align-items:center;justify-content:space-between;padding:0 var(--container-gutter);position:sticky;top:0;z-index:100}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700}.modal-content-sm{max-width:400px}.modal-header-sm{margin-bottom:var(--spacing-md)}.modal-title{margin:0}.modal-subtitle{margin:var(--spacing-xxs) 0 0;font-size:var(--font-size-sm);color:var(--text-muted)}.link-reset{text-decoration:none;color:inherit}.app-logo,.app-logo-img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-md);background:transparent;padding:0;overflow:hidden;border:none;box-shadow:none}:root[data-theme=dark] .app-header__title,:root[data-theme=dark] .mobile-menu-title{color:var(--text-strong)}:root[data-theme=dark] .app-header__logo{background:#1e293b;color:var(--accent)}:root[data-theme=dark] .app-header__nav-list{background:#1e293b}:root[data-theme=dark] .app-header__nav-link:hover{color:var(--text-strong);background:#334155}:root[data-theme=dark] .app-header__nav-item--active .app-header__nav-link{color:var(--text-strong);background:#334155}:root[data-theme=dark] .app-header__icon-button,:root[data-theme=dark] .app-header__profile-button,:root[data-theme=dark] .header-controls .control-btn{color:var(--text-main)}:root[data-theme=dark] .app-header__hamburger{color:var(--text-strong);background:#1e293b;border-color:#ffffff1a}:root[data-theme=dark] .mobile-nav-link{color:var(--text-main)}:root[data-theme=dark] .mobile-nav-link--active{color:var(--text-strong);background:#334155;border-color:#ffffff1a}:root[data-theme=dark] #bbMobileMenuOverlay aside{border-left-color:#ffffff1a}:root[data-theme=dark] .left-panel-header .app-header__title,:root[data-theme=dark] .left-panel-header .control-btn{color:var(--text-main)}:root[data-theme=dark] .status-dropdown-btn{background:#1e293b;border-color:#ffffff1a;color:var(--text-main)}:root[data-theme=dark] .status-dropdown-menu{background:#1e293b;border-color:#ffffff1a}:root[data-theme=dark] .status-option{color:var(--text-main)}:root[data-theme=dark] .status-option:hover{background:#334155}:root[data-theme=dark] .dashboard-modules-panel{border-left-color:#ffffff14}:root[data-theme=dark] .side-panel-header{border-bottom-color:#ffffff14;background:#1e293b}:root[data-theme=dark] .side-panel-header h3{color:var(--text-strong)}:root[data-theme=dark] .coming-soon-placeholder p{color:var(--text-main)}:root[data-theme=dark] .dropdown-item{color:var(--text-main)}:root[data-theme=dark] .dropdown-item:hover{background:#334155}:root[data-theme=dark] .modal-content h3{color:var(--text-strong)}:root[data-theme=dark] .modal-content textarea{border-color:#ffffff1a;color:var(--text-main)}:root[data-theme=dark] .action-btn{border-color:#ffffff1a;color:var(--text-main)}:root[data-theme=dark] .action-btn:hover{background:#334155}:root[data-theme=dark] .tab-btn{border-color:#ffffff1a}:root[data-theme=dark] .url-list{border-color:#ffffff1a}:root[data-theme=dark] .customize-dropdown{background:#1e293b;border-color:#ffffff1a}:root[data-theme=dark] .customize-dropdown .dropdown-item{color:var(--text-main)}:root[data-theme=dark] .settings-dropdown .dropdown-item{color:var(--text-main)}:root[data-theme=dark] .settings-dropdown .dropdown-divider{background:#ffffff14}:root[data-theme=dark] .left-panel-header .settings-dropdown{background:#1e293b;border-color:#ffffff1a}:root[data-theme=dark] .modules-header{border-bottom-color:#ffffff14}:root[data-theme=dark] .modules-title{color:var(--text-strong)}:root[data-theme=dark] .modules-title:before{background:var(--text-strong)}:root[data-theme=dark] .module-card-header{border-bottom-color:#ffffff14}:root[data-theme=dark] .module-card-header h3{color:var(--text-strong)}:root[data-theme=dark] .dashboard-module-card{border-color:#ffffff14}:root[data-theme=dark] .module-selector-dropdown{background:#1e293b;border-color:#ffffff1a}:root[data-theme=dark] .module-selector-option{color:var(--text-main)}:root[data-theme=dark] .module-selector-option:hover,:root[data-theme=dark] .module-selector-option.active{background:#334155}:root[data-theme=dark] .notes-section-header{border-color:#ffffff0f}:root[data-theme=dark] .notes-section-count{background:#334155;color:var(--text-muted)}:root[data-theme=dark] .note-text{color:var(--text-main)}:root[data-theme=dark] .module-empty-state svg,:root[data-theme=dark] .module-empty-state p{color:var(--text-muted)}:root[data-theme=dark] .task-title{color:var(--text-strong)}:root[data-theme=dark] .btn-add-note-inline{border-color:#ffffff1a;color:var(--text-main)}:root[data-theme=dark] .module-notes .note-textarea{border-color:#ffffff1a;color:var(--text-main)}:root[data-theme=dark] .module-selector-btn:hover,:root[data-theme=dark] .customize-modules-btn:hover{color:var(--text-strong)}:root[data-theme=dark] .tasks-section__title{color:var(--text-strong)}:root[data-theme=dark] .tasks-section__search-input{color:var(--text-main)}:root[data-theme=dark] .tasks-page-selector{color:var(--text-main)}:root[data-theme=dark] .tasks-view-toggle__button--active{background:#334155;border-color:#ffffff1a;color:var(--text-strong)}:root[data-theme=dark] .tasks-filter-trigger{color:var(--text-main)}:root[data-theme=dark] .tasks-empty-text{background:#1e293b;border-color:#ffffff1a}:root[data-theme=dark] .tasks-table-container{background:#1e293b;border-color:#ffffff14}:root[data-theme=dark] .tasks-table th{background:#1e293b;border-bottom-color:#ffffff14;color:var(--text-muted)}:root[data-theme=dark] .tasks-table td{border-bottom-color:#ffffff0f;color:var(--text-main)}:root[data-theme=dark] .tasks-table td:nth-child(2){color:var(--text-strong)}:root[data-theme=dark] .tasks-filter-modal__panel{background:#1e293b;border-color:#ffffff1a}:root[data-theme=dark] .tasks-filter-modal__header{border-bottom-color:#ffffff14}:root[data-theme=dark] .tasks-filter-modal__title{color:var(--text-strong)}:root[data-theme=dark] .tasks-filter-chip span{background:#334155;color:var(--text-main)}:root[data-theme=dark] .tasks-filter-chip span:hover{background:#475569}:root[data-theme=dark] .tasks-filter-modal__footer{background:#0f172a;border-top-color:#ffffff14}:root[data-theme=dark] .tasks-filter-modal__summary-count{color:var(--text-strong)}:root[data-theme=dark] .tasks-filter-modal__button--secondary:hover{color:var(--text-strong);background:#334155}:root[data-theme=dark] .tasks-filter-modal__close-button:hover{background:#334155;color:var(--text-strong)}:root[data-theme=dark] .table-filter__menu{background:#1e293b;border-color:#ffffff1a}:root[data-theme=dark] .table-filter__search{border-bottom-color:#ffffff14}:root[data-theme=dark] .table-filter__search-input{border-color:#ffffff1a;color:var(--text-main)}:root[data-theme=dark] .table-filter__trigger:hover{color:var(--text-strong)}:root[data-theme=dark] .tasks-section{border-top-color:#ffffff14}:root[data-theme=dark]{--msg-border: 1px solid rgba(255,255,255,.08)}:root[data-theme=dark] .messages-search__input{border-color:#ffffff1a;color:var(--text-main)}:root[data-theme=dark] .messages-filters{border-bottom-color:#ffffff14}:root[data-theme=dark] .messages-filters__option:hover{color:var(--text-strong)}:root[data-theme=dark] .messages-sidebar__list-wrap::-webkit-scrollbar-thumb{background-color:#ffffff1a}:root[data-theme=dark] .messages-sidebar__pagination{border-top-color:#ffffff14}:root[data-theme=dark] .btn-icon.small{border-color:#ffffff1a;color:var(--text-main)}:root[data-theme=dark] .conversation-item__avatar{background:#334155;color:var(--text-main);border-color:#ffffff1a}:root[data-theme=dark] .conversation-item__name{color:var(--text-strong)}:root[data-theme=dark] .conversation-item--active .conversation-item__message{color:var(--text-main)}:root[data-theme=dark] .messages-empty-state__title{color:var(--text-strong)}:root[data-theme=dark] .chat-header__avatar{background:#334155;color:var(--text-main);border-color:#ffffff1a}:root[data-theme=dark] .chat-header__name{color:var(--text-strong)}:root[data-theme=dark] .chat-messages::-webkit-scrollbar-thumb{background-color:#ffffff1a}:root[data-theme=dark] .chat-header__menu{background:#1e293b;border-color:#ffffff1a}:root[data-theme=dark] .chat-header__menu-item{color:var(--text-main)}:root[data-theme=dark] .chat-header__menu-item:hover{background:#334155}:root[data-theme=dark] .chat-header__menu-button:hover{color:var(--text-strong);background:#334155}:root[data-theme=dark] .message-bubble--them{background:#1e293b;border-color:#ffffff1a;color:var(--text-main)}:root[data-theme=dark] .chat-composer__input{background:#1e293b;border-color:#ffffff1a;color:var(--text-main)}:root[data-theme=dark] .chat-composer__btn:hover{background:#334155;color:var(--text-strong)}:root[data-theme=dark] .attachment-menu{background:#1e293b;border-color:#ffffff1a}:root[data-theme=dark] .attachment-menu__item{color:var(--text-main)}:root[data-theme=dark] .attachment-menu__item:hover{background:#334155}:root[data-theme=dark] .messages-breadcrumb__current{color:var(--text-strong)}:root[data-theme=dark] .task-header{border-color:#ffffff14}:root[data-theme=dark] .task-header__top{border-bottom-color:#ffffff14}:root[data-theme=dark] .task-id-badge{border-color:#ffffff1a}:root[data-theme=dark] .task-title-input{color:var(--text-strong);border-bottom-color:#ffffff1a}:root[data-theme=dark] .task-detail-tabs{border-color:#ffffff14}:root[data-theme=dark] .task-detail-tab:hover{color:var(--text-strong)}:root[data-theme=dark] .task-detail-tab.is-active{background:#334155}:root[data-theme=dark] .task-meta-info{border-color:#ffffff0f}:root[data-theme=dark] .task-meta-info .meta-item .meta-value{color:var(--text-main)}:root[data-theme=dark] .task-card-module{border-color:#ffffff14}:root[data-theme=dark] .module-title{border-bottom-color:#ffffff14}:root[data-theme=dark] .task-desc-input{border-color:#ffffff1a;color:var(--text-main)}:root[data-theme=dark] .todo-item{border-color:#ffffff0f}:root[data-theme=dark] .update-input-wrapper{border-color:#ffffff0f}:root[data-theme=dark] .form-input,:root[data-theme=dark] .form-select{border-color:#ffffff1a;color:var(--text-main)}:root[data-theme=dark] .activity-tabs{border-color:#ffffff14}:root[data-theme=dark] .activity-tab:hover{color:var(--text-strong)}:root[data-theme=dark] .activity-tab.is-active{background:#334155}:root[data-theme=dark] .shortcuts-modal{background:#1e293b;border-color:#ffffff1a}:root[data-theme=dark] .shortcuts-modal__header{border-bottom-color:#ffffff14}:root[data-theme=dark] .shortcuts-modal__header h3{color:var(--text-strong)}:root[data-theme=dark] .shortcuts-modal__close:hover{color:var(--text-strong);background:#334155}:root[data-theme=dark] .shortcut-row__label{color:var(--text-main)}:root[data-theme=dark] .shortcut-key{background:#334155;border-color:#ffffff1a;color:var(--text-strong)}:root[data-theme=dark] .task-shortcuts-btn{border-color:#ffffff1a}:root[data-theme=dark] .task-breadcrumb__current{color:var(--text-strong)}:root[data-theme=dark] .widget-draggable:hover{border-color:#ffffff1a}:root[data-theme=dark] .widget-draggable.dragging,:root[data-theme=dark] .widget-draggable.resizing{background:#1e293b}:root[data-theme=dark] .widget-clock .clock-face{background:#1e293b}:root[data-theme=dark] .settings-section-title,:root[data-theme=dark] .settings-page-title{color:var(--text-strong)}:root[data-theme=dark] .settings-card,:root[data-theme=dark] .settings-panel{background:#1e293b;border-color:#ffffff14}:root[data-theme=dark] .meeting-card,:root[data-theme=dark] .note-card,:root[data-theme=dark] .calendar-event{border-color:#ffffff14}:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] h4,:root[data-theme=dark] h5,:root[data-theme=dark] h6{color:var(--text-strong)}:root[data-theme=dark] p{color:var(--text-main)}:root[data-theme=dark] .card,:root[data-theme=dark] .card-base,:root[data-theme=dark] .card-flat{background:var(--surface);border-color:var(--border-color);color:var(--text-main)}:root[data-theme=dark] [style*="border-color: #E5E7EB"],:root[data-theme=dark] [style*="border-color: #F3F4F6"]{border-color:#ffffff1a!important}:root[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]),:root[data-theme=dark] textarea,:root[data-theme=dark] select{background:var(--input-bg);border-color:var(--input-border);color:var(--input-text)}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--text-muted)}:root[data-theme=dark] .section-header{border-bottom-color:#ffffff14}:root[data-theme=dark] .section-title,:root[data-theme=dark] .settings-group__title,:root[data-theme=dark] .settings-card__label,:root[data-theme=dark] .leave-stat-card__value{color:var(--text-strong)}:root[data-theme=dark] .settings-back-btn{border-color:#ffffff1a;color:var(--text-main)}:root[data-theme=dark] .settings-back-btn:hover{background:#334155;color:var(--text-strong)}:root[data-theme=dark] .theme-card{border-color:#ffffff1a}:root[data-theme=dark] .preview-box{border-color:#ffffff1a}:root[data-theme=dark] .border-bottom{border-bottom-color:#ffffff14!important}:root[data-theme=dark] .settings-content{scrollbar-color:rgba(255,255,255,.1) transparent}:root[data-theme=dark] .settings-card{border-color:#ffffff14;color:var(--text-main)}:root[data-theme=dark] .leave-stat-card{border-color:#ffffff14}:root[data-theme=dark] .leave-table-container{border-color:#ffffff14}:root[data-theme=dark] .leave-table-container .tasks-table th,:root[data-theme=dark] .leave-table-container .tasks-table td{border-bottom-color:#ffffff0f}:root[data-theme=dark] .notification-type-row{border-bottom-color:#ffffff14}:root[data-theme=dark] .dnd-time-input input[type=time]{border-color:#ffffff1a;color:var(--text-main)}:root[data-theme=dark]{--modal-bg: var(--surface);--modal-text: var(--text-strong);--modal-text-secondary: var(--text-muted);--modal-border: rgba(255, 255, 255, .1);--bg-subtle: #334155;--surface-hover: #334155;--surface-active: #475569}