@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-primary:#f59e0b;--color-primary-hover:#e8930a;--color-primary-light:#f59e0b1a;--color-primary-glow:#f59e0b40;--color-success:#10b981;--color-success-light:#10b9811a;--color-danger:#ef4444;--color-danger-light:#ef44441a;--color-info:#6366f1;--color-info-light:#6366f11a;--color-bg-base:#f8f9fb;--color-bg-surface:#fff;--color-bg-surface-hover:#f1f5f9;--color-bg-elevated:#fff;--color-bg-inset:#f1f3f5;--color-text-main:#1a1a2e;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-divider:#e5e7eb;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001a;--shadow-glow:0 0 20px var(--color-primary-glow);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--color-bg-base:#0f1117;--color-bg-surface:#1a1d27;--color-bg-surface-hover:#252836;--color-bg-elevated:#1e2130;--color-bg-inset:#12141c;--color-text-main:#f1f3f5;--color-text-secondary:#a1a7b5;--color-text-muted:#6b7280;--color-border:#2a2d3a;--color-border-light:#1f2230;--color-divider:#2a2d3a;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 30px #00000080}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--color-bg-base);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif;line-height:1.6}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}button,a,[role=button]{-webkit-tap-highlight-color:transparent;outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--color-text-main);font-weight:600}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error,.text-danger{color:var(--color-danger)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.m-0{margin:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.w-full{width:100%}.h-full{height:100%}.border-b{border-bottom:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-error{border-color:var(--color-danger)!important}.font-medium{font-weight:500}.font-bold{font-weight:700}.block{display:block}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.glass-panel{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.glass-panel-heavy{background:var(--color-bg-surface);border-right:1px solid var(--color-border)}.glass-card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-inset);color:var(--color-text-main);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-surface-hover);border-color:var(--color-text-muted)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-success{background:var(--color-success);color:#fff}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:none}.btn-ghost:hover{background:var(--color-bg-surface-hover);color:var(--color-text-main)}.form-group{margin-bottom:1rem}.form-label{color:var(--color-text-secondary);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea{background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);width:100%;color:var(--color-text-main);transition:all var(--transition-fast);padding:10px 14px;font-family:Outfit,sans-serif;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background-color:var(--color-bg-surface);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.spinner{border:3.5px solid var(--color-border,#00000014);border-top-color:var(--color-primary,#f59e0b);filter:drop-shadow(0 0 6px #f59e0b40);border-right-color:#f59e0b66;border-radius:50%;width:40px;height:40px;animation:.9s cubic-bezier(.45,.05,.55,.95) infinite spin}.loading-spinner{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{width:100%;max-width:480px;margin:60px auto;position:relative}.app-container{background:var(--color-bg-base);height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--color-bg-surface);border-right:1px solid var(--color-border);width:240px;transition:width .28s cubic-bezier(.4, 0, .2, 1), background var(--transition-normal), border var(--transition-normal);z-index:40;flex-direction:column;flex-shrink:0;display:flex;position:relative}.sidebar.collapsed{width:72px}.sidebar-collapse-btn{border:1px solid var(--color-border);background:var(--color-bg-base);width:30px;height:30px;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #0000000a}.sidebar-collapse-btn:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary);transform:scale(1.06)}.sidebar-collapse-btn:active{transform:scale(.96)}.sidebar-header{border-bottom:1px solid var(--color-border);padding:20px 16px 16px;transition:padding .25s}.nav-links{flex-direction:column;gap:4px;padding:12px;transition:padding .25s;display:flex}.nav-link{border-radius:var(--border-radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.sidebar.collapsed .nav-link{border-radius:var(--border-radius-md);justify-content:center;gap:0;padding:11px 0}.sidebar.collapsed .nav-link svg{flex-shrink:0}.sidebar.collapsed .sidebar-restaurant-info{display:none!important}.sidebar.collapsed .sidebar-footer{padding:12px 8px!important}.sidebar.collapsed .sidebar-logout-btn{justify-content:center!important;padding:10px 0!important}.nav-link:hover{background:var(--color-bg-surface-hover);color:var(--color-text-main)}.nav-link.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.main-content{background:var(--color-bg-base);transition:background var(--transition-normal);flex-direction:column;flex:1;display:flex;overflow:auto}.page-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.page-body{flex:1;padding:24px 32px;overflow-y:auto}.responsive-grid{grid-template-columns:repeat(1,1fr);gap:16px;display:grid}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}@media (width>=1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.xl\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.xl\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}@media (width<=767px){.mobile-only{display:flex!important}.app-container{flex-direction:column!important;width:100vw!important;height:100vh!important;position:relative!important;overflow:hidden!important}.main-content{-webkit-overflow-scrolling:touch!important;flex:auto!important;height:calc(100vh - 60px)!important;padding-bottom:0!important;overflow-y:auto!important}.desktop-sidebar-only{display:none!important}.sidebar,.sidebar.collapsed{width:100%!important;min-width:100%!important;max-width:100%!important}.mobile-bottom-nav{background:var(--color-bg-surface)!important;border-top:1px solid var(--color-border)!important;z-index:950!important;width:100%!important;height:60px!important;padding-bottom:max(4px, env(safe-area-inset-bottom,0px))!important;justify-content:space-around!important;align-items:center!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -4px 20px #00000014!important}.mobile-nav-tab{height:100%;color:var(--color-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.7rem;font-weight:600;text-decoration:none;transition:color .15s,transform .1s;display:flex}.mobile-nav-tab:active{transform:scale(.94)}.mobile-nav-tab.active{color:#f59e0b;font-weight:800}.mobile-nav-tab.active svg{color:#f59e0b;transform:scale(1.08)}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(6px);z-index:10000;background:#0f172aa6;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-drawer-sheet{background:var(--color-bg-surface);border-top:1px solid var(--color-border);border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;gap:16px;max-height:85vh;padding:12px 18px 24px;display:flex;overflow-y:auto;box-shadow:0 -10px 40px #00000040}.mobile-drawer-handle{background:var(--color-border);border-radius:4px;width:36px;height:4px;margin:0 auto}.mobile-drawer-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.mobile-drawer-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=360px){.mobile-drawer-grid{grid-template-columns:repeat(3,1fr);gap:8px}}.mobile-drawer-item{color:var(--color-text-main);text-align:center;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;text-decoration:none;transition:transform .15s,background .15s;display:flex}.mobile-drawer-item:active{background:var(--color-bg-surface-hover);transform:scale(.94)}.mobile-drawer-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.mobile-drawer-item span{font-size:.72rem;font-weight:700;line-height:1.2}.mobile-drawer-footer{border-top:1px solid var(--color-border);gap:10px;padding-top:10px;display:flex}.pos-menu-panel{flex:100%!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important}.pos-resizer-divider{display:none!important}.page-header{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.page-header h1,.page-header h2{font-size:1.3rem}.page-body{padding:12px}.responsive-row{flex-direction:column!important;gap:12px!important}.responsive-sidebar{border-bottom:1px solid var(--color-border);border-right:none!important;width:100%!important}.responsive-cart{background-color:var(--color-bg-base);z-index:1000!important;width:100vw!important;height:100%!important;position:fixed!important;inset:0!important}.mobile-hidden{display:none!important}.table-responsive{width:100%;overflow-x:auto}.floating-cart-btn{width:calc(100% - 32px)!important;max-width:400px!important;left:50%!important;bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;z-index:900!important;border-radius:50px!important;font-size:.95rem!important;font-weight:800!important;transform:translate(-50%)!important}.table-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media (width>=768px){.mobile-bottom-nav{display:none!important}.desktop-sidebar-only{display:flex!important}}@media (width>=768px) and (width<=1180px){.cart-sidebar.responsive-cart{z-index:10!important;border-left:1px solid var(--color-border)!important;width:340px!important;height:100%!important;box-shadow:none!important;flex-shrink:0!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important}.cart-sidebar.responsive-cart.mobile-hidden{display:flex!important}.floating-cart-btn{display:none!important}.dish-card div[style*="height: '120px'"],.dish-card img{height:90px!important}.dish-card div[style*="padding: '14px'"]{padding:8px 10px!important}div[style*="padding: '20px 24px'"]{padding:12px 16px!important}.dish-card div[style*="height: '2.7em'"]{height:2.6em!important;font-size:.8rem!important}}.desktop-only{display:block}.mobile-only{display:none}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.table-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes splash-fade{0%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1.1)}to{opacity:0;visibility:hidden;transform:scale(1.2)}}@keyframes splash-text{0%{opacity:0;transform:translateY(20px)scale(.9)}20%{opacity:1;transform:translateY(0)scale(1.1)}30%{transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-up-smooth{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 15px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.animate-fade-in{animation:.3s forwards fade-in}.animate-slide-in{animation:.4s forwards slide-in}.animate-slide-up{animation:.3s ease-out forwards slide-up}.animate-slide-up-smooth{animation:.6s cubic-bezier(.16,1,.3,1) forwards slide-up-smooth}.animate-splash{animation:2.5s cubic-bezier(.16,1,.3,1) forwards splash-fade}.animate-splash-text{animation:2s cubic-bezier(.16,1,.3,1) forwards splash-text}.animate-pulse-glow{animation:2s infinite pulse-glow}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #ffffff4d}[data-theme=dark] .glass-panel{background:#1a1d27d9;border:1px solid #ffffff0d}.shadow-soft{box-shadow:0 8px 30px #0000000a}[data-theme=dark] .shadow-soft{box-shadow:0 8px 30px #0003}.stagger-1{animation-delay:30ms}.stagger-2{animation-delay:60ms}.stagger-3{animation-delay:90ms}.stagger-4{animation-delay:.12s}@media print{html,body{height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}body *{visibility:hidden}body>#root{display:none!important}body>#printable-invoice,body>#printable-invoice *{visibility:visible}body>#printable-invoice{width:100%;max-width:80mm;margin:0 auto;color:#000!important;background:#fff!important;display:block!important}body>#printable-payslip,body>#printable-payslip *{visibility:visible!important}body>#printable-payslip{width:100%;max-width:210mm;margin:0 auto;padding:12mm 16mm;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:11pt;line-height:1.45;position:absolute;top:0;left:0;color:#0f172a!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;display:block!important}body>#printable-payslip table{border-collapse:collapse;width:100%}body>#printable-payslip th,body>#printable-payslip td{text-align:left;padding:6px 10px}.no-print{display:none!important}@page{margin:0}}.login-page{background:var(--color-bg-base);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-bg-glow{filter:blur(120px);opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.login-bg-glow-1{background:var(--color-primary);width:500px;height:500px;animation:8s ease-in-out infinite float;top:-150px;right:-150px}.login-bg-glow-2{background:var(--color-info);width:400px;height:400px;animation:10s ease-in-out infinite reverse float;bottom:-100px;left:-100px}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.03)}}.login-container{z-index:1;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:40px 36px;position:relative}.login-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.login-logo-icon{background:var(--color-primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.login-logo h1{margin:0;font-size:1.6rem}.login-form{flex-direction:column;gap:18px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-input-wrapper{position:relative}.login-input-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-toggle-password{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-error{background:var(--color-danger-light);color:var(--color-danger);border:1px solid #ef444433;border-radius:8px;padding:12px 16px;font-size:.9rem}.login-field.has-error .form-input,.login-field.has-error .form-select{background-color:#ef44440a!important;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f!important}.login-field.is-valid .form-input,.login-field.is-valid .form-select{border-color:#22c55e!important}.field-error-msg{color:#ef4444;align-items:center;gap:5px;margin-top:5px;font-size:.78rem;font-weight:500;line-height:1.3;display:flex}.field-hint-msg{color:var(--color-text-muted);margin-top:4px;font-size:.75rem;display:block}.phone-prefix-badge{color:var(--color-text-main);border-right:1px solid var(--color-border);pointer-events:none;z-index:2;align-items:center;gap:6px;padding-right:10px;font-size:.88rem;font-weight:600;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.valid-check-icon{color:#22c55e;pointer-events:none;z-index:2;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.landing-page{background:var(--color-bg-base);min-height:100vh;color:var(--color-text-main);font-family:Outfit,system-ui,sans-serif;overflow-x:hidden}.skip-link{background:var(--color-primary,#f59e0b);z-index:99999;border-radius:8px;padding:12px 20px;font-size:.9rem;font-weight:800;text-decoration:none;transition:top .2s ease-out;position:absolute;top:-100px;left:20px;box-shadow:0 8px 24px #0000004d;color:#000!important}.skip-link:focus{outline:3px solid #fff;top:20px!important}:focus-visible{outline:2px solid var(--color-primary,#f59e0b)!important;outline-offset:3px!important}.landing-nav{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#f8f9fbcc;transition:all .3s;position:fixed;top:0;left:0;right:0}[data-theme=dark] .landing-nav{background:#0f1117d9}.landing-nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:70px;margin:0 auto;padding:0 32px;display:flex}.landing-nav-logo{color:var(--color-text-main);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.landing-nav-links{align-items:center;gap:32px;display:flex}.landing-nav-links a{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.landing-nav-links a:hover{color:var(--color-primary)}.landing-mobile-toggle{color:var(--color-text-main);cursor:pointer;background:0 0;border:none;display:none}.landing-hero{z-index:1;text-align:center;padding:160px 32px 80px;position:relative}.landing-hero-content{flex-direction:column;align-items:center;max-width:800px;margin:0 auto;display:flex}.landing-badge{background:var(--color-primary-light);color:var(--color-primary);letter-spacing:.04em;text-transform:uppercase;border:1px solid #f59e0b33;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.landing-hero-title{letter-spacing:-.04em;color:var(--color-text-main);margin-bottom:20px;font-size:clamp(2.8rem,5.5vw,4.5rem);font-weight:800;line-height:1.08}.landing-hero-title .text-gradient{background:linear-gradient(135deg, var(--color-text-main) 0%, var(--color-text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.landing-hero-title .text-primary{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.landing-hero-sub{color:var(--color-text-secondary);max-width:600px;margin:0 auto 40px;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:400;line-height:1.7}.landing-hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-premium{background:var(--color-primary);justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #f59e0b4d;color:#fff!important;border-radius:100px!important;padding:14px 32px!important;font-size:1rem!important;font-weight:600!important;transition:all .3s!important}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b66}.btn-premium svg{transition:transform .3s}.btn-premium:hover svg{transform:translate(4px)}.btn-premium-outline{color:var(--color-text-main);background:0 0;text-decoration:none;border:1px solid var(--color-border)!important;border-radius:100px!important;padding:14px 32px!important;font-size:1rem!important;font-weight:600!important;transition:all .3s!important}.btn-premium-outline:hover{background:var(--color-bg-surface-hover);transform:translateY(-1px);border-color:var(--color-text-muted)!important}.landing-mockup-stage{width:100%;max-width:1140px;margin-top:56px;margin-left:auto;margin-right:auto;padding:0 16px;position:relative}.landing-mockup-glow{filter:blur(80px);pointer-events:none;z-index:0;opacity:.85;background:radial-gradient(circle,#f59e0b33 0%,#6366f11a 45%,#0000 70%);width:90%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-mockup-frame{z-index:1;background:var(--color-bg-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:10px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;box-shadow:0 30px 90px -20px #00000059,0 10px 30px -10px #f59e0b1f,0 0 0 1px #f59e0b26}.landing-mockup-frame:hover{transform:translateY(-4px);box-shadow:0 40px 110px -20px #00000073,0 16px 40px -10px #f59e0b40,0 0 0 1px #f59e0b59}.landing-mockup-inner{aspect-ratio:1536/1024;background:#111;border-radius:16px;position:relative;overflow:hidden}.landing-mockup-img{object-fit:cover;aspect-ratio:1536/1024;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;border-radius:16px;display:block}.mockup-floating-badge{z-index:3;background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-main);box-shadow:var(--shadow-lg), 0 8px 24px #0000001f;pointer-events:none;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:700;animation:6s ease-in-out infinite floatBadge;display:flex;position:absolute}.mockup-floating-badge-1{animation-delay:0s;top:24px;left:24px}.mockup-floating-badge-2{animation-delay:1.5s;top:24px;right:24px}.mockup-floating-badge-3{animation-delay:3s;bottom:24px;left:24px}.mockup-floating-badge-4{animation-delay:4.5s;bottom:24px;right:24px}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=860px){.mockup-floating-badge{display:none}.landing-mockup-frame{border-radius:16px;padding:6px}.landing-mockup-inner{border-radius:12px}}.landing-section{z-index:1;padding:100px 32px;position:relative}.landing-section-inner{max-width:1200px;margin:0 auto}.landing-section-header{text-align:left;max-width:600px;margin-bottom:60px}.landing-section-header.center{text-align:center;margin:0 auto 60px}.landing-section-header h2{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;line-height:1.15}.landing-section-header p{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:32px;transition:all .3s}.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.feature-card h3{letter-spacing:-.01em;margin-bottom:10px;font-size:1.2rem;font-weight:700}.feature-card p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.steps-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.step-card{flex-direction:column;align-items:center;gap:16px;display:flex}.step-number{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex}.step-card h3{font-size:1.15rem;font-weight:700}.step-card p{color:var(--color-text-secondary);max-width:280px;font-size:.9rem;line-height:1.6}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;display:grid}.pricing-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);flex-direction:column;padding:36px;transition:all .3s;display:flex}.pricing-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.pricing-card.highlight{border-color:var(--color-primary);position:relative;box-shadow:0 8px 30px #f59e0b1f}.pricing-card.highlight:before{content:"Most Popular";background:var(--color-primary);color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:100px;padding:4px 16px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-name{color:var(--color-text-secondary);margin-bottom:12px;font-size:1.1rem;font-weight:600}.pricing-price{letter-spacing:-.04em;color:var(--color-text-main);margin-bottom:4px;font-size:3rem;font-weight:800;line-height:1}.pricing-period{color:var(--color-text-muted);margin-bottom:20px;font-size:.85rem;font-weight:500}.pricing-desc{color:var(--color-text-secondary);margin-bottom:24px;font-size:.9rem;line-height:1.5}.pricing-features{flex:1;margin:0 0 32px;padding:0;list-style:none}.pricing-features li{color:var(--color-text-secondary);align-items:flex-start;gap:10px;margin-bottom:12px;font-size:.9rem;line-height:1.5;display:flex}.pricing-features li svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.landing-footer{border-top:1px solid var(--color-border);background:var(--color-bg-surface);padding:60px 32px 32px}.landing-footer-inner{flex-wrap:wrap;justify-content:space-between;gap:48px;max-width:1200px;margin:0 auto;display:flex}.footer-brand{max-width:280px}.footer-logo{color:var(--color-text-main);margin-bottom:16px;font-size:1.3rem;font-weight:700;text-decoration:none;display:block}.footer-desc{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.footer-links-group h4{color:var(--color-text-main);margin-bottom:16px;font-size:.95rem;font-weight:600}.footer-links-group a{color:var(--color-text-muted);margin-bottom:10px;font-size:.9rem;text-decoration:none;transition:color .2s;display:block}.footer-links-group a:hover{color:var(--color-primary)}.landing-footer-bottom{border-top:1px solid var(--color-border);max-width:1200px;color:var(--color-text-muted);justify-content:space-between;margin:48px auto 0;padding-top:24px;font-size:.85rem;display:flex}@keyframes revealUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal-up{animation:.7s cubic-bezier(.16,1,.3,1) forwards revealUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@media (width<=1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:1fr;gap:24px}.pricing-grid{grid-template-columns:1fr;gap:20px;max-width:440px;margin:0 auto}}@media (width<=768px){.landing-mobile-toggle{display:block}.landing-nav-links{background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);flex-direction:column;gap:20px;padding:24px;display:none;position:absolute;top:70px;left:0;right:0}.landing-nav-links.open{display:flex}.landing-hero{padding:130px 20px 60px}.feature-grid{grid-template-columns:1fr}.landing-footer-inner{flex-direction:column}.landing-footer-bottom{text-align:center;flex-direction:column;gap:12px}}.premium-pricing-grid,.premium-pricing-card,.premium-footer,.bento-grid,.bento-card{display:none}.animate-slide-in-right{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight}.landing-glow-1{background:radial-gradient(circle,#f59e0b 0%,#0000 70%);width:400px;height:400px;animation:12s ease-in-out infinite alternate float-slow-1;top:10%;left:15%}.landing-glow-2{background:radial-gradient(circle,#6366f1 0%,#0000 70%);width:500px;height:500px;animation:16s ease-in-out infinite alternate float-slow-2;top:25%;right:10%}.landing-glow-3{background:radial-gradient(circle,#10b981 0%,#0000 70%);width:350px;height:350px;animation:14s ease-in-out infinite alternate-reverse float-slow-1;bottom:20%;left:30%}@keyframes float-slow-1{0%{transform:translate(0)scale(1)}to{transform:translate(80px,60px)scale(1.15)}}@keyframes float-slow-2{0%{transform:translate(0)scale(1.1)}to{transform:translate(-60px,-50px)scale(.9)}}.landing-grid-overlay{pointer-events:none;z-index:0;opacity:.35;background-image:linear-gradient(#f59e0b0d 1px,#0000 1px),linear-gradient(90deg,#f59e0b0d 1px,#0000 1px);background-position:50%;background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 80%);mask-image:radial-gradient(circle,#000 30%,#0000 80%)}[data-theme=dark] .landing-grid-overlay{opacity:.55;background-image:linear-gradient(#f59e0b05 1px,#0000 1px),linear-gradient(90deg,#f59e0b05 1px,#0000 1px)}.floating-hero-icon{animation:4s ease-in-out infinite alternate float-icon}@keyframes float-icon{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-8px)rotate(4deg)}}.comparison-table-wrapper{border-radius:var(--border-radius-xl);border:1px solid var(--color-border);background:var(--color-bg-surface);box-shadow:var(--shadow-md);margin-top:36px;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;width:100%;font-size:.92rem}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--color-border);padding:16px 20px}.comparison-table th{background:var(--color-bg-inset);color:var(--color-text-main);letter-spacing:-.01em;font-size:.88rem;font-weight:700}.comparison-table th.highlight-col,.comparison-table td.highlight-col{background:#f59e0b0a}[data-theme=dark] .comparison-table th.highlight-col,[data-theme=dark] .comparison-table td.highlight-col{background:#f59e0b14}.comparison-table tr:last-child td{border-bottom:none}.faq-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:36px;display:grid}@media (width<=768px){.faq-grid{grid-template-columns:1fr}}.faq-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);transition:all var(--transition-normal);padding:24px}.faq-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.faq-question{color:var(--color-text-main);align-items:flex-start;gap:10px;margin-bottom:10px;font-size:1.05rem;font-weight:700;display:flex}.faq-answer{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.theme-toggle{background:var(--color-bg-inset);border:1px solid var(--color-border);cursor:pointer;width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--color-bg-surface-hover);color:var(--color-primary);border-color:var(--color-primary)}.pos-resizer-divider{cursor:col-resize;z-index:40;-webkit-user-select:none;user-select:none;background-color:#0000;justify-content:center;align-items:center;width:10px;margin:0 -5px;transition:background-color .15s;display:flex;position:relative}.pos-resizer-divider:hover .pos-resizer-handle,.pos-resizer-divider.dragging .pos-resizer-handle{box-shadow:0 0 10px #f59e0b66;background-color:var(--color-primary,#f59e0b)!important;width:3px!important;height:60px!important}@media (width<=1023px){.pos-resizer-divider{display:none!important}.pos-menu-panel{flex:100%!important;min-width:0!important;max-width:100%!important}.cart-sidebar.responsive-cart{z-index:100!important;flex:none!important;width:100%!important;max-width:100%!important;position:fixed!important;inset:0!important}}.pos-nav-arrow-btn{border:1px solid var(--color-border);background:var(--color-bg-base);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--color-text-secondary);cursor:pointer;border-radius:10px;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.pos-nav-arrow-btn:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#f59e0b26 0%,#d977060d 100%);transition:opacity .22s;position:absolute;inset:0}.pos-nav-arrow-btn:hover{color:#d97706;border-color:#f59e0b80;transform:translateY(-1px);box-shadow:0 4px 12px -1px #f59e0b38,0 2px 4px #0000000a}.pos-nav-arrow-btn:hover:before{opacity:1}.pos-nav-arrow-btn:active{transition-duration:80ms;transform:translateY(0)scale(.92);box-shadow:0 1px 2px #0000000f}.pos-nav-arrow-icon{z-index:1;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .2s;display:flex;position:relative}.pos-nav-arrow-btn.is-expanded .pos-nav-arrow-icon{color:#d97706;transform:rotate(180deg)}.pos-nav-arrow-btn.is-collapsed:hover .pos-nav-arrow-icon{transform:translateY(2px)}.pos-nav-arrow-btn.is-expanded:hover .pos-nav-arrow-icon{transform:rotate(180deg)translateY(2px)}.pos-nav-drawer-wrapper{background-color:var(--color-bg-base);border-bottom:0 solid #0000;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.16,1,.3,1),border-color .25s;display:grid;overflow:hidden}.pos-nav-drawer-wrapper.is-open{border-bottom:1px solid var(--color-border);grid-template-rows:1fr}.pos-nav-drawer-inner{opacity:0;min-height:0;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateY(-8px)}.pos-nav-drawer-wrapper.is-open .pos-nav-drawer-inner{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.pos-nav-drawer-wrapper,.pos-nav-drawer-inner,.pos-nav-arrow-btn,.pos-nav-arrow-icon{transition:none!important;animation:none!important}}:root{--notch-bg:#fff;--notch-text:#111827;--notch-text-muted:#4b5563;--notch-text-hover:#000;--notch-border:#00000014;--notch-shadow:0 10px 30px -5px #00000014, 0 2px 6px -1px #0000000a;--notch-cta-bg:#22c55e;--notch-cta-hover:#16a34a;--notch-cta-text:#fff;--notch-radius:24px}[data-theme=dark]{--notch-bg:#181d28;--notch-text:#f3f4f6;--notch-text-muted:#9ca3af;--notch-text-hover:#fff;--notch-border:#ffffff29;--notch-shadow:0 16px 36px -4px #000000b3, 0 0 0 1px #ffffff0d;--notch-cta-bg:#22c55e;--notch-cta-hover:#16a34a;--notch-cta-text:#fff}.hanging-notch-wrapper{z-index:9999;pointer-events:none;filter:drop-shadow(0 6px 18px #00000014);transition:all .25s;position:fixed;top:0;left:0;right:0}[data-theme=dark] .hanging-notch-wrapper{filter:drop-shadow(0 12px 32px #000000bf)}.hanging-notch-top-strip{background-color:var(--notch-bg);border-bottom:1px solid var(--notch-border);pointer-events:auto;height:6px;transition:background-color .25s,border-color .25s;position:absolute;top:0;left:0;right:0}.hanging-notch-tab{background-color:var(--notch-bg);border-bottom-left-radius:var(--notch-radius);border-bottom-right-radius:var(--notch-radius);border-bottom:1px solid var(--notch-border);border-left:1px solid var(--notch-border);border-right:1px solid var(--notch-border);pointer-events:auto;width:92%;max-width:1240px;height:60px;box-shadow:var(--notch-shadow);justify-content:space-between;align-items:center;margin:6px auto 0;padding:0 24px;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .25s,box-shadow .25s,border-color .25s;display:flex;position:relative}.hanging-notch-wing-left{pointer-events:none;width:24px;height:24px;position:absolute;top:0;right:calc(100% - .5px)}.hanging-notch-wing-right{pointer-events:none;width:24px;height:24px;position:absolute;top:0;left:calc(100% - .5px)}.hanging-notch-wing-path{fill:var(--notch-bg);transition:fill .25s}.hanging-notch-wing-stroke{stroke:var(--notch-border);stroke-width:1px;transition:stroke .25s}.hanging-notch-left{flex:1;align-items:center;gap:26px;display:flex}.hanging-notch-link{color:var(--notch-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:4px 0;font-family:inherit;font-size:.92rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.hanging-notch-link:hover,.hanging-notch-link.active{color:var(--notch-text-hover)}.hanging-notch-chevron{transition:transform .2s cubic-bezier(.4,0,.2,1)}.hanging-notch-link.active .hanging-notch-chevron{transform:rotate(180deg)}.hanging-notch-dropdown{background-color:var(--notch-bg);width:320px;box-shadow:0 20px 40px -10px #00000024, 0 0 0 1px var(--notch-border);z-index:1000;border-radius:18px;flex-direction:column;gap:6px;padding:12px;animation:.2s cubic-bezier(.16,1,.3,1) notchDropdownFadeIn;display:flex;position:absolute;top:calc(100% + 10px);left:24px}@keyframes notchDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.hanging-notch-dropdown-item{color:var(--notch-text);border-radius:12px;align-items:flex-start;gap:12px;padding:10px 12px;text-decoration:none;transition:background-color .15s;display:flex}.hanging-notch-dropdown-item:hover{background-color:#0000000a}[data-theme=dark] .hanging-notch-dropdown-item:hover{background-color:#ffffff0f}.hanging-notch-dropdown-icon{color:#16a34a;background:#22c55e1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:2px;display:flex}.hanging-notch-dropdown-title{margin-bottom:2px;font-size:.88rem;font-weight:700}.hanging-notch-dropdown-desc{color:var(--notch-text-muted);font-size:.78rem;line-height:1.35}.hanging-notch-center{flex-shrink:0;justify-content:center;align-items:center;display:flex}.hanging-notch-brand{color:var(--notch-text);align-items:center;gap:10px;text-decoration:none;display:flex}.hanging-notch-logo-icon{color:#111827;justify-content:center;align-items:center;transition:transform .2s;display:flex}[data-theme=dark] .hanging-notch-logo-icon{color:#fff}.hanging-notch-brand:hover .hanging-notch-logo-icon{transform:scale(1.05)}.hanging-notch-brand-text{letter-spacing:-.5px;color:var(--notch-text);font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800}.hanging-notch-right{flex:1;justify-content:flex-end;align-items:center;gap:20px;display:flex}.hanging-notch-signin{color:var(--notch-text);font-size:.92rem;font-weight:600;text-decoration:none;transition:color .15s,opacity .15s}.hanging-notch-signin:hover{opacity:.8}.hanging-notch-theme-toggle{color:var(--notch-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.hanging-notch-theme-toggle:hover{color:var(--notch-text);background-color:#0000000d}[data-theme=dark] .hanging-notch-theme-toggle:hover{background-color:#ffffff1a}.hanging-notch-btn-demo{background-color:var(--notch-cta-bg);color:var(--notch-cta-text);cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;align-items:center;gap:10px;padding:8px 14px 8px 18px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #22c55e59}.hanging-notch-btn-demo:hover{background-color:var(--notch-cta-hover);transform:translateY(-1px);box-shadow:0 6px 18px #22c55e73}.hanging-notch-arrow-badge{background:#ffffff38;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .2s;display:inline-flex}.hanging-notch-btn-demo:hover .hanging-notch-arrow-badge{transform:translate(2px)}.hanging-notch-mobile-toggle{color:var(--notch-text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;display:none}.hanging-notch-drawer{background-color:var(--notch-bg);box-shadow:0 20px 40px -10px #0003, 0 0 0 1px var(--notch-border);z-index:9999;border-radius:20px;flex-direction:column;gap:14px;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) notchDropdownFadeIn;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0}.hanging-notch-drawer-link{color:var(--notch-text);border-radius:10px;padding:8px 12px;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .15s}.hanging-notch-drawer-link:hover{background-color:#0000000a}@media (width<=960px){.hanging-notch-left,.hanging-notch-signin{display:none}.hanging-notch-mobile-toggle{justify-content:center;align-items:center;display:flex}.hanging-notch-tab{width:95%;padding:0 16px}.hanging-notch-btn-demo{padding:7px 12px 7px 14px;font-size:.82rem}}.cookie-banner-wrapper{z-index:9998;max-width:820px;margin:0 auto;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideUpFade;position:fixed;bottom:20px;left:20px;right:20px}@keyframes slideUpFade{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.cookie-banner{background:var(--color-bg-surface,#1e293b);border:1px solid var(--color-border,#334155);-webkit-backdrop-filter:blur(16px);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex;box-shadow:0 16px 40px #00000047,0 0 0 1px #f59e0b1f}.cookie-banner-text{flex:1;min-width:280px}.cookie-banner-title{color:var(--color-text-main,#f8fafc);align-items:center;gap:8px;margin-bottom:4px;font-size:.95rem;font-weight:800;display:flex}.cookie-banner-desc{color:var(--color-text-secondary,#94a3b8);margin:0;font-size:.82rem;line-height:1.5}.cookie-banner-desc a{color:var(--color-primary,#f59e0b);font-weight:600;text-decoration:underline}.cookie-banner-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cookie-btn-primary{background:var(--color-primary,#f59e0b);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 18px;font-size:.82rem;font-weight:700;transition:all .2s}.cookie-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.cookie-btn-secondary{background:var(--color-bg-inset,#ffffff0d);color:var(--color-text-main,#f8fafc);border:1px solid var(--color-border,#334155);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .2s}.cookie-btn-secondary:hover{background:var(--color-bg-surface-hover,#ffffff1a)}.cookie-btn-text{color:var(--color-text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:.82rem;font-weight:600;text-decoration:underline;transition:color .2s}.cookie-btn-text:hover{color:var(--color-text-main,#f8fafc)}.cookie-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.cookie-modal{background:var(--color-bg-surface,#1e293b);border:1px solid var(--color-border,#334155);width:100%;max-width:540px;max-height:90vh;color:var(--color-text-main,#f8fafc);border-radius:18px;padding:24px;overflow-y:auto;box-shadow:0 24px 60px #0006}.cookie-modal-header{border-bottom:1px solid var(--color-border,#334155);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.cookie-preference-item{background:var(--color-bg-inset,#ffffff08);border:1px solid var(--color-border,#334155);border-radius:12px;margin-bottom:12px;padding:16px}.cookie-preference-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.cookie-preference-title{align-items:center;gap:6px;font-size:.9rem;font-weight:700;display:flex}.cookie-preference-desc{color:var(--color-text-secondary,#94a3b8);margin:0;font-size:.8rem;line-height:1.45}@media (width<=640px){.cookie-banner-wrapper{bottom:12px;left:12px;right:12px}.cookie-banner{padding:16px}.cookie-banner-actions{justify-content:flex-end;width:100%}}