:root{--primary: #0052CC;--primary-hover: #0041A8;--primary-dark: #002B72;--primary-ice: #EEF4FE;--primary-ice-subtle: #F4F8FF;--primary-border: #D7E4F9;--primary-light: #EBF2FF;--accent-red: #FF3B30;--accent-orange: #EA580C;--bg: #FFFFFF;--surface: #FFFFFF;--surface-soft: #F8FAFC;--surface-alt: #F1F5F9;--ink: #0F172A;--ink-secondary: #334155;--ink-soft: #475569;--ink-muted: #64748B;--ink-light: #94A3B8;--line: #E2E8F0;--line-strong: #CBD5E1;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--r-hero: 28px;--r-card: 16px;--r-btn: 8px;--r-pill: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 8px rgba(0, 82, 204, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 36px rgba(0, 82, 204, .08);--transition: all .2s cubic-bezier(.16, 1, .3, 1);--font-heading: "Outfit", "Plus Jakarta Sans", -apple-system, sans-serif;--font-body: "Plus Jakarta Sans", "Inter", -apple-system, sans-serif;--font-sora: var(--font-heading)}:root[data-theme=dark],html[data-theme=dark],[data-theme=dark]{color-scheme:dark;--bg: #0B111E;--surface: #111A2E;--surface-soft: #16223B;--surface-alt: #1E2D4C;--ink: #F8FAFC;--ink-secondary: #E2E8F0;--ink-soft: #CBD5E1;--ink-muted: #94A3B8;--ink-light: #94A3B8;--line: #1E2D4C;--line-strong: #334B75;--primary: #38BDF8;--primary-hover: #60A5FA;--primary-dark: #0A1931;--primary-ice: #132240;--primary-border: #1E3563;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .55);--shadow-lg: 0 16px 36px rgba(0, 0, 0, .7)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;margin:0;padding:0;font-family:var(--font-body);color:var(--ink);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0;letter-spacing:-.025em;color:var(--ink);font-weight:700}p,span,button,input,label,a{font-family:var(--font-body)}p{margin:0}a{text-decoration:none;color:inherit}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] .filter-heading{color:#f8fafc!important}[data-theme=dark] .cat-label-text{color:#f1f5f9!important}[data-theme=dark] .subcat-text,[data-theme=dark] .brand-text{color:#e2e8f0!important}[data-theme=dark] .dir-title,[data-theme=dark] .section-title,[data-theme=dark] .view-title,[data-theme=dark] .st-name,[data-theme=dark] .g-card-title,[data-theme=dark] .store-main-title{color:#f8fafc!important}[data-theme=dark] .dir-subtitle,[data-theme=dark] .section-sub,[data-theme=dark] .view-subtitle,[data-theme=dark] .g-card-desc,[data-theme=dark] .st-desc,[data-theme=dark] .store-full-desc{color:#cbd5e1!important}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color:#f8fafc!important}.guest-modal-card .guest-title,.login-modal-card .login-title,.profile-modal-card .modal-top-title,.welcome-modal-card .welcome-title{color:#0f172a!important}.guest-modal-card .guest-message,.login-modal-card .login-subtitle,.profile-modal-card .profile-subtitle,.welcome-modal-card .welcome-subtitle{color:#475569!important}.profile-modal-card .user-name,.profile-modal-card .role-title{color:#0f172a!important}[data-theme=dark] .guest-modal-card,[data-theme=dark] .login-modal-card,[data-theme=dark] .profile-modal-card,[data-theme=dark] .welcome-modal-card{background-color:#111a2e!important;border:1px solid #1E2D4C!important;box-shadow:0 25px 50px -12px #000000bf!important;color:#f8fafc!important}[data-theme=dark] .guest-modal-card .guest-title,[data-theme=dark] .login-modal-card .login-title,[data-theme=dark] .profile-modal-card .modal-top-title,[data-theme=dark] .welcome-modal-card .welcome-title{color:#f8fafc!important}[data-theme=dark] .guest-modal-card .guest-message,[data-theme=dark] .login-modal-card .login-subtitle,[data-theme=dark] .profile-modal-card .profile-subtitle,[data-theme=dark] .welcome-modal-card .welcome-subtitle{color:#cbd5e1!important}[data-theme=dark] .guest-modal-card .btn-primary-login,[data-theme=dark] .login-modal-card .btn-google{background-color:#16223b!important;color:#f8fafc!important;border-color:#334b75!important}[data-theme=dark] .guest-modal-card .btn-primary-login:hover,[data-theme=dark] .login-modal-card .btn-google:hover{background-color:#1e2d4c!important;border-color:#38bdf8!important}[data-theme=dark] .guest-modal-card .btn-not-now,[data-theme=dark] .welcome-modal-card .btn-guest{background-color:#16223b!important;color:#cbd5e1!important;border-color:#334b75!important}[data-theme=dark] .profile-modal-card .google-user-preview,[data-theme=dark] .profile-modal-card .role-card,[data-theme=dark] .profile-modal-card .input-with-prefix{background-color:#16223b!important;border-color:#1e2d4c!important}[data-theme=dark] .profile-modal-card .user-name,[data-theme=dark] .profile-modal-card .role-title{color:#f8fafc!important}[data-theme=dark] .profile-modal-card .user-email,[data-theme=dark] .profile-modal-card .role-desc,[data-theme=dark] .profile-modal-card .input-helper{color:#94a3b8!important}[data-theme=dark] .profile-modal-card .phone-flag{background-color:#1e2d4c!important;color:#cbd5e1!important;border-right-color:#334b75!important}[data-theme=dark] .profile-modal-card .form-input{background-color:transparent!important;color:#f8fafc!important}[data-theme=dark] .profile-modal-card .role-card.selected{background-color:#38bdf81f!important;border-color:#38bdf8!important}[data-theme=dark] .profile-modal-card .terms-checkbox-label{color:#cbd5e1!important}html,body{overflow-x:clip;width:100%;position:relative}img,video,svg{max-width:100%}.altoq-header{view-transition-name:altoq-header}.altoq-footer{view-transition-name:altoq-footer}.altoq-main-content{view-transition-name:altoq-main-content}::view-transition-group(altoq-header),::view-transition-old(altoq-header),::view-transition-new(altoq-header),::view-transition-group(altoq-footer),::view-transition-old(altoq-footer),::view-transition-new(altoq-footer){animation:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}::view-transition-old(altoq-main-content){animation:.12s ease-out both fadeOutContent}::view-transition-new(altoq-main-content){animation:.18s ease-out both fadeInContent}@keyframes fadeOutContent{0%{opacity:1}to{opacity:0}}@keyframes fadeInContent{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.web-main-router-content,.altoq-main-content{flex:1;width:100%;min-height:calc(100vh - 120px);position:relative}