*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--cabo-primary: #1A73E8;--cabo-primary-light: #4A90E2;--cabo-primary-dark: #1557B0;--cabo-primary-glow: rgba(26, 115, 232, .5);--neon-blue: #00D4FF;--neon-purple: #B24BF3;--neon-pink: #FF2D92;--neon-green: #00FF88;--neon-gold: #FFD700;--neon-cyan: #00FFFF;--glow-blue: 0 0 20px rgba(0, 212, 255, .5), 0 0 40px rgba(0, 212, 255, .3), 0 0 60px rgba(0, 212, 255, .1);--glow-primary: 0 0 20px rgba(26, 115, 232, .6), 0 0 40px rgba(26, 115, 232, .4), 0 0 60px rgba(26, 115, 232, .2);--glow-purple: 0 0 20px rgba(178, 75, 243, .5), 0 0 40px rgba(178, 75, 243, .3);--glow-gold: 0 0 15px rgba(255, 215, 0, .5), 0 0 30px rgba(255, 215, 0, .3);--cabo-cream: #F5E6D3;--cabo-cream-light: #FFF8F0;--cabo-cream-medium: #E8D4B8;--cabo-cream-dark: #D4C4A8;--cabo-beige: #C9B896;--cabo-sand: #B8A67E;--cabo-accent: #6C5CE7;--cabo-accent-light: #A29BFE;--cabo-black: #000000;--cabo-white: #FFFFFF;--cabo-gray-50: #FAFAFA;--cabo-gray-100: #F5F5F5;--cabo-gray-200: #E5E5E5;--cabo-gray-300: #D4D4D4;--cabo-gray-400: #A3A3A3;--cabo-gray-500: #737373;--cabo-gray-600: #525252;--cabo-gray-700: #404040;--cabo-gray-800: #262626;--cabo-gray-900: #171717;--cabo-success: #10B981;--cabo-warning: #F59E0B;--cabo-error: #EF4444;--cabo-info: #3B82F6;--bg-gradient: linear-gradient( 135deg, #0F0F1A 0%, #1A1A2E 20%, #1A2634 40%, #1E3A4C 60%, #16213E 80%, #0F0F1A 100% );--page-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--page-bg-alt: linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 50%, #16213e 100%);--page-bg-vertical: linear-gradient(180deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--modal-bg: linear-gradient(180deg, #1e2a3a 0%, #16213e 100%);--bg-gradient-light: linear-gradient( 135deg, var(--cabo-cream-light) 0%, var(--cabo-cream) 25%, #E8F4FD 50%, var(--cabo-cream) 75%, var(--cabo-cream-light) 100% );--glass-bg: rgba(255, 255, 255, .08);--glass-bg-hover: rgba(255, 255, 255, .12);--glass-bg-active: rgba(255, 255, 255, .15);--glass-light-bg: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(245, 230, 211, .85) 100%);--glass-light-bg-solid: rgba(255, 248, 240, .92);--glass-light-bg-hover: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(245, 230, 211, .9) 100%);--glass-border: rgba(255, 255, 255, .15);--glass-border-light: rgba(255, 255, 255, .25);--glass-border-strong: rgba(255, 255, 255, .4);--glass-blur: blur(20px);--glass-blur-light: blur(10px);--glass-blur-heavy: blur(40px);--glass-saturate: saturate(180%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .25);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .3);--shadow-glow: 0 0 40px var(--cabo-primary-glow);--shadow-inset-light: inset 0 1px 0 rgba(255, 255, 255, .2);--shadow-inset-dark: inset 0 -1px 0 rgba(0, 0, 0, .1);--shadow-inset-glow: inset 0 0 20px rgba(255, 255, 255, .1);--surface-0: rgba(255, 255, 255, .05);--surface-1: rgba(255, 255, 255, .08);--surface-2: rgba(255, 255, 255, .1);--surface-3: rgba(255, 255, 255, .15);--surface-4: rgba(255, 255, 255, .2);--surface-hover: rgba(255, 255, 255, .12);--surface-input: rgba(255, 255, 255, .06);--surface-overlay: rgba(0, 0, 0, .7);--border-subtle: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .15);--border-strong: rgba(255, 255, 255, .2);--text-primary: rgba(255, 255, 255, 1);--text-secondary: rgba(255, 255, 255, .75);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .5);--text-placeholder: rgba(255, 255, 255, .45);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--glass-backdrop: blur(20px) saturate(180%);--btn-padding: .75rem 1.5rem;--btn-padding-sm: .5rem 1rem;--btn-radius: var(--radius-lg);--btn-font-size: var(--text-base);--btn-font-weight: 600;--btn-transition: all var(--transition-base);--btn-primary-bg: linear-gradient(135deg, var(--cabo-primary) 0%, var(--cabo-primary-dark) 100%);--btn-primary-shadow: 0 4px 16px rgba(26, 115, 232, .4);--btn-primary-shadow-hover: 0 8px 24px rgba(26, 115, 232, .5);--btn-danger-bg: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);--btn-danger-shadow: 0 4px 16px rgba(239, 68, 68, .4);--btn-success-bg: linear-gradient(135deg, #00C896 0%, #00A080 100%);--btn-success-shadow: 0 4px 16px rgba(0, 200, 150, .3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{font-size:16px;scroll-behavior:smooth}html,body,#root{height:100%;width:100%}body{font-family:var(--font-family);background:var(--bg-gradient);background-attachment:fixed;color:var(--cabo-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}html:not(.dark) body{--bg-gradient: linear-gradient(135deg, #FFF8F0 0%, #F5E6D3 25%, #E8F4FD 50%, #F5E6D3 75%, #FFF8F0 100%);background:var(--bg-gradient)!important;color:#1a1a2e;--surface-0: rgba(0, 0, 0, .03);--surface-1: rgba(0, 0, 0, .05);--surface-2: rgba(0, 0, 0, .06);--surface-3: rgba(0, 0, 0, .08);--surface-4: rgba(0, 0, 0, .1);--surface-hover: rgba(0, 0, 0, .08);--surface-input: rgba(0, 0, 0, .04);--surface-overlay: rgba(255, 255, 255, .8);--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-medium: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .18);--text-primary: #1a1a2e;--text-secondary: rgba(26, 26, 46, .7);--text-tertiary: rgba(26, 26, 46, .55);--text-muted: rgba(26, 26, 46, .4);--text-placeholder: rgba(26, 26, 46, .35);--glass-bg: rgba(255, 255, 255, .6);--glass-bg-hover: rgba(255, 255, 255, .75);--glass-bg-active: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .08);--glass-border-light: rgba(0, 0, 0, .12);--glass-border-strong: rgba(0, 0, 0, .18);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .15);--shadow-inset-light: inset 0 1px 0 rgba(255, 255, 255, .8);--shadow-inset-dark: inset 0 -1px 0 rgba(0, 0, 0, .05);--page-bg: linear-gradient(135deg, #FFF8F0 0%, #F5E6D3 25%, #E8F4FD 50%, #F5E6D3 75%, #FFF8F0 100%);--page-bg-alt: linear-gradient(135deg, #FFF8F0 0%, #F5E6D3 25%, #E8F4FD 50%, #F5E6D3 75%, #FFF8F0 100%);--page-bg-vertical: linear-gradient(180deg, #FFF8F0 0%, #F5E6D3 50%, #E8F4FD 100%);--modal-bg: linear-gradient(180deg, rgba(255, 255, 255, .95) 0%, rgba(245, 230, 211, .95) 100%)}html.dark body{background:var(--bg-gradient);color:var(--cabo-white)}.main-with-header{padding-top:70px;min-height:100vh}::selection{background:var(--cabo-primary);color:var(--cabo-white)}:focus-visible{outline:2px solid var(--cabo-primary);outline-offset:2px}.glass{position:relative;background:var(--glass-bg);backdrop-filter:var(--glass-blur) var(--glass-saturate);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--shadow-inset-light),var(--shadow-inset-dark);transition:all var(--transition-base)}.glass:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;pointer-events:none}.glass:after{content:"";position:absolute;top:1px;left:1px;right:1px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;pointer-events:none}.glass:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-light);transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-inset-light),var(--shadow-inset-dark),var(--shadow-glow)}.glass-light{position:relative;background:var(--glass-light-bg);backdrop-filter:var(--glass-blur) var(--glass-saturate);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),inset 0 2px 4px #fffc,inset 0 -2px 4px #0000000d;color:var(--cabo-gray-900);transition:all var(--transition-base)}.glass-light:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.6) 0%,transparent 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;pointer-events:none}.glass-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);font-family:inherit;font-size:var(--text-base);font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);overflow:hidden}.glass-btn-primary{background:linear-gradient(135deg,var(--cabo-primary) 0%,var(--cabo-primary-dark) 100%);color:var(--cabo-white);box-shadow:0 4px 16px #1a73e866,inset 0 1px #fff3,inset 0 -2px #0000001a}.glass-btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 100%);pointer-events:none}.glass-btn-primary:hover{background:linear-gradient(135deg,var(--cabo-primary-light) 0%,var(--cabo-primary) 100%);transform:translateY(-2px);box-shadow:0 8px 24px #1a73e880,inset 0 1px #ffffff4d,inset 0 -2px #0000001a}.glass-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #1a73e866,inset 0 2px 4px #0003}.glass-btn-secondary{background:linear-gradient(135deg,#ffffff40,#ffffff26);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(255,255,255,.4);color:var(--cabo-white);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 20px #0003,0 0 30px #1a73e826,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.glass-btn-secondary:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);border-color:#fff9;transform:translateY(-3px);box-shadow:0 8px 30px #00000040,0 0 40px #1a73e840,var(--glow-primary),inset 0 1px #fff6}.glass-btn-secondary:active{transform:translateY(-1px);background:linear-gradient(135deg,#fff6,#ffffff4d)}.glass-btn:focus-visible{outline:3px solid var(--cabo-primary-light);outline-offset:3px}.glass-btn-primary:focus-visible{outline-color:var(--cabo-white);box-shadow:0 8px 24px #1a73e880,0 0 0 4px #ffffff4d}.glass-btn-secondary:focus-visible{outline-color:var(--cabo-primary)}.glass-btn-full{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--cabo-primary-glow)}50%{box-shadow:0 0 40px var(--cabo-primary-glow)}}@keyframes neonPulse{0%,to{box-shadow:var(--glow-primary);filter:brightness(1)}50%{box-shadow:0 0 30px #1a73e8cc,0 0 60px #1a73e880,0 0 90px #1a73e84d;filter:brightness(1.1)}}@keyframes neonBorder{0%,to{border-color:var(--neon-blue);box-shadow:0 0 10px var(--neon-blue),inset 0 0 10px #00d4ff1a}50%{border-color:var(--neon-purple);box-shadow:0 0 15px var(--neon-purple),inset 0 0 15px #b24bf31a}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatParticle{0%{transform:translateY(100vh) translate(0) scale(0);opacity:0}10%{opacity:1;transform:translateY(90vh) translate(10px) scale(1)}90%{opacity:1;transform:translateY(10vh) translate(-10px) scale(1)}to{transform:translateY(-10vh) translate(0) scale(0);opacity:0}}@keyframes textGlow{0%,to{text-shadow:0 0 10px rgba(26,115,232,.5),0 0 20px rgba(26,115,232,.3)}50%{text-shadow:0 0 20px rgba(26,115,232,.8),0 0 40px rgba(26,115,232,.5),0 0 60px rgba(26,115,232,.3)}}@keyframes borderGlow{0%,to{border-color:#1a73e84d}50%{border-color:#1a73e8cc}}@keyframes holographic{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes rotate3d{0%{transform:perspective(1000px) rotateY(0) rotateX(0)}25%{transform:perspective(1000px) rotateY(5deg) rotateX(2deg)}50%{transform:perspective(1000px) rotateY(0) rotateX(0)}75%{transform:perspective(1000px) rotateY(-5deg) rotateX(-2deg)}to{transform:perspective(1000px) rotateY(0) rotateX(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-up{animation:slideUp .6s ease-out forwards}.animate-slide-down{animation:slideDown .6s ease-out forwards}.animate-scale-in{animation:scaleIn .4s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-neon-pulse{animation:neonPulse 3s ease-in-out infinite}.animate-neon-border{animation:neonBorder 4s ease-in-out infinite}.animate-gradient-shift{background-size:200% 200%;animation:gradientShift 5s ease-in-out infinite}.animate-text-glow{animation:textGlow 2s ease-in-out infinite}.animate-border-glow{animation:borderGlow 2s ease-in-out infinite}.animate-rotate-3d{animation:rotate3d 6s ease-in-out infinite}.animate-holographic{background:linear-gradient(135deg,#ffffff1a,#00d4ff1a,#b24bf31a,#ff2d921a,#ffffff1a);background-size:400% 400%;animation:holographic 8s linear infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.text-end{text-align:end}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}.ps-0{padding-inline-start:0}.pe-0{padding-inline-end:0}.ps-4{padding-inline-start:var(--space-4)}.pe-4{padding-inline-end:var(--space-4)}.ms-2{margin-inline-start:var(--space-2)}.me-2{margin-inline-end:var(--space-2)}.ms-4{margin-inline-start:var(--space-4)}.me-4{margin-inline-end:var(--space-4)}.start-0{inset-inline-start:0}.end-0{inset-inline-end:0}.start-4{inset-inline-start:var(--space-4)}.end-4{inset-inline-end:var(--space-4)}.border-s{border-inline-start:1px solid}.border-e{border-inline-end:1px solid}[dir=rtl] .icon-flip,[dir=rtl] .icon-arrow-left,[dir=rtl] .icon-arrow-right,[dir=rtl] .icon-chevron-left,[dir=rtl] .icon-chevron-right{transform:scaleX(-1)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.text-neon{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue),0 0 40px var(--neon-blue)}.text-neon-primary{color:var(--cabo-primary-light);text-shadow:0 0 10px var(--cabo-primary),0 0 20px var(--cabo-primary),0 0 30px var(--cabo-primary)}.border-neon{border:2px solid var(--neon-blue);box-shadow:0 0 10px var(--neon-blue),inset 0 0 10px #00d4ff1a}.glass-neon{position:relative;background:#0a0a1ecc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,212,255,.3);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006,0 0 30px #00d4ff1a,inset 0 1px #ffffff1a}.glass-neon:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-blue),transparent)}.btn-neon{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,#1a73e8e6,#1557b0e6);border:2px solid rgba(0,212,255,.5);border-radius:var(--radius-lg);color:#fff;font-weight:600;font-size:var(--text-base);cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #1a73e866,0 0 30px #00d4ff33,inset 0 1px #fff3}.btn-neon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-neon:hover{transform:translateY(-3px);box-shadow:0 8px 30px #1a73e899,0 0 50px #00d4ff4d,inset 0 1px #ffffff4d;border-color:var(--neon-blue)}.btn-neon:hover:before{left:100%}.btn-neon:active{transform:translateY(-1px)}.particles-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--neon-blue);border-radius:50%;box-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue);animation:floatParticle linear infinite}.grid-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px}.scanlines:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .flex-row{flex-direction:row-reverse}[dir=rtl] .rtl-flip,[dir=rtl] .arrow-left,[dir=rtl] .arrow-right,[dir=rtl] .nav-arrow{transform:scaleX(-1)}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] [style*=margin-left]{margin-left:unset!important;margin-right:var(--rtl-margin)}[dir=rtl] [style*=margin-right]{margin-right:unset!important;margin-left:var(--rtl-margin)}[dir=rtl] .border-left{border-left:none;border-right:3px solid var(--cabo-primary)}[dir=rtl] .border-right{border-right:none;border-left:1px solid rgba(255,255,255,.08)}[dir=rtl] .sidebar-left{left:unset;right:0}[dir=rtl] .main-with-sidebar{margin-left:0;margin-right:260px}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right}[dir=rtl] .ltr-preserve,[dir=rtl] .phone-number,[dir=rtl] .price,[dir=rtl] .code,[dir=rtl] input[type=tel],[dir=rtl] input[type=number]{direction:ltr;text-align:left}[dir=rtl] .timeline-vertical{border-left:none;border-right:2px solid rgba(255,255,255,.2)}[dir=rtl] .icon-left{left:unset;right:var(--space-4)}[dir=rtl] .icon-right{right:unset;left:var(--space-4)}[dir=rtl] .toast-right{right:unset;left:1rem}[dir=rtl] .dropdown-right{right:unset;left:0}[dir=rtl] .list-item-icon{margin-right:0;margin-left:var(--space-3)}[dir=rtl] .breadcrumb-separator{transform:scaleX(-1)}[dir=rtl] .progress-bar{direction:ltr}[dir=rtl] .carousel-prev{left:unset;right:0}[dir=rtl] .carousel-next{right:unset;left:0}[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] .modal-close{right:unset;left:1rem}[dir=rtl] .back-button{left:unset;right:var(--space-4)}[dir=rtl] .back-button svg{transform:scaleX(-1)}[dir=rtl] .card-actions{margin-left:0;margin-right:auto}[dir=rtl] .float-left{float:right}[dir=rtl] .float-right{float:left}[dir=rtl] .slide-in-left{animation-name:slideInRight}[dir=rtl] .slide-in-right{animation-name:slideInLeft}@keyframes slideInLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}[dir=rtl] .badge-top-right{right:unset;left:-4px}[dir=rtl] .chat-sent{margin-left:0;margin-right:auto;text-align:right}[dir=rtl] .chat-received{margin-right:0;margin-left:auto;text-align:left}html:not(.dark) .glass{background:var(--glass-light-bg);border-color:#00000014;box-shadow:0 4px 24px #00000014,inset 0 1px #fffc}html:not(.dark) .glass:before{background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,transparent 100%)}html:not(.dark) .glass-button{background:#fffc;color:var(--cabo-gray-800);border-color:#0000001a}html:not(.dark) .glass-button:hover{background:#fffffff2}html:not(.dark) .btn-primary{box-shadow:0 4px 16px #1a73e84d}html:not(.dark) ::selection{background:var(--cabo-primary);color:#fff}html:not(.dark) ::-webkit-scrollbar-track{background:#0000000d}html:not(.dark) ::-webkit-scrollbar-thumb{background:#00000026}html:not(.dark) ::-webkit-scrollbar-thumb:hover{background:#00000040}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.25s;animation-timing-function:ease-in-out}::view-transition-old(root){animation-name:fade-and-scale-out}::view-transition-new(root){animation-name:fade-and-scale-in}@keyframes fade-and-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes fade-and-scale-in{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}[data-page]::view-transition-old(page-content),[data-page]::view-transition-new(page-content){animation-duration:.3s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-from-right{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-to-left{0%{transform:translate(0);opacity:1}to{transform:translate(-30px);opacity:0}}@keyframes slide-from-bottom{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-to-top{0%{transform:translateY(0);opacity:1}to{transform:translateY(-30px);opacity:0}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(1.05);opacity:0}}::view-transition-old(root){animation:.2s ease-out both slide-to-left}::view-transition-new(root){animation:.2s ease-out both slide-from-right}[data-transition-direction=back]::view-transition-old(root){animation:.2s ease-out both slide-from-right;animation-direction:reverse}[data-transition-direction=back]::view-transition-new(root){animation:.2s ease-out both slide-to-left;animation-direction:reverse}::view-transition-old(modal){animation:.2s ease-out both scale-out}::view-transition-new(modal){animation:.2s ease-out both scale-in}::view-transition-old(card){animation:.15s ease-out both fade-out}::view-transition-new(card){animation:.25s ease-out both slide-from-bottom}.page-header{view-transition-name:page-header}.page-content{view-transition-name:page-content}.nav-bar{view-transition-name:nav-bar}.logo{view-transition-name:logo}::view-transition-old(page-header),::view-transition-new(page-header){animation:none}::view-transition-old(nav-bar),::view-transition-new(nav-bar){animation:none}::view-transition-old(page-content){animation:.2s ease-out both slide-to-top}::view-transition-new(page-content){animation:.2s ease-out both slide-from-bottom}::view-transition-old(logo),::view-transition-new(logo){animation-duration:.3s}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),::view-transition-old(modal),::view-transition-new(modal),::view-transition-old(card),::view-transition-new(card),::view-transition-old(page-content),::view-transition-new(page-content){animation:none}}html:not(.dark)::view-transition-old(root),html:not(.dark)::view-transition-new(root){mix-blend-mode:normal}html.dark::view-transition-old(root),html.dark::view-transition-new(root){mix-blend-mode:normal}@supports not (view-transition-name: none){.page-transition-enter{animation:.2s ease-out slide-from-right}.page-transition-exit{animation:.2s ease-out slide-to-left}}._skipLinks_1f4b3_4{position:absolute;top:0;left:0;z-index:10000}._skipLink_1f4b3_4{position:absolute;left:-9999px;top:0;padding:12px 24px;background:#1a73e8;color:var(--text-primary);font-weight:600;font-size:14px;text-decoration:none;border-radius:0 0 8px;box-shadow:0 4px 12px #1a73e866;transition:left .2s ease}._skipLink_1f4b3_4:focus{left:0;outline:3px solid #FFD700;outline-offset:2px}._skipLink_1f4b3_4:hover{background:#1557b0}._skipLink_1f4b3_4:nth-child(2){top:48px}
