@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:2000;display:flex;justify-content:flex-end;pointer-events:auto;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-panel{width:300px;max-width:85vw;height:100vh;background:var(--bg-primary);box-shadow:-4px 0 24px #0003;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-panel-open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-default)}.mobile-menu-title{font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.mobile-menu-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.mobile-menu-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.mobile-menu-close-btn:active{transform:scale(.95)}.mobile-menu-items{flex:1;overflow-y:auto;padding:var(--spacing-md)}.mobile-menu-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);border:none;background:transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;margin-bottom:var(--spacing-sm)}.mobile-menu-item:hover{background:var(--bg-secondary)}.mobile-menu-item:active{transform:scale(.98)}.mobile-menu-item:disabled{opacity:.6;cursor:not-allowed}.mobile-menu-item-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:var(--brand-tint);color:var(--brand-primary);flex-shrink:0}.mobile-menu-item-content{flex:1;display:flex;flex-direction:column;gap:2px}.mobile-menu-item-title{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.mobile-menu-item-subtitle{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-tertiary)}.mobile-menu-qr-section{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);background:var(--bg-secondary)}.mobile-menu-qr-label{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:center;letter-spacing:.3px}.mobile-menu-qr-code{width:180px;height:180px;background:#fff;padding:12px;box-shadow:0 4px 12px #0000001a;display:block;border:none;outline:none}@media (max-width: 480px){.mobile-menu-panel{width:280px}.mobile-menu-header{padding:16px}.mobile-menu-items,.mobile-menu-item{padding:12px}.mobile-menu-item-icon{width:40px;height:40px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);pointer-events:none}.header-container{display:flex;flex-direction:column;gap:8px;padding:var(--spacing-lg);pointer-events:none}.header-main-row{display:flex;align-items:center;justify-content:space-between;width:100%;pointer-events:none}.header-nav-left{display:flex;align-items:center;gap:16px;flex:1;pointer-events:none}.company-logo{display:flex;align-items:center;justify-content:center;width:120px;height:64px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:none;pointer-events:auto}.company-logo:hover{background:#ffffff1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.company-logo:focus{outline:2px solid var(--brand-focus);outline-offset:2px}.company-logo:active{background:#fff3;transform:translateY(0)}.company-logo:active .logo-svg{filter:brightness(0) invert(1)}.logo-svg{width:48px;height:48px;transition:filter .3s ease;filter:brightness(0) saturate(100%) invert(16%) sepia(37%) saturate(1825%) hue-rotate(178deg) brightness(91%) contrast(95%)}.nav-separator{width:1px;height:48px;background:var(--border-default);flex-shrink:0}.project-section{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.project-logo{display:flex;flex-direction:column;gap:2px;background:transparent;border:none;cursor:pointer;padding:8px 12px;border-radius:0;transition:all .3s ease;pointer-events:auto}.project-logo:hover{background:transparent;transform:scale(1.05)}.project-logo:focus{outline:none}.project-logo:focus-visible{outline:2px solid var(--brand-focus);outline-offset:2px}.project-logo:active{transform:scale(.98)}.project-title{font-family:Tenor Sans,serif;font-size:24px;font-weight:400;color:var(--text-primary);letter-spacing:1px;margin:0;line-height:1.2}.project-subtitle{font-family:var(--font-family-primary);font-size:11px;font-weight:var(--font-weight-light);color:var(--text-tertiary);letter-spacing:3px;text-transform:uppercase;margin:-2px 0 0}.professional-breadcrumbs{margin-top:4px;margin-left:72px;pointer-events:none}.breadcrumb-container{display:flex;align-items:center}.breadcrumb-trail{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;font-family:var(--font-family-primary)}.breadcrumb-step{display:flex;align-items:center}.breadcrumb-link{background:none;border:none;color:var(--text-tertiary);font-family:var(--font-family-primary);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease;text-decoration:none;line-height:1.4;pointer-events:auto}.breadcrumb-link:hover{color:var(--brand-primary);background:var(--brand-tint)}.breadcrumb-link:focus{outline:2px solid var(--brand-focus);outline-offset:2px}.breadcrumb-current{color:var(--text-primary);font-family:var(--font-family-primary);font-size:13px;font-weight:var(--font-weight-semibold);padding:4px 8px;line-height:1.4}.breadcrumb-divider{display:flex;align-items:center;margin:0 4px}.breadcrumb-arrow{width:6px;height:10px;color:var(--text-muted);opacity:.5;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:8px;pointer-events:none}.header-btn{display:flex;align-items:center;gap:8px;background:#fff;border:none;border-radius:16px;padding:12px 20px;color:var(--color-neutral-700);font-family:var(--font-family-body);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;box-shadow:0 3px 12px #0000001a;white-space:nowrap;min-height:44px}.header-btn:hover{background:var(--color-neutral-50);transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.header-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.progress-btn{display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:var(--shadow-sm);min-height:48px;min-width:48px;pointer-events:auto}.progress-btn:hover{background:var(--brand-tint);border-color:var(--brand-accent);transform:translateY(-1px);box-shadow:var(--shadow-brand)}.progress-btn:focus{outline:2px solid var(--brand-focus);outline-offset:2px}.progress-btn svg{color:var(--text-secondary);transition:color .3s ease}.progress-btn:hover svg{color:var(--brand-primary)}.shortlist-btn{display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:var(--shadow-sm);min-height:48px;min-width:48px;pointer-events:auto}.shortlist-btn:hover{background:var(--brand-tint);border-color:var(--brand-accent);transform:translateY(-1px);box-shadow:var(--shadow-brand)}.shortlist-btn:focus{outline:2px solid var(--brand-focus);outline-offset:2px}.shortlist-btn svg{color:var(--text-secondary);transition:color .3s ease}.shortlist-btn:hover svg{color:var(--brand-primary)}.shortlist-btn.filter-active{background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:var(--shadow-brand)}.shortlist-btn.filter-active svg{color:#fff}.shortlist-btn.filter-active:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.download-btn{display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:var(--shadow-sm);min-height:48px;min-width:48px;pointer-events:auto}.download-btn:hover{background:var(--brand-tint);border-color:var(--brand-accent);transform:translateY(-1px);box-shadow:var(--shadow-brand)}.download-btn:focus{outline:2px solid var(--brand-focus);outline-offset:2px}.download-btn svg{color:var(--text-secondary);transition:color .3s ease}.download-btn:hover svg{color:var(--brand-primary)}.settings-menu{display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:var(--shadow-sm);min-height:48px;min-width:48px;pointer-events:auto}.settings-menu:hover{background:var(--brand-tint);border-color:var(--brand-accent);transform:translateY(-1px);box-shadow:var(--shadow-brand)}.settings-menu:focus{outline:2px solid var(--brand-focus);outline-offset:2px}.settings-menu svg{color:var(--text-secondary);transition:color .3s ease}.settings-menu:hover svg{color:var(--brand-primary)}.settings-menu-active{background:var(--brand-tint);border-color:var(--brand-accent);box-shadow:var(--shadow-brand)}.settings-menu-active svg{color:var(--brand-primary)}.cta-btn{background:var(--brand-primary);color:var(--bg-primary);padding:12px 24px;border-radius:12px;font-family:var(--font-family-body);font-size:16px;font-weight:600;border:1px solid var(--brand-primary);cursor:pointer;box-shadow:var(--shadow-md);transition:all .3s ease;white-space:nowrap;min-height:48px;pointer-events:auto}.cta-btn:hover{background:var(--brand-hover);border-color:var(--brand-hover);transform:translateY(-1px);box-shadow:var(--shadow-brand-strong)}.cta-btn:focus{outline:2px solid var(--brand-focus);outline-offset:2px}.cta-btn:active{transform:translateY(0);box-shadow:var(--shadow-md)}@media (max-width: 1024px){.header-container{padding:16px 24px}.header-nav-left{gap:var(--spacing-md)}}@media (max-width: 768px){.header-container{padding:14px 20px}.header-nav-left,.project-section{gap:var(--spacing-sm)}.project-title{font-size:20px}.project-subtitle{font-size:10px}.header-actions{gap:8px}.header-btn{padding:6px 12px;font-size:14px}.cta-btn{padding:8px 16px;font-size:14px;min-height:36px}.breadcrumbs{gap:4px}.breadcrumb-link,.breadcrumb-current{padding:2px 6px;font-size:13px}}@media (max-width: 480px){.header-container{padding:8px 12px}.header-nav-left{gap:6px;flex-wrap:wrap}.project-title{font-size:15px;letter-spacing:.5px;line-height:1.1}.progress-btn,.shortlist-btn,.download-btn{min-height:36px;min-width:36px;padding:6px}.project-subtitle{display:none}.header-actions{gap:4px}.nav-separator{height:32px}.company-logo{width:48px;height:40px;padding:4px}.logo-svg{width:28px;height:28px}.breadcrumb-nav{flex-wrap:wrap;gap:8px}.breadcrumbs{display:none}.back-button{padding:6px 10px;font-size:13px}.back-text{display:none}.back-icon{font-size:1.25rem}.project-section{min-width:0;flex:1}.project-logo{padding:2px 4px}}.mobile-floor-selector option{background-color:#fff!important;color:#0f172a!important;padding:12px 16px!important;font-size:14px!important;font-weight:400!important;line-height:1.4!important;font-family:var(--font-family-primary)!important}.mobile-floor-selector option:checked{background:linear-gradient(#4da0b3,#4da0b3)!important;background-color:#4da0b3!important;color:#fff!important;font-weight:500!important}.mobile-floor-selector option[selected]{background-color:#4da0b3!important;color:#fff!important;font-weight:500!important}.mobile-floor-selector option:hover{background:#b7e2ea!important;background-color:#b7e2ea!important;color:#0f172a!important;box-shadow:inset 0 0 0 100px #b7e2ea!important}.mobile-floor-selector option:checked{box-shadow:0 0 0 100px #4da0b3 inset!important}.mobile-floor-selector option:hover:not(:checked){box-shadow:0 0 0 100px #b7e2ea inset!important}:root{--font-family-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--white: #ffffff;--off-white: #f8f9fa;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--black: #000000;--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--z-hide: -1;--z-auto: auto;--z-base: 0;--z-docked: 10;--z-dropdown: 1000;--z-sticky: 1100;--z-banner: 1200;--z-overlay: 1300;--z-modal: 1400;--z-popover: 1500;--z-skiplink: 1600;--z-toast: 1700;--z-tooltip: 1800;--z-chatbot: 2000;--z-chatbot-window: 2200;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--icon-library: "tabler";--icon-library-fallback: "lucide";--icon-size-xs: 14px;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 24px;--icon-size-xl: 32px;--icon-size-2xl: 40px;--icon-stroke-thin: 1;--icon-stroke-regular: 1.5;--icon-stroke-medium: 2;--icon-stroke-bold: 2.5;--icon-color-default: var(--gray-600);--icon-color-muted: var(--gray-400);--icon-color-subtle: var(--gray-500);--icon-color-emphasized: var(--gray-700);--icon-color-inverse: var(--white);--icon-color-hover: var(--gray-700);--icon-color-active: var(--gray-800);--icon-color-focus: var(--gray-700);--icon-color-disabled: var(--gray-300)}:root{--font-family-body: var(--font-family-primary);--font-family-heading: var(--font-family-primary);--font-family-caption: var(--font-family-primary);--text-xs: var(--font-size-xs);--text-sm: var(--font-size-sm);--text-base: var(--font-size-base);--text-lg: var(--font-size-lg);--text-xl: var(--font-size-xl);--text-2xl: var(--font-size-2xl);--text-3xl: var(--font-size-3xl);--text-4xl: var(--font-size-4xl);--color-background-primary: var(--off-white);--color-background-secondary: var(--gray-50);--color-background-tertiary: var(--gray-100);--color-background-overlay: rgba(0, 0, 0, .5);--color-background-pure: var(--white);--color-surface-primary: var(--white);--color-surface-secondary: var(--gray-50);--color-surface-elevated: var(--white);--color-surface-sunken: var(--gray-100);--color-text-primary: var(--gray-900);--color-text-secondary: var(--gray-600);--color-text-tertiary: var(--gray-500);--color-text-disabled: var(--gray-400);--color-text-inverse: var(--white);--color-border-primary: var(--gray-200);--color-border-secondary: var(--gray-300);--color-border-strong: var(--gray-400);--color-border-focus: var(--color-primary);--button-primary-bg: var(--color-primary);--button-primary-hover: var(--color-primary-hover);--button-primary-text: var(--white);--button-secondary-bg: var(--white);--button-secondary-hover: var(--gray-50);--button-secondary-text: var(--color-text-primary);--button-secondary-border: var(--color-border-primary);--input-bg: var(--white);--input-border: var(--color-border-primary);--input-border-focus: var(--color-primary);--input-text: var(--color-text-primary);--input-placeholder: var(--color-text-tertiary);--card-bg: var(--color-surface-primary);--card-border: var(--color-border-primary);--card-shadow: var(--shadow-sm);--card-hover-shadow: var(--shadow-md);--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--spacing-2xl: var(--space-12);--spacing-component-xs: var(--space-2);--spacing-component-sm: var(--space-3);--spacing-component-md: var(--space-4);--spacing-component-lg: var(--space-6);--spacing-component-xl: var(--space-8);--radius-component: var(--radius-lg);--radius-card: var(--radius-xl);--radius-button: var(--radius-lg);--radius-input: var(--radius-lg);--radius-modal: var(--radius-2xl);--icon-size-caption: var(--icon-size-xs);--icon-size-body: var(--icon-size-sm);--icon-size-subheading: var(--icon-size-md);--icon-size-heading: var(--icon-size-lg);--icon-size-hero: var(--icon-size-xl);--icon-size-display: var(--icon-size-2xl);--icon-color-text: var(--icon-color-default);--icon-color-navigation: var(--icon-color-subtle);--icon-color-action: var(--icon-color-emphasized);--icon-color-status: var(--icon-color-default);--icon-color-decorative: var(--icon-color-muted);--icon-button-color: var(--icon-color-default);--icon-button-color-hover: var(--icon-color-hover);--icon-button-color-active: var(--icon-color-active);--icon-button-color-disabled: var(--icon-color-disabled);--icon-stroke-ui: var(--icon-stroke-regular);--icon-stroke-emphasis: var(--icon-stroke-medium);--icon-stroke-subtle: var(--icon-stroke-thin);--icon-stroke-bold: var(--icon-stroke-bold);--header-icon-size: var(--icon-size-body);--header-icon-color: var(--icon-color-inverse);--button-icon-size: var(--icon-size-body);--menu-icon-size: var(--icon-size-body);--card-icon-size: var(--icon-size-subheading);--form-icon-size: var(--icon-size-body)}:root{--bg-primary: #FFFFFF;--bg-secondary: #FEFEFE;--bg-tertiary: #F8FAFC;--border-light: #F1F5F9;--border-default: #E2E8F0;--border-strong: #CBD5E1;--text-primary: #0F172A;--text-secondary: #334155;--text-tertiary: #64748B;--text-muted: #94A3B8;--text-disabled: #CBD5E1;--brand-primary: #183340;--brand-accent: #B7E2EA;--brand-tint: #F0FAFB;--brand-focus: #4DA0B3;--brand-hover: #142A33;--color-primary-50: #F0FAFB;--color-primary-100: #D9F1F5;--color-primary-200: #B7E2EA;--color-primary-300: #8FD0DC;--color-primary-400: #6BB8C8;--color-primary-500: #4DA0B3;--color-primary-600: #183340;--color-primary-700: #142A33;--color-primary-800: #10212A;--color-primary-900: #0C1620;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08);--shadow-luxury: 0 20px 40px rgba(0, 0, 0, .1);--shadow-brand: 0 8px 25px rgba(24, 51, 64, .08);--shadow-brand-strong: 0 12px 32px rgba(24, 51, 64, .12);--color-primary: #183340;--color-primary-hover: #142A33;--color-primary-light: #F0FAFB;--color-success: #10b981;--color-warning: #ff9e49;--color-danger: #ff3d4d;--color-info: #389bff;--color-unavailable: #94a3b8;--color-resale: #8b5cf6;--color-success-light: #d1fae5;--color-warning-light: #fff7ed;--color-danger-light: #fef2f2;--color-info-light: #dbeafe;--color-unavailable-light: #f8fafc;--color-resale-light: #f3e8ff;--status-available: var(--color-success);--status-available-light: var(--color-success-light);--status-sold: var(--color-danger);--status-sold-light: var(--color-danger-light);--status-reserved: var(--color-warning);--status-reserved-light: var(--color-warning-light);--status-resale: var(--color-resale);--status-resale-light: var(--color-resale-light);--status-interest: var(--color-info);--status-interest-light: var(--color-info-light);--status-unavailable: var(--color-unavailable);--status-unavailable-light: var(--color-unavailable-light);--modal-backdrop: rgba(0, 0, 0, .5);--modal-background: var(--bg-primary);--modal-shadow: var(--shadow-luxury);--color-error: var(--color-danger);--color-error-light: var(--color-danger-light);--color-success-dark: #059669;--color-warning-dark: #ea580c;--color-danger-dark: #dc2626;--color-info-dark: #1d4ed8;--color-unavailable-dark: #64748b;--color-resale-dark: #7c3aed;--color-success-rgb: 16, 185, 129;--color-warning-rgb: 255, 158, 73;--color-danger-rgb: 255, 61, 77;--color-info-rgb: 56, 155, 255;--color-unavailable-rgb: 148, 163, 184;--color-resale-rgb: 139, 92, 246;--filter-landmarks: var(--color-warning);--filter-malls: var(--color-success);--filter-mosques: var(--color-resale);--filter-schools: var(--color-info);--filter-health: var(--color-danger);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-tertiary);--color-background-primary: var(--bg-secondary);--color-background-secondary: var(--bg-tertiary);--color-background-hover: var(--bg-tertiary);--card-shadow: var(--shadow-md);--card-hover-shadow: var(--shadow-lg);--radius-component: var(--radius-xl);--radius-card: var(--radius-2xl)}:root{--btn-height-sm: 2rem;--btn-height-md: 2.5rem;--btn-height-lg: 3rem;--btn-padding-x-sm: var(--space-3);--btn-padding-x-md: var(--space-4);--btn-padding-x-lg: var(--space-6);--btn-font-size-sm: var(--text-sm);--btn-font-size-md: var(--text-base);--btn-font-size-lg: var(--text-lg);--btn-font-weight: var(--font-weight-medium);--btn-radius: var(--radius-button);--btn-transition: var(--transition-fast);--btn-icon-size: var(--button-icon-size);--btn-icon-gap: var(--space-2);--btn-icon-color: inherit;--btn-icon-stroke: var(--icon-stroke-ui);--card-padding: var(--space-6);--card-padding-sm: var(--space-4);--card-border-width: 1px;--card-border-color: var(--card-border);--card-background: var(--card-bg);--card-radius: var(--radius-card);--card-transition: var(--transition-base);--input-height: 2.5rem;--input-height-sm: 2rem;--input-height-lg: 3rem;--input-padding-x: var(--space-3);--input-padding-y: var(--space-2);--input-border-width: 1px;--input-radius: var(--radius-input);--input-font-size: var(--text-base);--input-transition: var(--transition-fast);--modal-backdrop: var(--color-background-overlay);--modal-background: var(--color-surface-primary);--modal-radius: var(--radius-modal);--modal-padding: var(--space-6);--modal-shadow: var(--shadow-2xl);--modal-z-index: var(--z-modal);--nav-height: 4rem;--nav-padding-x: var(--space-6);--nav-background: var(--color-surface-primary);--nav-border-color: var(--color-border-primary);--nav-shadow: var(--shadow-sm);--nav-icon-size: var(--menu-icon-size);--nav-icon-color: var(--icon-color-navigation);--nav-icon-hover-color: var(--icon-color-hover);--nav-icon-stroke: var(--icon-stroke-ui);--sidebar-width: 20rem;--sidebar-width-collapsed: 4rem;--sidebar-background: var(--color-surface-primary);--sidebar-border-color: var(--color-border-primary);--sidebar-z-index: var(--z-docked);--table-header-bg: var(--color-surface-secondary);--table-border-color: var(--color-border-primary);--table-row-hover: var(--color-surface-secondary);--table-cell-padding-x: var(--space-4);--table-cell-padding-y: var(--space-3);--tooltip-bg: var(--gray-900);--tooltip-text: var(--white);--tooltip-padding-x: var(--space-2);--tooltip-padding-y: var(--space-1);--tooltip-radius: var(--radius-md);--tooltip-font-size: var(--text-xs);--tooltip-z-index: var(--z-tooltip);--unit-indicator-size: .75rem;--unit-indicator-border: 2px solid var(--white);--unit-indicator-shadow: var(--shadow-sm);--viewer-background: var(--gray-100);--viewer-border-radius: var(--radius-xl);--viewer-controls-bg: rgba(255, 255, 255, .9);--viewer-controls-backdrop: blur(8px);--viewer-controls-radius: var(--radius-lg);--viewer-controls-shadow: var(--shadow-lg);--filter-section-spacing: var(--space-6);--filter-item-spacing: var(--space-3);--filter-group-border: var(--color-border-primary);--filter-active-color: var(--color-primary);--unit-list-item-height: 4rem;--unit-list-padding: var(--space-4);--unit-list-border: var(--color-border-primary);--unit-list-hover-bg: var(--color-surface-secondary);--unit-list-active-bg: var(--color-primary-light);--unit-list-active-border: var(--color-primary);--header-icon-size: var(--header-icon-size);--header-icon-color: var(--header-icon-color);--header-icon-stroke: var(--icon-stroke-ui);--header-icon-gap: var(--space-2);--form-icon-size: var(--form-icon-size);--form-icon-color: var(--icon-color-subtle);--form-icon-stroke: var(--icon-stroke-ui);--icon-btn-size-sm: 2rem;--icon-btn-size-md: 2.5rem;--icon-btn-size-lg: 3rem;--icon-btn-padding: var(--space-2);--icon-btn-radius: var(--radius-button);--icon-btn-transition: var(--transition-fast);--icon-btn-icon-size: var(--icon-size-body);--status-icon-size: var(--icon-size-caption);--status-icon-stroke: var(--icon-stroke-medium);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-family-body);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;background-color:var(--color-background-primary)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.bg-primary{background-color:var(--color-background-primary)}.bg-secondary{background-color:var(--color-background-secondary)}.bg-surface{background-color:var(--color-surface-primary)}.border{border:1px solid var(--color-border-primary)}.border-secondary{border:1px solid var(--color-border-secondary)}.rounded{border-radius:var(--radius-component)}.rounded-lg{border-radius:var(--radius-card)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.focus-ring:focus{outline:2px solid var(--color-primary);outline-offset:2px}html{overflow-y:auto;overflow-x:hidden}body{margin:0;padding:0;width:100%;min-height:100vh;overflow:visible!important}#root{margin:0;padding:0;width:100%;min-height:100vh}@media (max-width: 768px){html,body,#root{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;overflow-x:hidden!important;position:fixed!important;top:0!important;left:0!important;margin:0!important;padding:0!important}#root{-webkit-text-size-adjust:100%;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);letter-spacing:-.025em;margin-top:0;margin-bottom:var(--space-3);line-height:var(--line-height-tight)}h1{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}h2{font-size:var(--text-3xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}h3{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--text-xl);font-weight:var(--font-weight-medium)}h5{font-size:var(--text-lg);font-weight:var(--font-weight-medium)}h6{font-size:var(--text-base);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes ctaPulse{0%,to{box-shadow:0 6px 16px #18334066,0 2px 8px #0003}50%{box-shadow:0 8px 20px #18334099,0 4px 12px #0000004d}}@media (max-width: 768px){#chatbase-bubble-button{right:16px!important;bottom:28px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;left:auto!important;border-radius:50%!important}#chatbase-bubble-window{position:fixed!important;inset:0 0 104px!important;width:100vw!important;max-width:100vw!important;height:auto!important;max-height:none!important;border-radius:0 0 16px 16px!important;overflow:hidden!important}}