:root{--font-sans: 'Ravi', sans-serif;--color-primary: #f97316;--color-white: #fff;--color-brand-50: color-mix(in srgb, var(--color-primary) 5%, #ffffff);--color-brand-100: color-mix(in srgb, var(--color-primary) 15%, #ffffff);--color-brand-200: color-mix(in srgb, var(--color-primary) 30%, #ffffff);--color-brand-300: color-mix(in srgb, var(--color-primary) 50%, #ffffff);--color-brand-400: color-mix(in srgb, var(--color-primary) 70%, #ffffff);--color-brand-500: var(--color-primary);--color-brand-600: color-mix(in srgb, var(--color-primary) 85%, #000000);--color-brand-700: color-mix(in srgb, var(--color-primary) 70%, #000000);--color-brand-800: color-mix(in srgb, var(--color-primary) 55%, #000000);--color-brand-900: color-mix(in srgb, var(--color-primary) 40%, #000000);--color-brand-alpha-10: color-mix(in srgb, var(--color-brand-500) 10%, transparent);--color-brand-alpha-20: color-mix(in srgb, var(--color-brand-500) 20%, transparent);--color-brand-alpha-25: color-mix(in srgb, var(--color-brand-500) 25%, transparent);--color-brand-alpha-30: color-mix(in srgb, var(--color-brand-500) 30%, transparent);--color-brand-alpha-40: color-mix(in srgb, var(--color-brand-500) 40%, transparent);--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-red-950: #450a0a;--color-orange-50: #fff7ed;--color-orange-100: #ffedd5;--color-orange-200: #fed7aa;--color-orange-300: #fdba74;--color-orange-400: #fb923c;--color-orange-500: #f97316;--color-orange-600: #ea580c;--color-orange-700: #c2410c;--color-orange-800: #9a3412;--color-orange-900: #7c2d12;--color-orange-950: #431407;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-green-950: #052e16;--shadow-soft: 0 10px 40px -10px rgba(0, 0, 0, 0.08);--shadow-floating: 0 20px 40px -10px rgba(0, 0, 0, 0.1)}.hidden{display:none !important}.auth-dependent{display:none}button,select{text-transform:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}input{overflow:visible}button,input{overflow:visible}button,input{word-wrap:break-word}a,button,input,label,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}button:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0 !important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0 !important;padding:0 !important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none !important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}ul,ol,li{list-style:none}a{text-decoration:none;color:inherit}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;background:none}hr{border:none;border-top:1px solid #e5e7eb;height:0}blockquote,q{quotes:none}img{max-width:100%;height:auto;display:block}svg{vertical-align:middle}@font-face{font-family:"Ravi";src:url("../../../fonts/ravi/RaviFaNum-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Ravi";src:url("../../../fonts/ravi/RaviFaNum-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Ravi";src:url("../../../fonts/ravi/RaviFaNum-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Ravi";src:url("../../../fonts/ravi/RaviFaNum-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Ravi";src:url("../../../fonts/ravi/RaviFaNum-Black.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Ravi";src:url("../../../fonts/ravi/RaviFaNum-ExtraBlack.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}h1{font-size:2.5rem;font-weight:700;line-height:1.1;margin-bottom:.5rem}h2{font-size:2rem;font-weight:700;line-height:1.15;margin-bottom:.5rem}h3{font-size:1.75rem;font-weight:600;line-height:1.2;margin-bottom:.5rem}h4{font-size:1.5rem;font-weight:600;line-height:1.25;margin-bottom:.5rem}h5{font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}h6{font-size:1rem;font-weight:600;line-height:1.35;margin-bottom:.5rem}p{line-height:1.6;margin-bottom:1rem}a{color:var(--color-brand-500);transition:color .2s ease}a:hover{color:var(--color-brand-600)}a:focus{outline:2px solid var(--color-brand-500);outline-offset:2px}.text-lead{font-size:1.25rem;line-height:1.6;font-weight:500}.text-muted{color:#6b7280}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}code,pre{font-family:"Courier New",monospace;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem}pre{padding:1rem;overflow-x:auto;margin-bottom:1rem}ul,ol{margin-bottom:1rem;margin-left:1.5rem}li{margin-bottom:.5rem}strong{font-weight:600}em{font-style:italic}small{font-size:.875rem}sub,sup{font-size:.75rem;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1rem;line-height:1.5;color:#1f2937;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%}.app-content{display:flex;flex-direction:column;width:100%}.view-sidebar{display:none}.view-content{width:100%;position:relative}.app-view .page-content{padding:1rem 1rem 8rem 1rem}@media(min-width: 1200px){.app-view .page-content{width:100%;max-width:840px;margin:0 auto;padding:3rem 5rem 3rem 5rem}}@media(min-width: 1200px){body.is-desktop{background-color:var(--color-gray-100)}#view-home .home-view .home-header{display:none}.app-content{flex-direction:row-reverse}.app-layout-wrapper{display:flex;flex-direction:row;justify-content:space-between;max-width:1440px;margin:0 auto;padding:2rem;align-items:flex-start}.view-sidebar{display:block;width:40%;flex-shrink:0;position:fixed;top:0;right:0;bottom:0;height:100vh;background:#fff;border-radius:0;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.05)}.view-sidebar .home-header{height:100vh;max-height:unset}.view-sidebar .home-header .splide .banner-item{height:100vh}.view-sidebar .home-header .splide .banner-item img{width:100%;height:100%;object-fit:cover}.view-content{width:60%;flex-shrink:0;position:relative;background:#fff;overflow:hidden;min-height:calc(100vh - 4rem)}}#app-splash{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, var(--color-brand-50) 0%, #ffffff 100%);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}#app-splash .splash-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;z-index:-1}#app-splash .blob-1{top:-10%;right:-10%;width:300px;height:300px;background-color:var(--color-brand-100);animation:float 8s ease-in-out infinite}#app-splash .blob-2{bottom:-10%;left:-10%;width:250px;height:250px;background-color:var(--color-brand-200);animation:float 10s ease-in-out infinite reverse}#app-splash .splash-content{display:flex;flex-direction:column;align-items:center;animation:slideUpFade .8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards}#app-splash .splash-logo-container{width:120px;height:120px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border-radius:32px;padding:16px;box-shadow:0 20px 40px -10px var(--color-brand-alpha-25);margin-bottom:32px;display:flex;align-items:center;justify-content:center;border:2px solid hsla(0,0%,100%,.5)}#app-splash .splash-logo{width:100%;height:100%;object-fit:contain}#app-splash .splash-title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:8px;letter-spacing:-0.5px}#app-splash .splash-tagline{font-size:15px;color:#6b7280;margin-bottom:48px;font-weight:500}#app-splash .splash-version{position:absolute;bottom:24px;color:var(--color-gray-400);font-family:Cascadia Code,system-ui,-apple-system,"Segoe UI";font-size:12px;font-weight:500;text-transform:uppercase;direction:ltr}#app-splash .splash-loader{display:flex;justify-content:center;align-items:center;gap:8px}#app-splash .splash-loader div{width:12px;height:12px;background-color:var(--color-brand-500, #f97316);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both;box-shadow:0 4px 6px var(--color-brand-alpha-30)}#app-splash .splash-loader div:nth-child(1){animation-delay:-0.32s}#app-splash .splash-loader div:nth-child(2){animation-delay:-0.16s}@keyframes bounce{0%,80%,100%{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes float{0%{transform:translate(0, 0) rotate(0deg)}50%{transform:translate(20px, 20px) rotate(10deg)}100%{transform:translate(0, 0) rotate(0deg)}}@keyframes slideUpFade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}button .btn-loader{display:flex;align-items:center;gap:8px}button .btn-loader .spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.95rem}label.required::after{content:" *";color:#ef4444}input[type=text],input[type=email],input[type=password],input[type=phone],input[type=url],input[type=search],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week],textarea,select{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-family:inherit;font-size:1rem;line-height:1.5;color:#1f2937;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=phone]:focus,input[type=url]:focus,input[type=search]:focus,input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=week]:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=phone]:disabled,input[type=url]:disabled,input[type=search]:disabled,input[type=number]:disabled,input[type=date]:disabled,input[type=time]:disabled,input[type=datetime-local]:disabled,input[type=month]:disabled,input[type=week]:disabled,textarea:disabled,select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=phone]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder,input[type=number]::placeholder,input[type=date]::placeholder,input[type=time]::placeholder,input[type=datetime-local]::placeholder,input[type=month]::placeholder,input[type=week]::placeholder,textarea::placeholder,select::placeholder{color:#9ca3af}textarea{min-height:120px;resize:vertical}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.5rem}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=checkbox],input[type=radio]{width:auto;margin-right:.5rem;cursor:pointer}.checkbox-group,.radio-group{margin-bottom:1rem}.checkbox-item,.radio-item{display:flex;align-items:center;margin-bottom:.75rem}.checkbox-item input,.radio-item input{margin-right:.5rem}.checkbox-item label,.radio-item label{margin-bottom:0;font-weight:400}input.error,textarea.error,select.error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem;display:block}input.success,textarea.success,select.success{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.input-hint,.helper-text{font-size:.875rem;color:#6b7280;margin-top:.25rem;display:block}.bottom-sheet-wrapper{position:fixed;inset:0;z-index:999;display:flex;align-items:flex-end;justify-content:center}.bottom-sheet-wrapper.hidden{display:none}.bottom-sheet-wrapper .modal-backdrop{position:absolute;inset:0;background-color:rgba(17,24,39,.6);backdrop-filter:blur(4px);opacity:0;transition:opacity 300ms ease}.bottom-sheet-wrapper.is-open .modal-backdrop{opacity:1}.bottom-sheet-wrapper .modal-sheet{position:relative;width:100%;max-width:28rem;background-color:#fff;border-radius:2.5rem 2.5rem 0 0;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;flex-direction:column;max-height:90vh;transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1);transform:translateY(100%);touch-action:none}.bottom-sheet-wrapper .modal-sheet .drag-handle-wrapper{padding:1rem 0 .5rem;display:flex;justify-content:center;width:100%}.bottom-sheet-wrapper .modal-sheet .drag-handle-wrapper .drag-handle{width:3rem;height:.375rem;background-color:var(--color-gray-200);border-radius:9999px}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content{padding:.5rem 1.5rem 2rem 1.5rem;overflow-y:auto;flex:1;overscroll-behavior-y:contain}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-header .step-badge{font-size:.75rem;font-weight:bold;color:var(--color-gray-400);background:var(--color-gray-50);padding:.25rem .75rem;border-radius:9999px;border:1px solid var(--color-gray-100)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-header .btn-close-modal{width:2.5rem;height:2.5rem;background:var(--color-gray-50);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);border:none;cursor:pointer;transition:all .2s}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-header .btn-close-modal:hover{background:#fef2f2;color:#ef4444}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-hero{text-align:center;margin-bottom:2rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-hero .hero-icon-box{width:5rem;height:5rem;background:linear-gradient(to top right, var(--color-brand-100), var(--color-brand-50));border-radius:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--color-brand-600);box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06);transform:rotate(3deg)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-hero .hero-title{font-weight:800;font-size:1.5rem;color:var(--color-gray-900);margin:0 0 .5rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-hero .hero-subtitle{font-size:.875rem;color:var(--color-gray-500);font-weight:500}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form{display:flex;flex-direction:column;gap:1.5rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form .input-group{position:relative}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form .input-group .input-lg-center{width:100%;background:var(--color-gray-50);border:2px solid rgba(0,0,0,0);border-radius:1rem;padding:1.25rem 1rem;text-align:center;font-size:1.5rem;font-weight:800;letter-spacing:.1em;color:var(--color-gray-900);outline:none;transition:all .2s;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form .input-group .input-lg-center::placeholder{color:var(--color-gray-300);font-size:1.125rem;letter-spacing:normal;font-weight:bold}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form .input-group .input-lg-center:focus{background:#fff;border-color:var(--color-primary)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form .input-group .tracking-huge{letter-spacing:1.5rem;font-size:1.875rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form #otp-wrapper{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;direction:ltr}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form #otp-wrapper .otp-input{width:100%;background:var(--color-gray-50);border:2px solid rgba(0,0,0,0);border-radius:1rem;padding:1.25rem 1rem;text-align:center;font-size:1.5rem;font-weight:800;letter-spacing:.1em;color:var(--color-gray-900);outline:none;transition:all .2s;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form #otp-wrapper .otp-input::placeholder{color:var(--color-gray-300);font-size:1.125rem;letter-spacing:normal;font-weight:bold}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form #otp-wrapper .otp-input:focus{background:#fff;border-color:var(--color-primary)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form .otp-actions{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form .otp-actions .btn-text-sm{font-size:.75rem;font-weight:bold;color:var(--color-gray-400);background:none;border:none;display:flex;align-items:center;gap:.25rem;cursor:pointer;transition:color .2s}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form .otp-actions .btn-text-sm:hover{color:var(--color-brand-600)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form .otp-actions .timer-badge{font-size:.75rem;font-weight:bold;color:var(--color-brand-600);background:var(--color-brand-50);padding:.25rem .5rem;border-radius:.5rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form .otp-actions .timer-badge.expired{cursor:pointer}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form .btn-primary-lg{width:100%;background:var(--color-primary);color:#fff;font-weight:bold;padding:1.25rem;border-radius:1rem;border:none;box-shadow:0 10px 15px -3px var(--color-brand-alpha-30);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .1s}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form .btn-primary-lg:active{transform:scale(0.98)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form .btn-primary-lg:hover{background:#ea580c}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .auth-form.hidden{display:none}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .error-box{margin-top:1rem;background:#fef2f2;border-radius:.75rem;padding:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ef4444;font-size:.75rem;font-weight:bold;animation:shake .5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .modal-header-simple{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .modal-header-simple .badge-pill{display:flex;align-items:center;gap:.5rem;color:var(--color-primary);background:var(--color-brand-50);padding:.375rem .75rem;border-radius:1rem;font-weight:bold;font-size:.75rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .modal-header-simple .btn-close-modal{width:2.5rem;height:2.5rem;background:var(--color-gray-50);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);border:none;cursor:pointer}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .modal-header-simple .btn-close-modal:hover{background:var(--color-gray-100)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-topup .amount-display{text-align:center;margin-bottom:2rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-topup .amount-display .label{font-size:.875rem;font-weight:bold;color:var(--color-gray-400);display:block;margin-bottom:.5rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-topup .amount-display .input-wrapper{position:relative;display:inline-block}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-topup .amount-display .input-amount{width:100%;background:rgba(0,0,0,0);border:none;padding:0;text-align:center;font-size:3rem;font-weight:800;color:var(--color-gray-900);outline:none}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-topup .amount-display .input-amount::placeholder{color:var(--color-gray-200)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-topup .amount-display .currency{font-size:.875rem;color:var(--color-gray-400);font-weight:bold;display:block;margin-top:.5rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-topup .quick-amounts{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-topup .quick-amounts .btn-chip{background:var(--color-gray-50);border:1px solid rgba(0,0,0,0);padding:1rem;border-radius:1rem;font-size:.875rem;font-weight:800;color:var(--color-gray-600);cursor:pointer;transition:all .2s}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-topup .quick-amounts .btn-chip:hover{background:var(--color-primary);color:#fff;box-shadow:0 10px 15px -3px var(--color-brand-alpha-30)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-topup .quick-amounts .btn-chip:active{transform:scale(0.95)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-topup .btn-dark-lg{width:100%;background:var(--color-gray-900);color:#fff;font-weight:bold;padding:1.25rem;border-radius:1rem;border:none;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:transform .1s;margin-top:1rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-topup .btn-dark-lg:active{transform:scale(0.98)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .modal-header-lg{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .modal-header-lg .title{font-weight:800;font-size:1.25rem;color:var(--color-gray-900);display:flex;align-items:center;gap:.5rem;margin:0}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .modal-header-lg .title .text-brand{color:var(--color-primary)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .modal-header-lg .btn-close-modal{width:2.5rem;height:2.5rem;background:var(--color-gray-50);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);border:none;cursor:pointer}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content .modal-header-lg .btn-close-modal:hover{background:var(--color-gray-100)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-address{display:flex;flex-direction:column;gap:1.5rem}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-address .address-input-box{background:#fff;border:2px solid var(--color-gray-100);border-radius:1.5rem;overflow:hidden;transition:all .2s}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-address .address-input-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-brand-alpha-10)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-address .address-input-box .context-header{display:none !important;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100);padding:1rem;display:flex;align-items:center;justify-content:space-between;color:var(--color-gray-600);transition:background-color .2s}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-address .address-input-box .context-header .location-crumbs{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;color:var(--color-gray-800)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-address .address-input-box .context-header .location-crumbs svg{color:var(--color-gray-300)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-address .address-input-box .context-header .icon-pin{color:var(--color-gray-400);transition:color .2s}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-address .address-input-box:focus-within .context-header{background:var(--color-brand-50);border-color:var(--color-brand-100)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-address .address-input-box:focus-within .context-header .icon-pin{color:var(--color-primary)}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-address .address-input-box textarea{width:100%;background:#fff;padding:1rem;font-size:.875rem;font-weight:500;color:var(--color-gray-900);outline:none;resize:none;min-height:140px;border:0}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-address .address-input-box textarea::placeholder{color:var(--color-gray-300);font-weight:normal}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-address .btn-brand-lg{width:100%;background:var(--color-primary);color:#fff;font-weight:bold;padding:1.25rem;border-radius:1rem;border:none;box-shadow:0 10px 15px -3px var(--color-brand-alpha-30);cursor:pointer;transition:transform .1s}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-address .btn-brand-lg:hover{background:#ea580c}.bottom-sheet-wrapper .modal-sheet .modal-scroll-content #form-address .btn-brand-lg:active{transform:scale(0.98)}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}#edit-datepicker-modal .picker-tabs{display:flex;background:var(--color-gray-100);padding:.25rem;border-radius:.75rem;margin-bottom:1.5rem}#edit-datepicker-modal .picker-tabs .tab-btn{flex:1;padding:.5rem;border:none;background:none;border-radius:.5rem;font-weight:bold;font-size:.875rem;color:var(--color-gray-500);cursor:pointer;transition:all .2s}#edit-datepicker-modal .picker-tabs .tab-btn.active{background:#fff;color:var(--color-brand-600);box-shadow:0 1px 2px rgba(0,0,0,.05)}#edit-datepicker-modal .picker-content{height:16rem;overflow-y:auto;margin-bottom:1rem;position:relative}#edit-datepicker-modal .grid-container{display:grid;gap:.75rem}#edit-datepicker-modal .grid-container.grid-years{grid-template-columns:repeat(4, 1fr)}#edit-datepicker-modal .grid-container.grid-months{grid-template-columns:repeat(3, 1fr)}#edit-datepicker-modal .grid-container.grid-days{grid-template-columns:repeat(5, 1fr)}#edit-datepicker-modal .grid-container .grid-item{padding:.75rem;border-radius:.75rem;border:1px solid var(--color-gray-100);background:#fff;font-weight:500;font-size:.875rem;cursor:pointer;text-align:center;color:var(--color-gray-700);transition:all .2s}#edit-datepicker-modal .grid-container .grid-item.selected{background:var(--color-brand-500);color:#fff;border-color:var(--color-brand-500)}#edit-datepicker-modal .picker-footer{border-top:1px solid var(--color-gray-100);padding-top:1rem;display:flex;justify-content:space-between;align-items:center}#edit-datepicker-modal .picker-footer .selected-date{font-weight:bold;font-size:.875rem;letter-spacing:1px;color:var(--color-gray-800);direction:ltr}#edit-datepicker-modal .picker-footer .btn-confirm-date{background:var(--color-brand-500);color:#fff;padding:.75rem 2rem;border-radius:.75rem;border:none;font-weight:bold;box-shadow:0 10px 15px -3px var(--color-brand-alpha-30);cursor:pointer;transition:all .2s}#edit-datepicker-modal .picker-footer .btn-confirm-date:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.addr-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.addr-selector-header .title{font-weight:700;font-size:1.125rem;color:#111827;margin:0}.addr-selector-header .btn-close-gray{padding:.5rem;background-color:#f9fafb;color:#6b7280;border-radius:9999px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.addr-selector-header .btn-close-gray:hover{background-color:#f3f4f6}.address-selector-list{max-height:16rem;overflow-y:auto;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.address-selector-list::-webkit-scrollbar{display:none}.address-selector-list{-ms-overflow-style:none;scrollbar-width:none}.address-selector-list .addr-select-item{padding:1rem;border-radius:1rem;border:1px solid #f3f4f6;background-color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:flex-start;gap:.75rem}.address-selector-list .addr-select-item:hover{border-color:#e5e7eb}.address-selector-list .addr-select-item.active{border-color:var(--color-brand-500, #f97316);background-color:var(--color-brand-50, var(--color-brand-50))}.address-selector-list .addr-select-item.active .radio-circle{border-color:var(--color-brand-500, #f97316)}.address-selector-list .addr-select-item.active .radio-circle .radio-dot{transform:scale(1);opacity:1}.address-selector-list .addr-select-item.active .addr-text{color:var(--color-brand-900, #7c2d12);font-weight:700}.address-selector-list .addr-select-item .radio-circle{width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.125rem;transition:all .2s}.address-selector-list .addr-select-item .radio-circle .radio-dot{width:.625rem;height:.625rem;background-color:var(--color-brand-500, #f97316);border-radius:50%;transform:scale(0);opacity:0;transition:all .2s cubic-bezier(0.16, 1, 0.3, 1)}.address-selector-list .addr-select-item .addr-text{font-size:.875rem;line-height:1.625;color:#374151;transition:color .2s;margin:0}.btn-dashed-add{width:100%;padding:1rem 0;border-radius:1rem;border:2px dashed #e5e7eb;color:#6b7280;font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:rgba(0,0,0,0);cursor:pointer;transition:all .2s}.btn-dashed-add:hover{background-color:#f9fafb;border-color:var(--color-brand-300, #fdba74);color:var(--color-brand-600, #ea580c)}.bottom-nav-wrapper{max-width:28rem;margin:0 auto;position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:99;transform:translateY(0);transition:transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.bottom-nav-wrapper.nav-hidden{transform:translateY(150%);pointer-events:none}@media(min-width: 1200px){.bottom-nav-wrapper{width:auto;top:50%;bottom:unset;right:40%;left:unset;transform:translate(50%, -50%)}}.bottom-nav-wrapper .nav-container{background-color:hsla(0,0%,100%,.95);backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.4);box-shadow:rgba(0,0,0,0) 0px 0px 0px 0px,rgba(0,0,0,0) 0px 0px 0px 0px,rgba(0,0,0,.1) 0px 20px 40px -10px;border-radius:2rem;padding:.75rem .25rem;display:flex;align-items:center;justify-content:space-between}@media(min-width: 1200px){.bottom-nav-wrapper .nav-container{flex-direction:column;padding:1.25rem;gap:1.25rem;border-radius:2.25rem}}.bottom-nav-wrapper .nav-container .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;position:relative;background:none;border:none;cursor:pointer;min-width:0;padding:0}.bottom-nav-wrapper .nav-container .nav-item .item-icon-box{width:2.5rem;height:2.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;transition:all 300ms ease;position:relative;color:var(--color-gray-400)}.bottom-nav-wrapper .nav-container .nav-item .item-icon-box svg{width:20px;height:20px;stroke-width:2}@media(min-width: 1200px){.bottom-nav-wrapper .nav-container .nav-item .item-icon-box svg{width:22px;height:22px}}.bottom-nav-wrapper .nav-container .nav-item .item-icon-box .cart-badge{position:absolute;top:-0.375rem;right:-0.375rem;background-color:var(--color-primary);color:var(--color-white);font-size:10px;font-weight:bold;height:1.25rem;min-width:1.25rem;padding:0 .25rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-white);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:transform .2s ease}.bottom-nav-wrapper .nav-container .nav-item .item-icon-box .cart-badge:empty,.bottom-nav-wrapper .nav-container .nav-item .item-icon-box .cart-badge[data-count="0"]{display:none}.bottom-nav-wrapper .nav-container .nav-item .item-icon-box .cart-badge.bump{transform:scale(1.3)}.bottom-nav-wrapper .nav-container .nav-item .item-label{font-size:10px;font-weight:600;transition:color 300ms;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;padding:0 .25rem;color:var(--color-gray-400)}@media(min-width: 1200px){.bottom-nav-wrapper .nav-container .nav-item .item-label{font-size:12px}}.bottom-nav-wrapper .nav-container .nav-item:not(.active):hover .item-icon-box{color:var(--color-gray-600)}.bottom-nav-wrapper .nav-container .nav-item.active .item-icon-box{background-color:var(--color-gray-900);color:var(--color-white);box-shadow:0 10px 15px -3px rgba(17,24,39,.2)}.bottom-nav-wrapper .nav-container .nav-item.active .item-icon-box svg{stroke-width:2.5}.bottom-nav-wrapper .nav-container .nav-item.active .item-label{color:var(--color-gray-900)}.bottom-nav-blur-bg{position:fixed;bottom:0;left:0;right:0;width:100%;height:100px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, transparent 40%, black 100%);mask-image:linear-gradient(to bottom, transparent 0%, transparent 40%, black 100%);z-index:99}@media(min-width: 1200px){.bottom-nav-blur-bg{display:none}}.more-menu-wrapper{display:none}.more-menu-wrapper .menu-container{position:fixed;bottom:6rem;left:1rem;z-index:999;width:14rem;background-color:var(--color-white);border-radius:1.5rem;box-shadow:rgba(0,0,0,0) 0px 0px 0px 0px,rgba(0,0,0,0) 0px 0px 0px 0px,rgba(0,0,0,.1) 0px 20px 40px -10px;border:1px solid var(--color-gray-100);padding:.5rem;transform-origin:bottom left;animation:scale-in .2s ease-out forwards}@media(min-width: 1200px){.more-menu-wrapper .menu-container{transform-origin:bottom right;left:-15rem;bottom:0px}}.more-menu-wrapper .menu-container .menu-arrow{position:absolute;bottom:-0.5rem;left:2.5rem;width:1rem;height:1rem;background-color:var(--color-white);transform:rotate(45deg);border-right:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100)}@media(min-width: 1200px){.more-menu-wrapper .menu-container .menu-arrow{left:unset;right:-0.5rem;bottom:42px;border-bottom-color:rgba(0,0,0,0);border-top:1px solid var(--color-gray-100)}}.more-menu-wrapper .menu-container .menu-list{position:relative;z-index:10;background-color:var(--color-white);border-radius:1rem}.more-menu-wrapper .menu-container .menu-list .menu-divider{height:1px;background-color:var(--color-gray-100);margin:.25rem .5rem}.more-menu-wrapper .menu-container .menu-list .menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem;border-radius:1rem;border:none;background:none;cursor:pointer;transition:background-color 200ms;color:var(--color-gray-700)}.more-menu-wrapper .menu-container .menu-list .menu-item:active{transform:scale(0.95)}.more-menu-wrapper .menu-container .menu-list .menu-item .menu-icon-box{width:2rem;height:2rem;border-radius:.75rem;background-color:var(--color-gray-50);color:var(--color-gray-600);display:flex;align-items:center;justify-content:center}.more-menu-wrapper .menu-container .menu-list .menu-item .menu-icon-box svg{width:18px;height:18px}.more-menu-wrapper .menu-container .menu-list .menu-item .menu-label{font-size:.875rem;font-weight:600}.more-menu-wrapper .menu-container .menu-list .menu-item:hover{background-color:var(--color-gray-50)}.more-menu-wrapper .menu-container .menu-list .menu-item.text-danger{color:var(--color-red-500)}.more-menu-wrapper .menu-container .menu-list .menu-item.text-danger .menu-icon-box{background-color:var(--color-red-50);color:var(--color-red-500)}.more-menu-wrapper .menu-container .menu-list .menu-item.text-danger:hover{background-color:var(--color-red-50)}@keyframes scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.purchase-flow-wrapper{position:fixed;bottom:7rem;left:1rem;right:1rem;z-index:50}@media(min-width: 1200px){.purchase-flow-wrapper{bottom:1.5rem;right:unset;left:1.5rem;width:100%;max-width:28rem;margin:0 auto}}.purchase-flow-wrapper .purchase-flow{position:absolute;max-width:28rem;width:100%;margin:0 auto;bottom:0;left:0;right:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(2rem);transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.purchase-flow-wrapper .purchase-flow.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.purchase-flow-wrapper .purchase-flow.move-right{transform:translateX(-100%)}.purchase-flow-wrapper .purchase-flow.move-left{transform:translateX(100%)}.purchase-flow-wrapper .flow-inner{background:rgba(17,24,39,.95);backdrop-filter:blur(12px);padding:.75rem 1.125rem .75rem .75rem;border-radius:1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 25px -5px rgba(0,0,0,.3)}.purchase-flow-wrapper .content-col{display:flex;flex-direction:column}.purchase-flow-wrapper .content-col .label{font-size:11px;color:var(--color-gray-400);margin-bottom:2px}.purchase-flow-wrapper .content-col .value{font-size:1.25rem;font-weight:800;color:#fff}.purchase-flow-wrapper .content-col .value small{font-size:.75rem;font-weight:normal;color:var(--color-gray-400)}.purchase-flow-wrapper .btn-main-action{background:var(--color-primary);color:#fff;font-size:.875rem;border:none;padding:1rem 1.5rem 1rem .925rem;border-radius:1rem;font-weight:bold;display:flex;align-items:center;gap:.325rem;box-shadow:0 5px 15px var(--color-brand-alpha-40)}.purchase-flow-wrapper .btn-main-action svg{width:18px;height:18px}.purchase-flow-wrapper .mini-items .avatars .avatar-more,.purchase-flow-wrapper .mini-items .avatars img,.purchase-flow-wrapper .mini-items .avatars .avatar-placeholder{width:2rem;min-width:2rem;height:2rem;border:2px solid #3c4451;background:#3c4451}.purchase-flow-wrapper .note-flow .flow-inner{justify-content:flex-start;gap:1rem;padding:1.125rem;border:1px solid rgba(239,68,68,.2)}.purchase-flow-wrapper .note-flow .closed-icon-wrapper{background:rgba(165,215,252,.15);padding:.6rem;border-radius:50%;color:#a5d7fc;display:flex;flex-shrink:0}.purchase-flow-wrapper .note-flow .content-col .value{font-size:1rem;color:#a5d7fc}.purchase-flow-wrapper .note-flow .content-col .label{font-size:.75rem;margin-top:4px}.purchase-flow-wrapper .closed-flow .flow-inner{justify-content:flex-start;gap:1rem;padding:1.125rem;border:1px solid rgba(239,68,68,.2)}.purchase-flow-wrapper .closed-flow .closed-icon-wrapper{background:rgba(239,68,68,.2);padding:.6rem;border-radius:50%;color:#f87171;display:flex;flex-shrink:0}.purchase-flow-wrapper .closed-flow .content-col .value{font-size:1rem;color:#fca5a5}.purchase-flow-wrapper .closed-flow .content-col .label{font-size:.75rem;margin-top:4px}.sticky-nav-container{position:sticky;top:0;z-index:20}.category-nav-wrapper{background-color:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-100);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding-top:.5rem;padding-bottom:0}@media(min-width: 1200px){.category-nav-wrapper{border-radius:0 0 2rem 2rem}}.category-nav-wrapper .nav-scroll-container{display:flex;overflow-x:auto;gap:.75rem;padding:1px 1rem 1rem 1rem;scroll-behavior:smooth}@media(min-width: 1200px){.category-nav-wrapper .nav-scroll-container{padding:1rem 2.5rem 1.125rem 2.5rem}}.category-nav-wrapper .nav-scroll-container::-webkit-scrollbar{display:none}.category-nav-wrapper .nav-scroll-container{-ms-overflow-style:none;scrollbar-width:none}.category-nav-wrapper .nav-scroll-container .category-btn{white-space:nowrap;padding:.625rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all 300ms ease;background-color:var(--color-gray-100);color:var(--color-gray-500)}.category-nav-wrapper .nav-scroll-container .category-btn:hover{background-color:var(--color-gray-200)}.category-nav-wrapper .nav-scroll-container .category-btn.active{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 10px 15px -3px var(--color-brand-alpha-30),0 4px 6px -4px var(--color-brand-alpha-30);transform:scale(1.05)}.product-card{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#fff;border-radius:1.5rem;border:1px solid var(--color-gray-50, #f9fafb);box-shadow:0 4px 6px -1px rgba(0,0,0,.02),0 2px 4px -1px rgba(0,0,0,.02);margin-bottom:1rem;transition:all .2s ease;cursor:pointer;position:relative}.product-card:active{transform:scale(0.98)}.product-card .card-image-box{position:relative;width:6rem;height:6rem;flex-shrink:0}.product-card .card-image-box img{width:100%;height:100%;object-fit:cover;border-radius:1rem}.product-card .card-image-box .placeholder-icon{width:100%;height:100%;background-color:var(--color-gray-100, #f3f4f6);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:var(--color-gray-300, #d1d5db)}.product-card .card-image-box .sold-out-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.4);border-radius:1rem;backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:10}.product-card .card-image-box .sold-out-overlay .badge-text{color:#fff;font-size:.75rem;font-weight:800;padding:.25rem .5rem;background-color:rgba(239,68,68,.9);border-radius:.5rem;transform:rotate(-6deg);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.product-card .card-content{flex:1;min-width:0}.product-card .card-content .card-title{font-weight:700;font-size:1rem;line-height:1.25;margin:0 0 .325rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-gray-800, #1f2937)}.product-card .card-content .card-desc{font-size:.875rem;color:var(--color-gray-400, #9ca3af);margin:0 0 .75rem 0;line-height:1.625;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card .card-content .card-footer{display:flex;align-items:center;justify-content:space-between}.product-card .card-content .card-footer .price-wrapper{font-weight:bold;font-size:.875rem;color:var(--color-gray-900, #111827)}.product-card .card-content .card-footer .price-wrapper .currency{font-size:.75rem;font-weight:normal;color:var(--color-gray-500, #6b7280)}.product-card .card-content .card-footer .add-btn{width:2rem;height:2rem;border-radius:9999px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;background-color:var(--color-gray-100, #f3f4f6);color:var(--color-brand-600, #ea580c)}.product-card .card-content .card-footer .add-btn:hover:not(:disabled){background-color:var(--color-primary, #f97316);color:#fff}.product-card.is-unavailable{opacity:.8;filter:grayscale(100%);cursor:default}.product-card.is-unavailable:active{transform:none}.product-card.is-unavailable .card-title{color:var(--color-gray-500, #6b7280)}.product-card.is-unavailable .card-footer .price-wrapper{color:var(--color-gray-400, #9ca3af);text-decoration:line-through;text-decoration-color:var(--color-gray-400)}.product-card.is-unavailable .card-footer .add-btn{background-color:var(--color-gray-100, #f3f4f6);color:var(--color-gray-300, #d1d5db);cursor:not-allowed}.product-card.is-unavailable .card-footer .add-btn:hover{background-color:var(--color-gray-100, #f3f4f6);color:var(--color-gray-300, #d1d5db)}.daily-special-card{position:relative;width:100%;height:18rem;border-radius:2rem;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);cursor:pointer;flex-shrink:0;transition:transform .3s ease}.daily-special-card:active{transform:scale(0.98)}.daily-special-card .card-image-wrapper{position:absolute;inset:0;width:100%;height:100%}.daily-special-card .card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.daily-special-card .card-image-wrapper .placeholder-icon{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:var(--color-gray-100, #f3f4f6);color:var(--color-gray-300, #d1d5db)}.daily-special-card .card-image-wrapper .sold-out-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.4);border-radius:1rem;backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:10}.daily-special-card .card-image-wrapper .sold-out-overlay .badge-text{color:#fff;font-size:1rem;font-weight:800;padding:.5rem .75rem;background-color:rgba(239,68,68,.9);border-radius:.5rem;transform:rotate(-6deg);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.daily-special-card:hover .card-image-wrapper img{transform:scale(1.05)}.daily-special-card .card-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%);pointer-events:none}.daily-special-card .special-badge{position:absolute;top:1.5rem;right:1.5rem;z-index:10;background-color:rgba(0,0,0,.15);backdrop-filter:blur(20px);border:1px solid 1px solid rgba(164,164,164,.3);padding:.5rem 1rem;border-radius:9999px;display:flex;align-items:center;gap:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.daily-special-card .special-badge .badge-icon{color:#fde047;fill:#fde047;animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.daily-special-card .special-badge .badge-text{color:#fff;font-size:.875rem;font-weight:bold}.daily-special-card .card-content{position:absolute;inset:0;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;z-index:5}.daily-special-card .card-content .card-title{font-size:1.875rem;font-weight:800;color:#fff;line-height:1.1;margin:0 0 .75rem 0;text-shadow:0 4px 6px rgba(0,0,0,.3)}.daily-special-card .card-content .card-desc{font-size:.875rem;color:var(--gray-100, #f3f4f6);opacity:.95;margin:0 0 .75rem 0;margin-left:3rem;font-weight:500;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.2)}.daily-special-card .card-content .card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem}.daily-special-card .card-content .card-footer .price-group{display:flex;flex-direction:column}.daily-special-card .card-content .card-footer .price-group .price-label{font-size:.75rem;color:var(--gray-200, #e5e7eb);font-weight:500;margin-bottom:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.daily-special-card .card-content .card-footer .price-group .price-value{font-size:1.5rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.daily-special-card .card-content .card-footer .price-group .price-value .currency{font-size:1rem;font-weight:500;color:#d1d5db}.daily-special-card .card-content .card-footer .add-btn{width:3rem;height:3rem;background-color:var(--color-brand-500, #f97316);border-radius:1rem;border:none;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 15px -3px var(--color-brand-alpha-40);cursor:pointer;transition:background-color .2s}.daily-special-card .card-content .card-footer .add-btn:hover{background-color:#ea580c}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.product-modal-wrapper{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}.product-modal-wrapper .modal-backdrop{position:absolute;inset:0;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);opacity:0;transition:opacity 300ms ease}.product-modal-wrapper.is-open .modal-backdrop{opacity:1}@media(min-width: 1200px){.product-modal-wrapper{align-items:center;justify-content:center}}.product-modal-wrapper .modal-sheet{position:relative;width:100%;max-width:28rem;background-color:#fff;border-radius:2.5rem 2.5rem 0 0;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;flex-direction:column;max-height:90vh;transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1);transform:translateY(100%);touch-action:none;overflow:hidden}@media(max-height: 720px){.product-modal-wrapper .modal-sheet{max-height:98vh}}@media(min-width: 1200px){.product-modal-wrapper .modal-sheet{flex-direction:row;max-width:800px;width:100%;border-radius:2.5rem}}.product-modal-wrapper .modal-sheet .modal-header-box{position:relative;height:20rem;flex-shrink:0;background-color:var(--color-gray-100)}@media(min-width: 1200px){.product-modal-wrapper .modal-sheet .modal-header-box{width:45%;height:auto}}.product-modal-wrapper .modal-sheet .modal-header-box .drag-handle-wrapper{position:absolute;top:.75rem;left:50%;transform:translateX(-50%);z-index:20}.product-modal-wrapper .modal-sheet .modal-header-box .drag-handle-wrapper .drag-handle{width:3rem;height:.375rem;background-color:hsla(0,0%,100%,.4);border-radius:9999px;backdrop-filter:blur(12px);box-shadow:0 1px 2px rgba(0,0,0,.05)}@media(min-width: 1200px){.product-modal-wrapper .modal-sheet .modal-header-box .drag-handle-wrapper{display:none}}.product-modal-wrapper .modal-sheet .modal-header-box .header-image{width:100%;height:100%;object-fit:cover}.product-modal-wrapper .modal-sheet .modal-header-box.is-unavailable .header-image{filter:grayscale(100%);opacity:.7}.product-modal-wrapper .modal-sheet .modal-header-box .placeholder-icon{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:var(--color-gray-100, #f3f4f6);color:var(--color-gray-300, #d1d5db)}.product-modal-wrapper .modal-sheet .modal-header-box .header-actions{position:absolute;top:0;left:0;right:0;height:6rem;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);padding:1rem;display:flex;justify-content:space-between;align-items:flex-start}.product-modal-wrapper .modal-sheet .modal-header-box .header-actions button{width:2.5rem;height:2.5rem;border-radius:50%;border:none;cursor:pointer;background-color:hsla(0,0%,100%,.2);backdrop-filter:blur(12px);color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s}.product-modal-wrapper .modal-sheet .modal-header-box .header-actions button:hover{background-color:hsla(0,0%,100%,.3)}.product-modal-wrapper .modal-sheet .modal-header-box .header-actions button.is-favorite{background-color:hsla(0,0%,100%,.8);color:var(--color-red-500)}.product-modal-wrapper .modal-sheet .modal-header-box .header-actions button.is-favorite .heart-icon{fill:var(--color-red-500)}.product-modal-wrapper .modal-sheet .modal-scroll-content{padding:1.5rem;overflow-y:auto;flex:1;padding-bottom:8rem}@media(min-width: 1200px){.product-modal-wrapper .modal-sheet .modal-scroll-content{width:55%;padding:2rem;padding-bottom:8rem}}.product-modal-wrapper .modal-sheet .modal-scroll-content .content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.product-modal-wrapper .modal-sheet .modal-scroll-content .content-header .title-group{display:flex;flex-direction:column}.product-modal-wrapper .modal-sheet .modal-scroll-content .content-header .title-group .product-title{font-size:1.5rem;font-weight:800;color:var(--color-gray-900);margin:0;line-height:1.25}.product-modal-wrapper .modal-sheet .modal-scroll-content .content-header .title-group .out-of-stock-badge{color:var(--color-red-500);font-size:.875rem;font-weight:bold;margin-top:.25rem}.product-modal-wrapper .modal-sheet .modal-scroll-content .content-header .product-price{font-size:1.25rem;font-weight:bold;color:var(--color-brand-600);flex-shrink:0}.product-modal-wrapper .modal-sheet .modal-scroll-content .product-desc{color:var(--color-gray-500);font-size:.875rem;line-height:1.6;margin:0 0 2rem}.product-modal-wrapper .modal-sheet .modal-scroll-content .extras-section{margin-bottom:2rem}.product-modal-wrapper .modal-sheet .modal-scroll-content .extras-section .section-heading{font-weight:bold;color:var(--color-gray-800);font-size:1rem;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.product-modal-wrapper .modal-sheet .modal-scroll-content .extras-section .section-heading .heading-indicator{width:.375rem;height:1.5rem;background-color:var(--color-brand-500);border-radius:9999px}.product-modal-wrapper .modal-sheet .modal-scroll-content .extras-section .extras-list{display:flex;flex-direction:column;gap:.75rem}.product-modal-wrapper .modal-sheet .modal-scroll-content .extras-section .extras-list .extra-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:1rem;border:1px solid var(--color-gray-100);background-color:#fff;cursor:pointer;transition:all .2s}.product-modal-wrapper .modal-sheet .modal-scroll-content .extras-section .extras-list .extra-item .extra-info{display:flex;align-items:center;gap:.75rem}.product-modal-wrapper .modal-sheet .modal-scroll-content .extras-section .extras-list .extra-item .extra-info .checkbox-box{width:1.25rem;height:1.25rem;border-radius:.375rem;border:1px solid var(--color-gray-300);display:flex;align-items:center;justify-content:center;transition:all .2s}.product-modal-wrapper .modal-sheet .modal-scroll-content .extras-section .extras-list .extra-item .extra-info .extra-name{font-size:.875rem;color:var(--color-gray-600)}.product-modal-wrapper .modal-sheet .modal-scroll-content .extras-section .extras-list .extra-item .extra-price{font-size:.875rem;color:var(--color-gray-500)}.product-modal-wrapper .modal-sheet .modal-scroll-content .extras-section .extras-list .extra-item.is-selected{border-color:var(--color-brand-500);background-color:var(--color-brand-50)}.product-modal-wrapper .modal-sheet .modal-scroll-content .extras-section .extras-list .extra-item.is-selected .checkbox-box{background-color:var(--color-brand-500);border-color:var(--color-brand-500)}.product-modal-wrapper .modal-sheet .modal-scroll-content .extras-section .extras-list .extra-item.is-selected .checkbox-box .check-icon{display:block !important}.product-modal-wrapper .modal-sheet .modal-scroll-content .extras-section .extras-list .extra-item.is-selected .extra-name{color:var(--color-gray-900);font-weight:bold}.product-modal-wrapper .modal-sheet .modal-scroll-content .stories-section{border-top:1px solid var(--color-gray-100);padding-top:1rem;margin-bottom:1rem}.product-modal-wrapper .modal-sheet .modal-scroll-content .stories-section .stories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.product-modal-wrapper .modal-sheet .modal-scroll-content .stories-section .stories-header .stories-title{font-weight:bold;color:var(--color-gray-800);font-size:.875rem;margin:0}.product-modal-wrapper .modal-sheet .modal-scroll-content .stories-section .stories-header .stories-count{font-size:10px;color:var(--color-gray-400);background-color:var(--color-gray-100);padding:.25rem .5rem;border-radius:9999px}.product-modal-wrapper .modal-sheet .modal-scroll-content .stories-section .stories-scroll{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:1rem;margin:0 -1.5rem;padding-left:1.5rem;padding-right:1.5rem}.product-modal-wrapper .modal-sheet .modal-scroll-content .stories-section .stories-scroll .btn-add-photo{width:4rem;height:4rem;border-radius:50%;border:2px dashed var(--color-gray-300);background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-gray-500);flex-shrink:0;cursor:pointer;transition:all .2s}.product-modal-wrapper .modal-sheet .modal-scroll-content .stories-section .stories-scroll .btn-add-photo span{font-size:9px;font-weight:bold;margin-top:.25rem}.product-modal-wrapper .modal-sheet .modal-scroll-content .stories-section .stories-scroll .btn-add-photo:hover{background-color:var(--color-gray-50);border-color:var(--color-brand-300);color:var(--color-brand-500)}.product-modal-wrapper .modal-sheet .modal-scroll-content .stories-section .stories-scroll .story-circle{width:4rem;height:4rem;border-radius:50%;padding:2px;flex-shrink:0;border:none;cursor:pointer;background:linear-gradient(to top right, #facc15, #ef4444)}.product-modal-wrapper .modal-sheet .modal-scroll-content .stories-section .stories-scroll .story-circle .story-inner{width:100%;height:100%;border-radius:50%;border:2px solid #fff;overflow:hidden;background-color:var(--color-gray-100)}.product-modal-wrapper .modal-sheet .modal-scroll-content .stories-section .stories-scroll .story-circle .story-inner img{width:100%;height:100%;object-fit:cover}.product-modal-wrapper .modal-sheet .modal-footer{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background-color:#fff;border-top:1px solid var(--color-gray-100)}@media(min-width: 1200px){.product-modal-wrapper .modal-sheet .modal-footer{width:55%;right:unset;left:0}}.product-modal-wrapper .modal-sheet .modal-footer .action-row{display:flex;align-items:center;gap:1rem}.product-modal-wrapper .modal-sheet .modal-footer .qty-selector{display:flex;align-items:center;gap:.25rem;background-color:var(--color-gray-100);border-radius:1rem;padding:.375rem}.product-modal-wrapper .modal-sheet .modal-footer .qty-selector .btn-modal-qty{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:.75rem;border:none;box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--color-gray-800);cursor:pointer}.product-modal-wrapper .modal-sheet .modal-footer .qty-selector .qty-value{width:2rem;text-align:center;font-weight:bold;font-size:1.125rem;color:var(--color-gray-900)}@media(max-width: 400px){.product-modal-wrapper .modal-sheet .modal-footer .qty-selector .qty-value{width:1.725rem;font-size:1rem}}.product-modal-wrapper .modal-sheet .modal-footer .btn-add-to-cart{flex:1;background-color:var(--color-brand-500);color:#fff;border-radius:1rem;border:none;padding:1rem;font-weight:bold;font-size:1rem;box-shadow:0 10px 15px -3px var(--color-brand-alpha-30);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:transform .1s}@media(max-width: 400px){.product-modal-wrapper .modal-sheet .modal-footer .btn-add-to-cart{font-size:1rem}}.product-modal-wrapper .modal-sheet .modal-footer .btn-add-to-cart .btn-content{display:flex;align-items:center;gap:.5rem}.product-modal-wrapper .modal-sheet .modal-footer .btn-add-to-cart:active{transform:scale(0.95)}.product-modal-wrapper .modal-sheet .modal-footer .btn-add-to-cart .divider{width:1px;height:1rem;background-color:hsla(0,0%,100%,.3)}.product-modal-wrapper .modal-sheet .modal-footer .btn-add-to-cart #modal-total-price .currency{font-size:.7em}.app-header{position:sticky;top:0;z-index:30;background-color:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-100);padding:1.5rem;border-radius:0 0 2.5rem 2.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;min-height:91px;transition:all .2s}@media(min-width: 1200px){.app-header{margin:0 1.5rem}}.app-header .header-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.app-header .header-left .btn-header-back{padding:.5rem;margin-right:-0.5rem;color:var(--color-gray-700);background:none;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.app-header .header-left .btn-header-back:hover{background-color:var(--color-gray-50)}.app-header .header-left .btn-header-back:active{transform:scale(0.95)}.app-header .header-left .header-text{display:flex;flex-direction:column}.app-header .header-left .header-text h1{font-weight:800;font-size:1.25rem;color:var(--color-gray-900);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.025em}.app-header .header-left .header-text .subtitle{font-size:.75rem;color:var(--color-gray-500);font-weight:500;margin-top:.125rem}.app-header .header-end-action{display:flex;align-items:center;gap:.5rem;flex-shrink:0}#btn-add-photo{width:2.5rem;height:2.5rem;background-color:var(--gray-900, #111827);color:#fff;border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1);border:none;cursor:pointer}#btn-add-photo svg{width:20px;height:20px}#btn-add-photo:active{transform:scale(0.95)}#btn-add-photo:hover{background-color:var(--gray-800, #1f2937)}#btn-clear-cart{width:auto;height:2.25rem;background-color:var(--color-red-50);display:flex;align-items:center;justify-content:center;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1);border:none;cursor:pointer;padding:0 16px;gap:.325rem;color:var(--color-red-500);border-radius:100px;font-size:.75rem;font-weight:600}#btn-clear-cart svg{width:16px;height:16px}#btn-clear-cart:active{transform:scale(0.95)}#toast-container{position:fixed;top:1rem;left:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;align-items:center;pointer-events:none}@media(min-width: 1200px){#toast-container{width:60%;right:unset}}.toast-wrapper{width:90%;max-width:360px;transition:all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);max-height:0;opacity:0;margin-top:0;transform:translateY(-1rem) scale(0.9);pointer-events:auto}.toast-wrapper.show{max-height:6rem;opacity:1;margin-top:.5rem;transform:translateY(0) scale(1)}.toast-wrapper.hide{max-height:0 !important;opacity:0 !important;margin-top:0 !important;transform:translateY(-1rem) scale(0.8) !important}.app-toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:1rem;min-width:300px;max-width:24rem;backdrop-filter:blur(12px)}.app-toast .toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.app-toast .toast-msg{flex:1;font-size:.875rem;font-weight:600;text-align:right;margin:0}.app-toast .toast-close{flex-shrink:0;background:none;border:none;padding:.25rem;color:inherit;opacity:.8;cursor:pointer;transition:opacity .2s}.app-toast .toast-close:hover{opacity:1}.app-toast.type-success{background-color:#10b981;color:#fff;box-shadow:0 10px 15px -3px rgba(16,185,129,.3)}.app-toast.type-error{background-color:#ef4444;color:#fff;box-shadow:0 10px 15px -3px rgba(239,68,68,.3)}.app-toast.type-info{background-color:#3b82f6;color:#fff;box-shadow:0 10px 15px -3px rgba(59,130,246,.3)}#confirmation-container{position:fixed;top:1rem;left:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;align-items:center;pointer-events:none}#confirmation-container .button-wrapper{position:relative;top:-2px;width:100%;background:var(--color-gray-900);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-radius:0 0 1rem 1rem;padding:0 1.5rem 1.5rem 1.5rem}#confirmation-container .button-wrapper button{width:100%;color:#fff;text-align:center;background:var(--color-gray-800);border-radius:.5rem;padding:.5rem}#confirmation-container .button-wrapper.type-success .confirm-button{background:#10b981;color:#fff}#confirmation-container .button-wrapper.type-error .confirm-button{background:#ef4444;color:#fff}#confirmation-container .button-wrapper.type-info .confirm-button{background:#3b82f6;color:#fff}.confirmation-wrapper{transition:all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);width:100%;max-width:420px;max-height:0;opacity:0;margin-top:0;transform:translateY(-1rem) scale(0.9);pointer-events:auto}.confirmation-wrapper.show{max-height:6rem;opacity:1;margin-top:.5rem;transform:translateY(0) scale(1)}.confirmation-wrapper.hide{max-height:0 !important;opacity:0 !important;margin-top:0 !important;transform:translateY(-1rem) scale(0.8) !important}.app-confirmation{display:flex;align-items:center;gap:.75rem;width:100%;max-width:100%;padding:1.5rem;border-radius:1rem 1rem 0 0;backdrop-filter:blur(12px);background:var(--color-gray-900);color:#fff}.app-confirmation .confirmation-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.app-confirmation .confirmation-msg{flex:1;font-size:.875rem;font-weight:bold;text-align:right;margin:0}.app-confirmation .confirmation-close{flex-shrink:0;background:none;border:none;padding:.25rem;color:inherit;opacity:.8;cursor:pointer;transition:opacity .2s}.app-confirmation .confirmation-close:hover{opacity:1}.empty-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh}.empty-view .empty-icon{width:5rem;height:5rem;background:var(--color-gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);margin-bottom:1rem}.empty-view .empty-title{font-size:1.125rem;font-weight:800;color:var(--color-gray-600);margin-bottom:.25rem}.empty-view .empty-desc{font-size:.875rem;color:var(--color-gray-400);margin-bottom:1.5rem}.empty-view .btn-primary{font-size:.925rem;border:2px solid var(--color-primary);background:var(--color-primary);color:var(--color-white);padding:.5rem 1.5rem;border-radius:.75rem;font-weight:600;box-shadow:0 10px 15px -3px var(--color-brand-alpha-30),0 4px 6px -4px var(--color-brand-alpha-30)}#view-home{background-color:var(--color-gray-50)}.home-header{position:relative;height:560px;max-height:70vh;background-color:var(--color-gray-900)}.home-header .splide{width:100%;height:100%;position:absolute;top:0;left:0}.home-header .splide .splide__track{width:100%;height:100%;position:relative;z-index:10}.home-header .splide .splide__slide.banner-item{width:100%;height:100%}.home-header .splide .splide__slide.banner-item img{width:100%;height:100%;object-fit:cover;opacity:.9}.home-header .splide .splide__pagination{position:absolute;bottom:2.5rem;left:0;right:0;z-index:20;display:flex;justify-content:center;gap:.375rem;pointer-events:auto;padding:0;margin:0}.home-header .splide .splide__pagination li{display:flex;align-items:center;margin:0}.home-header .splide .splide__pagination .splide__pagination__page{height:.375rem;width:.375rem;border-radius:9999px;transition:all .3s;box-shadow:0 1px 2px rgba(0,0,0,.1);background-color:hsla(0,0%,100%,.4);opacity:1;margin:0 !important;cursor:pointer;padding:0;border:none}.home-header .splide .splide__pagination .splide__pagination__page.is-active{width:1.25rem;background-color:#fff}.home-header .header-gradient{position:absolute;inset:0;pointer-events:none;z-index:11;background:linear-gradient(to top, var(--color-gray-900), rgba(17, 24, 39, 0.4), rgba(0, 0, 0, 0.4))}.home-header .top-actions{position:absolute;top:0;left:0;right:0;padding:1.5rem;z-index:30;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.home-header .top-actions .status-badge{pointer-events:auto;padding:.375rem .75rem;border-radius:9999px;backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);display:flex;align-items:center;gap:.5rem}.home-header .top-actions .status-badge .status-dot{width:.5rem;height:.5rem;border-radius:50%}.home-header .top-actions .status-badge .status-text{font-size:.75rem;font-weight:bold}.home-header .top-actions .status-badge.is-open{background-color:rgba(0,0,0,.3);border-color:rgba(74,222,128,.5);color:var(--color-green-400)}.home-header .top-actions .status-badge.is-open .status-dot{background-color:var(--color-green-400);box-shadow:0 0 10px rgba(74,222,128,.5);animation:pulse 2s infinite}.home-header .top-actions .status-badge.is-closed{background-color:rgba(0,0,0,.3);border-color:rgba(248,113,113,.5);color:var(--color-red-400)}.home-header .top-actions .status-badge.is-closed .status-dot{background-color:var(--color-red-400)}.home-header .top-actions .info-btn{pointer-events:auto;width:2.5rem;height:2.5rem;border-radius:50%;background-color:hsla(0,0%,100%,.2);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.home-header .top-actions .info-btn:hover{background-color:hsla(0,0%,100%,.3)}.home-header .cafe-info-overlay{position:absolute;inset:0;z-index:20;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1.5rem 2rem}.home-header .cafe-info-overlay .cafe-logo-box{width:5rem;height:5rem;background:#fff;padding:.25rem;border-radius:1rem;transform:rotate(3deg);margin-bottom:1.125rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.home-header .cafe-info-overlay .cafe-logo-box img{width:100%;height:100%;border-radius:.75rem;object-fit:cover}.home-header .cafe-info-overlay .cafe-name{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .25rem;text-shadow:0 4px 6px rgba(0,0,0,.3)}.home-header .cafe-info-overlay .cafe-tagline{font-size:.925rem;font-weight:500;color:var(--color-gray-200);margin:0 0 .75rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.home-header .cafe-info-overlay .cafe-address-chip{display:inline-flex;align-items:center;gap:.375rem;background-color:hsla(0,0%,100%,.1);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);padding:.375rem .75rem;border-radius:.5rem;color:var(--color-gray-200);font-size:12px;font-weight:600;max-width:90%}.home-header .cafe-info-overlay .cafe-address-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-sheet{position:relative;z-index:30;margin-top:-1.5rem;background:#fff;border-radius:2rem 2rem 0 0;box-shadow:0 -10px 60px rgba(0,0,0,.4);min-height:calc(100vh - 336px);padding-bottom:0}@media(min-width: 1200px){.content-sheet{padding:3rem 6rem;background:var(--color-gray-50);max-width:1150px;margin:0 auto;border-radius:0;box-shadow:unset;min-height:100vh}}.content-sheet .controls-section{padding:1.5rem 1.25rem 0}@media(min-width: 1200px){.content-sheet .controls-section{background:#fff;padding:2.5rem 2.5rem 0;border-radius:2rem 2rem 0 0}}.content-sheet .controls-section .search-box-wrapper{position:relative;margin-bottom:1rem}@media(min-width: 1200px){.content-sheet .controls-section .search-box-wrapper{margin-bottom:0}}.content-sheet .controls-section .search-box-wrapper .search-input{width:100%;background:#fff;color:var(--color-gray-800);border-radius:1rem;padding:.875rem 3rem .875rem 1rem;font-size:.875rem;font-weight:bold;border:1px solid var(--color-gray-200);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);outline:none;transition:all .2s}.content-sheet .controls-section .search-box-wrapper .search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.content-sheet .controls-section .search-box-wrapper .search-input::placeholder{font-weight:normal;color:var(--color-gray-400)}.content-sheet .controls-section .search-box-wrapper .search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.content-sheet .controls-section .search-box-wrapper:focus-within .search-icon{color:var(--color-primary)}.content-sheet .products-list-area{background-color:var(--color-gray-50);padding:2rem 1rem 12rem 1rem}@media(min-width: 1200px){.content-sheet .products-list-area{padding:2.5rem 0 2.5rem 0}}.content-sheet .products-list-area .category-section{margin-bottom:2rem}.content-sheet .products-list-area .category-section.scroll-mt{scroll-margin-top:10rem}.content-sheet .products-list-area .category-section .section-title{font-size:1.25rem;font-weight:800;color:var(--color-gray-900);margin:0 0 1rem;padding:0 .5rem;display:flex;align-items:center;gap:.5rem}.content-sheet .products-list-area .category-section .section-title .icon-sparkles{color:var(--color-primary)}.content-sheet .products-list-area .category-section .section-title .primary-color{color:var(--color-primary)}.content-sheet .products-list-area .category-section .special-offers-splide{padding:0 0 .5rem 0;margin:0 -1rem}@media(min-width: 1200px){.content-sheet .products-list-area .category-section .special-offers-splide{margin:0}}.content-sheet .products-list-area .category-section .special-offers-splide .splide__track{padding-bottom:2.25rem}@media(min-width: 1200px){.content-sheet .products-list-area .category-section .special-offers-splide .splide__track{padding-bottom:1.75rem;overflow:visible}}.content-sheet .products-list-area .category-section .special-offers-splide .splide__slide .special-card-wrapper{width:100%;max-width:100%}.content-sheet .products-list-area .category-section .special-offers-splide .splide-buttons{display:flex;justify-content:center;align-items:center;margin-top:-0.75rem}@media(min-width: 1200px){.content-sheet .products-list-area .category-section .special-offers-splide .splide-buttons{justify-content:space-between;margin-top:0}}.content-sheet .products-list-area .category-section .special-offers-splide .splide__arrows{display:flex;gap:.5rem;padding:.5rem;background-color:#fff;border-radius:1.5rem;border:1px solid var(--color-gray-50, #f9fafb);box-shadow:0 4px 6px -1px rgba(0,0,0,.02),0 2px 4px -1px rgba(0,0,0,.02);pointer-events:none}.content-sheet .products-list-area .category-section .special-offers-splide .splide__arrow{width:2.125rem;height:2.125rem;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);border-radius:2rem;background-color:var(--color-gray-100, #f3f4f6);cursor:pointer;pointer-events:auto;transition:all .3s ease;opacity:1}.content-sheet .products-list-area .category-section .special-offers-splide .splide__arrow svg{width:1.25rem;height:1.25rem}.content-sheet .products-list-area .category-section .special-offers-splide .splide__arrow:hover{background-color:var(--color-primary, #f97316);color:#fff}.content-sheet .products-list-area .category-section .special-offers-splide .splide__arrow:hover:disabled{background-color:var(--color-gray-100, #f3f4f6);color:var(--color-gray-500)}.content-sheet .products-list-area .category-section .special-offers-splide .splide__arrow:active{transform:scale(0.9)}.content-sheet .products-list-area .category-section .special-offers-splide .splide__arrow:disabled{opacity:.6}.content-sheet .products-list-area .category-section .special-offers-splide .splide__pagination{display:inline-flex;justify-content:center;gap:.5rem;padding:0;border-radius:2rem;padding:.75rem;background-color:#fff;border-radius:1.5rem;border:1px solid var(--color-gray-50, #f9fafb);box-shadow:0 4px 6px -1px rgba(0,0,0,.02),0 2px 4px -1px rgba(0,0,0,.02)}.content-sheet .products-list-area .category-section .special-offers-splide .splide__pagination li{display:flex;align-items:center}.content-sheet .products-list-area .category-section .special-offers-splide .splide__pagination .splide__pagination__page{background:var(--color-gray-300);border:none;width:.5rem;height:.5rem;border-radius:50%;padding:0;margin:0;cursor:pointer;transition:all .3s cubic-bezier(0.25, 1, 0.5, 1)}.content-sheet .products-list-area .category-section .special-offers-splide .splide__pagination .splide__pagination__page.is-active{background:var(--color-primary);width:1.5rem;border-radius:1rem}.content-sheet .products-list-area .category-section .grid-layout{display:grid;grid-template-columns:repeat(1, 1fr);gap:.25rem}@media(min-width: 1400px){.content-sheet .products-list-area .category-section .grid-layout{grid-template-columns:repeat(2, 1fr);gap:1rem}}#view-cart{background-color:var(--color-gray-50);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:8rem}#view-cart .cart-content-scroll{flex:1;overflow:hidden}#view-cart .cart-content-scroll .cart-list{display:flex;flex-direction:column;gap:.75rem}#view-cart .cart-content-scroll .cart-list .cart-item{background:#fff;border-radius:1rem;padding:.75rem;border:1px solid var(--color-gray-100);display:flex;gap:.75rem;transform:translateX(0);transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}#view-cart .cart-content-scroll .cart-list .cart-item.about-to-move{transform:translateX(-110%)}#view-cart .cart-content-scroll .cart-list .cart-item .item-image{width:4rem;height:4rem;border-radius:.75rem;background:var(--color-gray-100);overflow:hidden}#view-cart .cart-content-scroll .cart-list .cart-item .item-image img{width:100%;height:100%;object-fit:cover}#view-cart .cart-content-scroll .cart-list .cart-item .item-image .placeholder-icon{width:100%;height:100%;background-color:var(--color-gray-100, #f3f4f6);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:var(--color-gray-300, #d1d5db)}#view-cart .cart-content-scroll .cart-list .cart-item .item-details{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}#view-cart .cart-content-scroll .cart-list .cart-item .top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}#view-cart .cart-content-scroll .cart-list .cart-item .item-name{font-size:1rem;font-weight:bold;margin:0;color:var(--color-gray-900)}#view-cart .cart-content-scroll .cart-list .cart-item .item-total{font-size:.875rem;font-weight:bold;color:var(--color-gray-900)}#view-cart .cart-content-scroll .cart-list .cart-item .item-extras{font-size:10px;color:var(--color-gray-400);margin-bottom:.5rem}#view-cart .cart-content-scroll .cart-list .cart-item .bottom-row{display:flex;justify-content:space-between;align-items:center}#view-cart .cart-content-scroll .cart-list .cart-item .unit-price{font-size:.75rem;font-weight:bold;color:var(--color-primary)}#view-cart .cart-content-scroll .cart-list .cart-item .qty-counter{display:flex;align-items:center;gap:.25rem;background:var(--color-gray-100);padding:.25rem;border-radius:.5rem}#view-cart .cart-content-scroll .cart-list .cart-item .qty-counter .btn-qty{width:1.75rem;height:1.75rem;background:#fff;border-radius:.375rem;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 1px rgba(0,0,0,.05);color:var(--color-gray-800)}#view-cart .cart-content-scroll .cart-list .cart-item .qty-counter .btn-qty.trash{color:#ef4444}#view-cart .cart-content-scroll .cart-list .cart-item .qty-counter .qty-num{font-weight:bold;font-size:.875rem;width:1rem;text-align:center}#view-checkout{background-color:var(--color-gray-50);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:8rem}#view-checkout .checkout-content{flex:1;overflow-y:auto}#view-checkout .card-box{background:#fff;border-radius:1rem;padding:1rem;border:1px solid var(--color-gray-100);margin-bottom:1rem}#view-checkout .card-box .card-title{font-size:1rem;font-weight:600;color:var(--color-gray-900);display:flex;align-items:center;gap:8px;margin-bottom:8px}#view-checkout .stack-cards{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}#view-checkout .info-card{position:relative;background:#fff;padding:1rem;border-radius:1rem;border:1px solid var(--color-gray-100)}#view-checkout .info-card .info-header,#view-checkout .info-card .info-main{display:flex;align-items:center;justify-content:space-between}#view-checkout .info-card .info-main{gap:.75rem;justify-content:flex-start}#view-checkout .info-card .icon-c{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}#view-checkout .info-card .icon-c.blue{background:#eff6ff;color:#3b82f6}#view-checkout .info-card .icon-c.green{background:var(--color-green-100);color:#16a34a}#view-checkout .info-card .icon-c.orange{background:var(--color-brand-50);color:var(--color-brand-500, #f97316)}#view-checkout .info-card .info-text{display:flex;flex-direction:column}#view-checkout .info-card .info-text .title{font-size:1rem;font-weight:600;color:var(--color-gray-900)}#view-checkout .info-card .info-text .sub{font-size:.875rem;color:var(--color-gray-500);margin-top:4px}#view-checkout .info-card .btn-edit{position:absolute;min-width:82px;top:1rem;left:1rem;font-size:.75rem;font-weight:600;color:var(--color-primary);background:var(--color-brand-50);padding:.25rem .5rem;border-radius:.5rem;border:none}#view-checkout .info-card .address-box{font-size:.875rem;color:var(--color-gray-600);margin:.5rem 1.1rem 0 0;padding-right:.75rem;border-right:2px solid var(--color-brand-100)}#view-checkout .info-card .address-box.empty{color:#ef4444;border-color:#fecaca}#view-checkout .info-card .card-title{font-size:1rem;font-weight:600;color:var(--color-gray-900)}#view-checkout .info-card.pickup-card .address-box{border-right:2px solid var(--color-green-100)}#view-checkout .payment-box{background:#fff;padding:1rem;border-radius:1rem;border:1px solid var(--color-gray-100);margin-bottom:1rem}#view-checkout .payment-box .wallet-toggle-card{background:#fff;border:1px solid var(--color-gray-100);border-radius:1rem;overflow:hidden;transition:all .3s;margin-bottom:.75rem}#view-checkout .payment-box .wallet-toggle-card.active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-brand-alpha-20)}#view-checkout .payment-box .wallet-toggle-card.active .wt-icon{background:var(--color-primary);color:#fff}#view-checkout .payment-box .wallet-toggle-card.active .custom-switch{background:var(--color-primary);justify-content:flex-end}#view-checkout .payment-box .wallet-toggle-card.active .wt-details{max-height:10rem;padding-bottom:1rem;opacity:1}#view-checkout .payment-box .wallet-toggle-card .wt-header{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}#view-checkout .payment-box .wallet-toggle-card .wt-info{display:flex;align-items:center;gap:.75rem}#view-checkout .payment-box .wallet-toggle-card .wt-icon{width:3rem;height:3rem;border-radius:.75rem;background:var(--color-gray-100);color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;transition:all .3s}#view-checkout .payment-box .wallet-toggle-card .wt-text{display:flex;flex-direction:column}#view-checkout .payment-box .wallet-toggle-card .wt-text strong{font-size:.875rem}#view-checkout .payment-box .wallet-toggle-card .wt-text span{font-size:.75rem;color:var(--color-gray-500)}#view-checkout .payment-box .wallet-toggle-card .custom-switch{width:3rem;height:1.75rem;background:var(--color-gray-200);border-radius:9999px;padding:2px;display:flex;transition:all .3s}#view-checkout .payment-box .wallet-toggle-card .custom-switch .knob{width:1.5rem;height:1.5rem;background:#fff;border-radius:50%}#view-checkout .payment-box .wallet-toggle-card .wt-details{max-height:0;opacity:0;overflow:hidden;transition:all .4s ease;background:var(--color-gray-50);padding:0 1.25rem}#view-checkout .payment-box .wallet-toggle-card .wt-details .line{height:1px;background:var(--color-gray-200);margin-bottom:.75rem}#view-checkout .payment-box .wallet-toggle-card .wt-details .row{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.5rem;color:var(--color-gray-600)}#view-checkout .payment-box .wallet-toggle-card .wt-details .row.discount{color:var(--color-brand-600)}#view-checkout .payment-box .wallet-toggle-card .wt-details .row.final{color:var(--color-gray-900)}#view-checkout .payment-box .methods-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}#view-checkout .payment-box .methods-grid .method-card{background:#fff;border:1px solid var(--color-gray-100);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-gray-500);font-weight:600;font-size:.875rem;transition:all .2s}#view-checkout .payment-box .methods-grid .method-card.active{background:var(--color-brand-50);border-color:var(--color-primary);color:var(--color-brand-700)}#view-checkout .payment-box .methods-grid .method-card[data-method=cash]{opacity:.5;pointer-events:none}#view-checkout .text-area{width:100%;background:var(--color-gray-50);border:none;border-radius:.75rem;padding:.75rem;font-size:.875rem;min-height:5rem;resize:none;outline:none;margin-top:.5rem}#view-checkout .text-area:focus{background:#fff;box-shadow:0 0 0 1px var(--color-brand-300)}#view-checkout .summary-box{background:#fff;border-radius:1rem;padding:1.25rem;border:1px solid var(--color-gray-100)}#view-checkout .summary-box .s-row{display:flex;justify-content:space-between;font-size:1rem;color:var(--color-gray-600);margin-bottom:.5rem}#view-checkout .summary-box .s-row.total{font-size:1rem;font-weight:600;color:var(--color-gray-900)}#view-checkout .summary-box .s-line{height:1px;background:var(--color-gray-100);margin:.75rem 0}.delivery-type-toggle{background:#fff;padding:4px;border-radius:9999px;border:1px solid var(--color-gray-200);display:flex;position:relative;height:3rem;margin-bottom:1rem}.delivery-type-toggle .toggle-bg{position:absolute;top:4px;bottom:4px;width:calc(50% - 4px);background:var(--color-primary);border-radius:9999px;transition:all .3s cubic-bezier(0.19, 1, 0.22, 1);right:4px}.delivery-type-toggle .toggle-option{flex:1;position:relative;z-index:10;background:none;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:color .2s}.delivery-type-toggle .toggle-option.active{color:#fff}.mini-items{display:flex;justify-content:space-between;align-items:center}.mini-items .avatars{display:flex;padding-left:.5rem}.mini-items .avatars img{width:3rem;min-width:3rem;height:3rem;border-radius:50%;border:2px solid #fff;margin-left:-0.75rem;object-fit:cover;background:var(--color-gray-100)}.mini-items .avatars .avatar-placeholder,.mini-items .avatars .avatar-more{width:3rem;height:3rem;border-radius:50%;background:var(--color-gray-100);color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:bold;border:2px solid #fff}.mini-items .avatars .avatar-placeholder{margin-left:-0.75rem}.mini-items .btn-link{color:var(--color-primary);font-size:.875rem;font-weight:600;background:none;border:none;display:flex;align-items:center;gap:.25rem}#view-order-confirmation{background-color:#f9fafb;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:8rem}#view-order-confirmation .oc-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;width:100%;margin:auto 0;animation:fadeIn .3s ease-out}#view-order-confirmation .oc-wrapper.hidden{display:none !important}#view-order-confirmation .oc-icon-circle{width:6rem;height:6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}#view-order-confirmation .oc-icon-circle.success{background-color:#dcfce7;color:#22c55e;box-shadow:0 0 0 15px rgba(34,197,94,.1)}#view-order-confirmation .oc-icon-circle.failed{background-color:#fee2e2;color:#ef4444;box-shadow:0 0 0 15px rgba(239,68,68,.1)}#view-order-confirmation .oc-icon-circle.animate-bounce-in{animation:bounceIn .6s cubic-bezier(0.175, 0.885, 0.32, 1.275)}#view-order-confirmation .oc-title{font-size:1.5rem;font-weight:800;color:#111827;margin:0 0 .5rem 0}#view-order-confirmation .oc-desc{color:#6b7280;margin:0 0 2rem 0;max-width:280px;line-height:1.6}#view-order-confirmation .oc-details-card{background-color:#fff;border-radius:1.5rem;padding:1.5rem;width:100%;max-width:24rem;border:1px solid #f3f4f6;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);margin-bottom:2rem;text-align:right;display:flex;flex-direction:column;gap:1rem}#view-order-confirmation .oc-details-card .oc-row{display:flex;justify-content:space-between;align-items:center}#view-order-confirmation .oc-details-card .oc-row.border-bottom{border-bottom:1px solid #f3f4f6}#view-order-confirmation .oc-details-card .oc-row.pb-4{padding-bottom:1rem}#view-order-confirmation .oc-details-card .oc-row.pt-4{padding-top:1rem;margin-top:-1rem}#view-order-confirmation .oc-details-card .oc-row .oc-label{color:#6b7280;font-size:.875rem}#view-order-confirmation .oc-details-card .oc-row .oc-value{font-weight:700;color:#111827}#view-order-confirmation .oc-details-card .oc-row .oc-value.oc-badge{font-weight:800;font-size:1.125rem;letter-spacing:.05em;background-color:#f9fafb;padding:.25rem .75rem;border-radius:.5rem}#view-order-confirmation .oc-details-card .oc-row .oc-value.brand-text{color:var(--color-brand-600, #ea580c)}#view-order-confirmation .oc-details-card .oc-row .oc-value.danger-text{color:#ef4444}#view-order-confirmation .oc-details-card .oc-row .oc-value.text-xs{font-size:.75rem}#view-order-confirmation .oc-btn{width:100%;max-width:24rem;padding:1rem;border-radius:1rem;font-weight:700;transition:transform .1s ease;cursor:pointer}#view-order-confirmation .oc-btn:active{transform:scale(0.98)}#view-order-confirmation .oc-btn.mb-4{margin-bottom:1rem}#view-order-confirmation .oc-btn.primary{border:none}#view-order-confirmation .oc-btn.primary.brand-bg{background-color:var(--color-brand-500, #f97316);color:#fff;box-shadow:0 10px 15px -3px var(--color-brand-alpha-30)}#view-order-confirmation .oc-btn.primary.dark-bg{background-color:#111827;color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}#view-order-confirmation .oc-btn.secondary{background-color:#fff;color:#374151;border:1px solid #e5e7eb}@keyframes bounceIn{0%{transform:scale(0.5);opacity:0}60%{transform:scale(1.1);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#view-orders{background-color:var(--color-gray-50);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:8rem}#view-orders .orders-content{flex:1}#view-orders .orders-content .orders-list{display:flex;flex-direction:column;gap:1rem}#view-orders .orders-content .orders-list .order-accordion-card{background-color:#fff;border-radius:1rem;border:1px solid var(--color-gray-100);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);overflow:hidden;transition:all .3s ease}#view-orders .orders-content .orders-list .order-accordion-card .order-header{padding:1.25rem;cursor:pointer;user-select:none}#view-orders .orders-content .orders-list .order-accordion-card .order-header .header-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}#view-orders .orders-content .orders-list .order-accordion-card .order-header .header-top-row .tracking-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}#view-orders .orders-content .orders-list .order-accordion-card .order-header .header-top-row .tracking-row .tracking-code{direction:ltr;font-weight:bold;color:var(--color-gray-900)}#view-orders .orders-content .orders-list .order-accordion-card .order-header .header-top-row .tracking-row .status-badge{font-size:10px;font-weight:bold;padding:.125rem .5rem;border-radius:.375rem;background-color:var(--gray-50, #f9fafb);color:var(--gray-600, #4b5563)}#view-orders .orders-content .orders-list .order-accordion-card .order-header .header-top-row .tracking-row .status-badge.is-processing{background-color:#eff6ff;color:#2563eb}#view-orders .orders-content .orders-list .order-accordion-card .order-header .header-top-row .tracking-row .status-badge.is-delivering{background-color:var(--color-brand-50);color:#ea580c}#view-orders .orders-content .orders-list .order-accordion-card .order-header .header-top-row .tracking-row .status-badge.is-delivered{background-color:#f0fdf4;color:#16a34a}#view-orders .orders-content .orders-list .order-accordion-card .order-header .header-top-row .tracking-row .status-badge.is-cancelled{background-color:#fef2f2;color:#dc2626}#view-orders .orders-content .orders-list .order-accordion-card .order-header .header-top-row .tracking-row .status-badge.is-default{background-color:var(--gray-50, #f9fafb);color:var(--gray-600, #4b5563)}#view-orders .orders-content .orders-list .order-accordion-card .order-header .header-top-row .date-time{font-size:.75rem;color:var(--color-gray-400)}#view-orders .orders-content .orders-list .order-accordion-card .order-header .header-top-row .price-action{display:flex;flex-direction:column;align-items:flex-end}#view-orders .orders-content .orders-list .order-accordion-card .order-header .header-top-row .price-action .total-price{font-weight:bold;color:var(--color-gray-900);font-size:.875rem}#view-orders .orders-content .orders-list .order-accordion-card .order-header .header-top-row .price-action .total-price small{font-size:10px;color:var(--color-gray-500)}#view-orders .orders-content .orders-list .order-accordion-card .order-header .header-top-row .price-action .icon-down{color:var(--color-gray-400);margin-top:.5rem;display:block}#view-orders .orders-content .orders-list .order-accordion-card .order-header .header-top-row .price-action .icon-up{color:var(--color-primary);margin-top:.5rem;display:none}#view-orders .orders-content .orders-list .order-accordion-card .order-header .thumbnail-row{display:flex;align-items:center;gap:0;overflow:hidden;transition:opacity .3s}#view-orders .orders-content .orders-list .order-accordion-card .order-header .thumbnail-row .thumb-wrapper{width:3rem;height:3rem;border-radius:100px;background:var(--color-gray-50);border:1px solid var(--color-gray-100);padding:2px;flex-shrink:0;margin-left:-0.75rem;overflow:hidden}#view-orders .orders-content .orders-list .order-accordion-card .order-header .thumbnail-row .thumb-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:100px}#view-orders .orders-content .orders-list .order-accordion-card .order-header .thumbnail-row .thumb-wrapper .placeholder-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-300)}#view-orders .orders-content .orders-list .order-accordion-card .order-header .thumbnail-row .thumb-wrapper .placeholder-icon svg{width:16px;height:16px}#view-orders .orders-content .orders-list .order-accordion-card .order-header .thumbnail-row .thumb-more{width:3rem;height:3rem;border-radius:100px;background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:bold;color:var(--color-gray-500);flex-shrink:0}#view-orders .orders-content .orders-list .order-accordion-card .order-body{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease-in-out,opacity .3s ease}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner{padding:0 1.25rem 1.25rem 1.25rem}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .divider{height:1px;background-color:var(--color-gray-100);margin-bottom:1rem}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .item-details-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .item-details-list .detail-item{display:flex;align-items:flex-start;gap:.75rem}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .item-details-list .detail-item .detail-img{width:3rem;height:3rem;border-radius:100px;background:var(--color-gray-50);border:1px solid var(--color-gray-100);padding:2px;flex-shrink:0;overflow:hidden}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .item-details-list .detail-item .detail-img img{width:100%;height:100%;object-fit:cover;border-radius:100px}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .item-details-list .detail-item .detail-img .placeholder-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-300)}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .item-details-list .detail-item .detail-img .placeholder-icon svg{width:20px;height:20px}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .item-details-list .detail-item .detail-info{flex:1;min-width:0}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .item-details-list .detail-item .detail-info .info-top{display:flex;justify-content:space-between;margin-bottom:.25rem}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .item-details-list .detail-item .detail-info .info-top .item-name{font-size:.875rem;font-weight:bold;color:var(--color-gray-800)}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .item-details-list .detail-item .detail-info .info-top .item-price{font-size:.75rem;font-weight:bold;color:var(--color-gray-900)}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .item-details-list .detail-item .detail-info .info-bottom{display:flex;align-items:center;gap:.5rem}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .item-details-list .detail-item .detail-info .info-bottom .item-qty{font-size:.75rem;background:var(--color-gray-100);color:var(--color-gray-600);padding:2px 6px;border-radius:.25rem;display:flex;align-items:center;gap:2px}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .item-details-list .detail-item .detail-info .info-bottom .item-qty small{font-size:9px}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .item-details-list .detail-item .detail-info .info-bottom .item-extras{font-size:10px;color:var(--color-gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;margin-bottom:0 !important}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .order-info-grid .info-box{background:var(--color-gray-50);padding:.75rem;border-radius:.75rem}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .order-info-grid .info-box.full-width{grid-column:span 2}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .order-info-grid .info-box .box-title{display:flex;align-items:center;gap:.375rem;color:var(--color-gray-400);font-size:10px;font-weight:bold;margin-bottom:.25rem}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .order-info-grid .info-box .box-value{font-size:.75rem;font-weight:bold;color:var(--color-gray-700)}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .order-info-grid .info-box .box-value.address-text{line-height:1.5;display:block}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .btn-reorder{display:none !important;width:100%;background:var(--color-brand-50);color:var(--color-brand-600);font-weight:bold;padding:.75rem;border-radius:.75rem;border:1px solid var(--color-brand-200);display:flex;justify-content:center;gap:.5rem;cursor:pointer;transition:background-color .2s}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .btn-reorder:hover{background:var(--color-brand-100)}#view-orders .orders-content .orders-list .order-accordion-card .order-body .body-inner .btn-reorder:active{transform:scale(0.98)}#view-orders .orders-content .orders-list .order-accordion-card.active{border-color:var(--color-brand-200);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}#view-orders .orders-content .orders-list .order-accordion-card.active .order-header .thumbnail-row{opacity:0;max-height:0;margin:0;padding:0}#view-orders .orders-content .orders-list .order-accordion-card.active .order-header .icon-down{display:none}#view-orders .orders-content .orders-list .order-accordion-card.active .order-header .icon-up{display:block}#view-orders .orders-content .orders-list .order-accordion-card.active .order-body{max-height:1000px;opacity:1}#view-about{background-color:var(--color-gray-50);min-height:100vh;min-height:100dvh;padding-bottom:8rem}#view-about .about-content{display:flex;flex-direction:column;gap:2rem}#view-about .about-content .hero-image-box{position:relative;height:12rem;border-radius:1.5rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}#view-about .about-content .hero-image-box img{width:100%;height:100%;object-fit:cover}#view-about .about-content .hero-image-box .hero-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}#view-about .about-content .hero-image-box .hero-overlay .cafe-title{font-size:1.5rem;font-weight:800;color:#fff;text-shadow:0 4px 6px rgba(0,0,0,.3)}#view-about .about-content .description-card{background-color:#fff;padding:1.5rem;border-radius:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.02);border:1px solid var(--color-gray-100);text-align:center;position:relative;overflow:hidden}#view-about .about-content .description-card .decorative-corner{position:absolute;top:0;right:0;width:5rem;height:5rem;background-color:var(--color-brand-50);border-bottom-left-radius:4rem;margin-right:-1rem;margin-top:-1rem;opacity:.5}#view-about .about-content .description-card .desc-text{color:var(--color-gray-600);line-height:2rem;text-align:justify;font-weight:500;position:relative;z-index:10}#view-about .about-content .description-card .desc-text:last-of-type{margin-bottom:0}#view-about .about-content .about-section .section-title{font-weight:bold;font-size:1.125rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;color:var(--color-gray-800)}#view-about .about-content .gallery-section .section-title .icon-sparkles{color:var(--color-brand-500)}#view-about .about-content .gallery-section .gallery-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:.75rem}#view-about .about-content .gallery-section .gallery-grid .gallery-img{width:100%;object-fit:cover;border-radius:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}#view-about .about-content .gallery-section .gallery-grid .gallery-img.small{height:10rem}#view-about .about-content .gallery-section .gallery-grid .gallery-img.large{height:12rem;grid-column:span 2}#view-about .about-content .info-card{background-color:#fff;padding:1.25rem;border-radius:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.02);border:1px solid var(--color-gray-100);display:flex;flex-direction:column;gap:1rem}#view-about .about-content .info-card .info-row{display:flex;align-items:flex-start;gap:1rem}#view-about .about-content .info-card .info-row .icon-circle{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--color-gray-100);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);flex-shrink:0}#view-about .about-content .info-card .info-row .info-text .label{display:block;font-size:.875rem;color:var(--color-gray-400);margin-bottom:.25rem}#view-about .about-content .info-card .info-row .info-text .value{font-weight:600;color:var(--color-gray-800);font-size:1rem;line-height:1.5rem;margin-bottom:0}#view-about .about-content .info-card .divider{width:100%;height:1px;background-color:var(--color-gray-100)}#view-about .about-content .social-wrapper{display:flex;flex-direction:column;gap:.75rem}#view-about .about-content .social-wrapper .social-item{width:100%;background-color:#fff;border:1px solid var(--color-gray-100);border-radius:1rem;padding:1rem;outline:none !important;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .1s;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}#view-about .about-content .social-wrapper .social-item:active{transform:scale(0.99)}#view-about .about-content .social-wrapper .social-item .item-left{display:flex;align-items:center;gap:.75rem}#view-about .about-content .social-wrapper .social-item .item-left .item-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}#view-about .about-content .social-wrapper .social-item .item-left .item-icon.blue{background-color:#eff6ff;color:#3b82f6}#view-about .about-content .social-wrapper .social-item .item-left .item-icon.orange{background-color:var(--color-brand-50);color:var(--color-primary)}#view-about .about-content .social-wrapper .social-item .item-left .item-icon.red{background-color:var(--color-red-50);color:var(--color-red-500)}#view-about .about-content .social-wrapper .social-item .item-left .item-icon.pink{background-color:#fdf2f8;color:#ec4899}#view-about .about-content .social-wrapper .social-item .item-left .item-icon.green{background-color:#f0fdf4;color:#22c55e}#view-about .about-content .social-wrapper .social-item .item-left .item-icon.sky{background-color:#f0f9ff;color:#0ea5e9}#view-about .about-content .social-wrapper .social-item .item-left .item-icon.gray{background-color:#f3f4f6;color:#6b7280}#view-about .about-content .social-wrapper .social-item .item-left .title-wrapper .item-title{font-size:1rem;font-weight:600;color:var(--color-gray-700)}#view-about .about-content .social-wrapper .social-item .item-left .title-wrapper .item-subtitle{font-size:.875rem;color:var(--color-gray-400)}#view-about .about-content .designer-info{text-align:center;font-size:.875rem;color:var(--color-gray-500)}#view-about .about-content .designer-info p{margin-bottom:0}#view-about .about-content .designer-info p a{color:var(--color-gray-500)}#view-terms{background-color:var(--color-gray-50);min-height:100vh;min-height:100dvh;padding-bottom:8rem}#view-terms .terms-content{display:flex;flex-direction:column;gap:1rem}#view-terms .terms-content .term-card{background-color:#fff;padding:1.25rem;border-radius:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid var(--color-gray-100);display:flex;gap:1rem;align-items:flex-start}#view-terms .terms-content .term-card .term-icon{flex-shrink:0;width:2.5rem;height:2.5rem;background-color:var(--color-brand-50);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}#view-terms .terms-content .term-card .term-icon svg{width:20px;height:20px}#view-terms .terms-content .term-card .term-text h3{font-weight:bold;color:var(--color-gray-900);font-size:1rem;margin:0 0 .625rem 0}#view-terms .terms-content .term-card .term-text p{color:var(--color-gray-500);font-size:.925rem;line-height:1.5rem;text-align:justify;margin:0}#view-faq{background-color:var(--color-gray-50);min-height:100vh;min-height:100dvh;padding-bottom:8rem}#view-faq .faq-content{display:flex;flex-direction:column;gap:.75rem}#view-faq .faq-content .faq-item{background-color:#fff;border-radius:1rem;border:1px solid var(--color-gray-100);overflow:hidden;transition:all .3s ease}#view-faq .faq-content .faq-item .faq-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:none;border:none;cursor:pointer;text-align:right}#view-faq .faq-content .faq-item .faq-header .question-text{font-size:1rem;font-weight:600;color:var(--color-gray-700);transition:color .3s}#view-faq .faq-content .faq-item .faq-header .icon-wrapper{color:var(--color-gray-400);display:flex;align-items:center;justify-content:center}#view-faq .faq-content .faq-item .faq-header .icon-wrapper .icon-up{display:none}#view-faq .faq-content .faq-item .faq-header .icon-wrapper .icon-down{display:block}#view-faq .faq-content .faq-item .faq-body{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,opacity .3s ease;opacity:0}#view-faq .faq-content .faq-item .faq-body .faq-text{padding:0 1.25rem 1.25rem 3rem;font-size:.925rem;color:var(--color-gray-500);line-height:1.5rem;text-align:justify}#view-faq .faq-content .faq-item.active{border-color:var(--color-brand-200);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}#view-faq .faq-content .faq-item.active .faq-header .question-text{color:var(--color-brand-500)}#view-faq .faq-content .faq-item.active .faq-header .icon-wrapper{color:var(--color-brand-500)}#view-faq .faq-content .faq-item.active .faq-header .icon-wrapper .icon-up{display:block}#view-faq .faq-content .faq-item.active .faq-header .icon-wrapper .icon-down{display:none}#view-faq .faq-content .faq-item.active .faq-body{max-height:10rem;opacity:1}#view-profile{background-color:var(--color-gray-50);min-height:100vh;min-height:100dvh;padding-bottom:8rem}#view-profile .profile-content{height:100%}#view-profile .profile-content .guest-view .guest-desc{font-size:.875rem;color:var(--color-gray-500);text-align:center;margin-bottom:2rem;max-width:250px;line-height:1.5}#view-profile .profile-content .user-dashboard{display:flex;flex-direction:column;gap:1.5rem}#view-profile .profile-content .user-dashboard .user-card{background-color:#fff;border-radius:2rem;padding:1.5rem;border:1px solid var(--color-gray-100);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);cursor:pointer;transition:transform .1s}#view-profile .profile-content .user-dashboard .user-card:active{transform:scale(0.98)}#view-profile .profile-content .user-dashboard .user-card .decor-circle{position:absolute;border-radius:50%;opacity:.6;pointer-events:none}#view-profile .profile-content .user-dashboard .user-card .decor-circle.top-right{top:-2.5rem;right:-2.5rem;width:8rem;height:8rem;background-color:var(--color-brand-50)}#view-profile .profile-content .user-dashboard .user-card .decor-circle.bottom-left{bottom:-2rem;left:-2rem;width:6rem;height:6rem;background-color:#eff6ff}#view-profile .profile-content .user-dashboard .user-card .avatar-wrapper{width:6rem;height:6rem;border-radius:50%;padding:4px;background:linear-gradient(to top right, var(--color-brand-400), var(--color-brand-600));margin-bottom:1rem;position:relative;z-index:10}#view-profile .profile-content .user-dashboard .user-card .avatar-wrapper .avatar-inner{width:100%;height:100%;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}#view-profile .profile-content .user-dashboard .user-card .user-name{font-size:1.25rem;font-weight:800;color:var(--color-gray-900);margin:0;position:relative;z-index:10}#view-profile .profile-content .user-dashboard .user-card .user-phone{font-size:.875rem;color:var(--color-gray-500);margin-top:.25rem;position:relative;z-index:10;letter-spacing:.5px}#view-profile .profile-content .user-dashboard .user-card .edit-badge{position:absolute;top:1rem;left:1rem;background-color:var(--color-brand-50);color:var(--color-primary);font-size:.75rem;font-weight:bold;padding:.375rem .75rem;border-radius:9999px;display:flex;align-items:center;gap:.25rem;z-index:10}#view-profile .profile-content .user-dashboard .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}#view-profile .profile-content .user-dashboard .stats-grid .stat-card{background-color:#fff;border:1px solid var(--color-gray-100);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:transform .1s;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}#view-profile .profile-content .user-dashboard .stats-grid .stat-card:active{transform:scale(0.95)}#view-profile .profile-content .user-dashboard .stats-grid .stat-card .stat-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}#view-profile .profile-content .user-dashboard .stats-grid .stat-card .stat-icon.orange{background-color:var(--color-brand-50);color:var(--color-primary)}#view-profile .profile-content .user-dashboard .stats-grid .stat-card .stat-icon.red{background-color:#fef2f2;color:#ef4444}#view-profile .profile-content .user-dashboard .stats-grid .stat-card .stat-label{font-size:.75rem;font-weight:bold;color:var(--color-gray-400)}#view-profile .profile-content .user-dashboard .stats-grid .stat-card .stat-value{font-size:1.125rem;font-weight:800;color:var(--color-gray-800)}#view-profile .profile-content .user-dashboard .stats-grid .stat-card .stat-value small{font-size:.75rem;font-weight:normal;color:var(--color-gray-400)}#view-profile .profile-content .user-dashboard .menu-list{display:flex;flex-direction:column;gap:.75rem}#view-profile .profile-content .user-dashboard .menu-list .menu-item{width:100%;background-color:#fff;border:1px solid var(--color-gray-100);border-radius:1rem;padding:1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .1s;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}#view-profile .profile-content .user-dashboard .menu-list .menu-item:active{transform:scale(0.99)}#view-profile .profile-content .user-dashboard .menu-list .menu-item .item-left{display:flex;align-items:center;gap:.75rem}#view-profile .profile-content .user-dashboard .menu-list .menu-item .item-left .item-icon{width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}#view-profile .profile-content .user-dashboard .menu-list .menu-item .item-left .item-icon.blue{background-color:#eff6ff;color:#3b82f6}#view-profile .profile-content .user-dashboard .menu-list .menu-item .item-left .item-icon.orange{background-color:var(--color-brand-50);color:var(--color-primary)}#view-profile .profile-content .user-dashboard .menu-list .menu-item .item-left .item-icon.red{background-color:var(--color-red-50);color:var(--color-red-500)}#view-profile .profile-content .user-dashboard .menu-list .menu-item .item-left .item-title{font-size:1rem;font-weight:600;color:var(--color-gray-700)}#view-profile .profile-content .user-dashboard .menu-list .menu-item .item-left .item-title.red{color:var(--color-red-600)}#view-profile .profile-content .user-dashboard .menu-list .menu-item.item-logout{border-color:var(--color-red-100)}#view-edit-profile{background-color:var(--color-gray-50);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:8rem}#view-edit-profile .alert-box{background:var(--color-brand-50);border:1px solid var(--color-brand-100);border-radius:1rem;padding:1rem;display:flex;gap:.75rem;margin-bottom:1.5rem}#view-edit-profile .alert-box .icon{color:var(--color-brand-500, #f97316);flex-shrink:0;background:#fff;padding:4px;border-radius:50%;height:fit-content}#view-edit-profile .alert-box .text{color:var(--color-brand-800);font-size:.75rem}#view-edit-profile .alert-box .text p{margin:.25rem 0 0;opacity:.9}#view-edit-profile .alert-box.hidden{display:none}#view-edit-profile .edit-profile-content{flex:1;display:flex;flex-direction:column}#view-edit-profile .edit-profile-content .form-container{background-color:#fff;border-radius:1.5rem;padding:1.25rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid var(--color-gray-100);display:flex;flex-direction:column;gap:.5rem}#view-edit-profile .edit-profile-content .form-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media(max-width: 480px){#view-edit-profile .edit-profile-content .form-container .form-row{grid-template-columns:1fr}}#view-edit-profile .edit-profile-content .form-container .form-row .form-group{margin-bottom:0}#view-edit-profile .edit-profile-content .form-container .form-group{display:flex;flex-direction:column;gap:.375rem}#view-edit-profile .edit-profile-content .form-container .form-group label{font-size:.75rem;font-weight:bold;color:var(--color-gray-500);padding-right:.25rem}#view-edit-profile .edit-profile-content .form-container .form-group .input-field{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:var(--color-gray-50);border:1px solid rgba(0,0,0,0);border-radius:.75rem;padding:.875rem;font-size:.875rem;font-weight:600;color:var(--color-gray-900);outline:none;transition:all .2s}#view-edit-profile .edit-profile-content .form-container .form-group .input-field::placeholder{color:var(--color-gray-300);font-weight:normal}#view-edit-profile .edit-profile-content .form-container .form-group .input-field:focus{background-color:#fff;border-color:var(--color-primary)}#view-edit-profile .edit-profile-content .form-container .form-group .input-select{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(0,0,0,0);background-color:var(--color-gray-50);border-radius:.75rem;padding:.875rem;font-size:.875rem;font-weight:bold;transition:all .2s;color:var(--color-gray-800);outline:unset;cursor:pointer}#view-edit-profile .edit-profile-content .form-container .form-group .input-select #edit-birthdate-display{font-size:.875rem;pointer-events:none;border:unset !important;background:rgba(0,0,0,0) !important;padding:0;outline:unset !important;box-shadow:unset !important;letter-spacing:.1em}#view-edit-profile .edit-profile-content .form-container .form-group .input-select .icon-calendar{color:var(--color-gray-400)}#view-edit-profile .edit-profile-content .form-container .form-group .input-select:disabled{background-color:rgba(249,250,251,.5);border:1px dashed var(--color-gray-200);color:var(--color-gray-400);opacity:1;cursor:not-allowed}#view-edit-profile .edit-profile-content .form-container .form-group .input-select:disabled #edit-birthdate-display{color:var(--color-gray-400)}#view-edit-profile .edit-profile-content .form-container .form-group .input-readonly{background-color:rgba(249,250,251,.5);border:1px dashed var(--color-gray-200);color:var(--color-gray-400);cursor:not-allowed}#view-edit-profile .edit-profile-content .form-container .form-group .input-readonly svg{color:var(--color-gray-400) !important}#view-edit-profile .edit-profile-content .fab-container{position:fixed;bottom:7rem;left:1rem;right:1rem;z-index:20}@media(min-width: 1200px){#view-edit-profile .edit-profile-content .fab-container{position:static;display:flex;justify-content:flex-end;width:100%;margin-top:1.5rem}}#view-edit-profile .edit-profile-content .fab-container .btn-secondary-full{width:100%;max-width:28rem;margin:0 auto;background-color:var(--color-gray-900);color:#fff;font-weight:bold;padding:1rem;border-radius:1rem;border:none;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:transform .1s}#view-edit-profile .edit-profile-content .fab-container .btn-secondary-full:active{transform:scale(0.98)}@media(min-width: 1200px){#view-edit-profile .edit-profile-content .fab-container .btn-secondary-full{width:auto;padding:1rem 3rem;margin:0}}#view-wallet{background-color:var(--color-gray-50);min-height:100vh;min-height:100dvh;padding-bottom:8rem}#view-wallet .wallet-banner{background-color:var(--color-primary);padding:1.5rem 1.5rem 3rem 1.5rem;border-radius:0 0 2.5rem 2.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);position:relative;overflow:hidden}#view-wallet .wallet-banner .decor-circle{position:absolute;border-radius:50%;pointer-events:none}#view-wallet .wallet-banner .decor-circle.top-right{top:0;right:0;width:10rem;height:10rem;background-color:#fff;opacity:.1;margin-right:-2.5rem;margin-top:-2.5rem;filter:blur(24px)}#view-wallet .wallet-banner .decor-circle.bottom-left{bottom:0;left:0;width:8rem;height:8rem;background-color:#000;opacity:.1;margin-left:-2rem;margin-bottom:-2rem;filter:blur(16px)}#view-wallet .wallet-banner .banner-top{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;color:hsla(0,0%,100%,.8);margin-bottom:1.5rem}#view-wallet .wallet-banner .banner-top .btn-back{background:none;border:none;padding:.5rem;color:inherit;cursor:pointer;border-radius:50%;transition:background-color .2s}#view-wallet .wallet-banner .banner-top .btn-back:hover{background-color:hsla(0,0%,100%,.1)}#view-wallet .wallet-banner .banner-top .title{font-weight:bold;font-size:1.25rem;color:#fff}#view-wallet .wallet-banner .banner-top .spacer{width:2.5rem}#view-wallet .wallet-banner .banner-body{position:relative;z-index:10;text-align:center;color:#fff}#view-wallet .wallet-banner .banner-body .label{font-size:.875rem;opacity:.9;display:block;margin-bottom:.5rem}#view-wallet .wallet-banner .banner-body .balance{font-size:2.25rem;font-weight:800;margin-bottom:1.5rem}#view-wallet .wallet-banner .banner-body .balance small{font-size:1.125rem;font-weight:500;opacity:.8}#view-wallet .wallet-banner .banner-body .action-row{display:flex;justify-content:center;gap:1rem}#view-wallet .wallet-banner .banner-body .btn-add-funds{background-color:#fff;color:var(--color-brand-600);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:bold;font-size:.875rem;border:none;display:flex;align-items:center;gap:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);cursor:pointer;transition:background-color .2s}#view-wallet .wallet-banner .banner-body .btn-add-funds:hover{background-color:var(--color-brand-50)}#view-wallet .wallet-transactions-wrapper{padding:0 1rem;margin-top:-1.5rem;position:relative;z-index:10}#view-wallet .wallet-transactions-wrapper .transactions-card{background-color:#fff;border-radius:1.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.02)}#view-wallet .wallet-transactions-wrapper .transactions-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}#view-wallet .wallet-transactions-wrapper .transactions-card .card-header h3{font-weight:bold;color:var(--color-gray-800);font-size:1rem;margin:0}#view-wallet .wallet-transactions-wrapper .transactions-card .card-header .icon-calendar{color:var(--color-gray-400)}#view-wallet .wallet-transactions-wrapper .transactions-card .transactions-list{display:flex;flex-direction:column;gap:1rem}#view-wallet .wallet-transactions-wrapper .transactions-card .transactions-list .tx-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-gray-50);padding-bottom:1rem}#view-wallet .wallet-transactions-wrapper .transactions-card .transactions-list .tx-item:last-child{border-bottom:none;padding-bottom:0}#view-wallet .wallet-transactions-wrapper .transactions-card .transactions-list .tx-item .tx-left{display:flex;align-items:center;gap:.75rem}#view-wallet .wallet-transactions-wrapper .transactions-card .transactions-list .tx-item .tx-left .tx-icon{width:2.5rem;height:2.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center}#view-wallet .wallet-transactions-wrapper .transactions-card .transactions-list .tx-item .tx-left .tx-icon.success{background-color:#f0fdf4;color:#22c55e}#view-wallet .wallet-transactions-wrapper .transactions-card .transactions-list .tx-item .tx-left .tx-icon.danger{background-color:#fef2f2;color:#ef4444}#view-wallet .wallet-transactions-wrapper .transactions-card .transactions-list .tx-item .tx-left .tx-details .desc{font-weight:bold;font-size:.875rem;color:var(--color-gray-900);margin:0}#view-wallet .wallet-transactions-wrapper .transactions-card .transactions-list .tx-item .tx-left .tx-details .date{font-size:.75rem;color:var(--color-gray-400);margin-top:.125rem;display:block}#view-wallet .wallet-transactions-wrapper .transactions-card .transactions-list .tx-item .tx-amount{font-weight:bold;font-size:.875rem}#view-wallet .wallet-transactions-wrapper .transactions-card .transactions-list .tx-item .tx-amount.success{color:#16a34a}#view-wallet .wallet-transactions-wrapper .transactions-card .transactions-list .tx-item .tx-amount.danger{color:var(--color-gray-900)}#view-favorites{background-color:var(--color-gray-50);min-height:100vh;min-height:100dvh;padding-bottom:8rem}#view-favorites .favorites-content{padding:1rem}#view-favorites .favorites-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh}#view-favorites .favorites-content .empty-state .empty-icon{width:5rem;height:5rem;background:var(--color-gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);margin-bottom:1rem}#view-favorites .favorites-content .empty-state .empty-title{font-weight:bold;color:var(--color-gray-600);margin-bottom:.5rem}#view-favorites .favorites-content .empty-state .empty-desc{font-size:.875rem;color:var(--color-gray-400);margin-bottom:1.5rem}#view-favorites .favorites-content .empty-state .btn-primary{border:2px solid var(--color-primary);background:var(--color-primary);color:var(--color-white);padding:.5rem 1.5rem;border-radius:.75rem;font-weight:bold;box-shadow:0 10px 15px -3px var(--color-brand-alpha-30),0 4px 6px -4px var(--color-brand-alpha-30)}#view-favorites .favorites-content .empty-state.hidden{display:none}#view-favorites .favorites-content .favorites-grid{display:grid;grid-template-columns:1fr;gap:.25rem}#view-favorites .favorites-content .favorites-grid.hidden{display:none}#view-addresses{background-color:var(--color-gray-50);min-height:100vh;min-height:100dvh;padding-bottom:8rem}#view-addresses .addresses-content{overflow-x:hidden}#view-addresses .addresses-content .empty-addresses{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh}#view-addresses .addresses-content .empty-addresses .empty-icon{width:5rem;height:5rem;background:var(--color-gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);margin-bottom:1rem}#view-addresses .addresses-content .empty-addresses .empty-title{font-weight:bold;color:var(--color-gray-600);margin-bottom:.5rem}#view-addresses .addresses-content .empty-addresses .empty-desc{font-size:.875rem;color:var(--color-gray-400);margin-bottom:1.5rem}#view-addresses .addresses-content .empty-addresses .btn-primary{border:2px solid var(--color-primary);background:var(--color-primary);color:var(--color-white);padding:.5rem 1.5rem;border-radius:.75rem;font-weight:bold;box-shadow:0 10px 15px -3px var(--color-brand-alpha-30),0 4px 6px -4px var(--color-brand-alpha-30)}#view-addresses .addresses-content .address-list{display:flex;flex-direction:column;gap:1rem}#view-addresses .addresses-content .address-card{background-color:#fff;border-radius:1rem;border:1px solid var(--color-gray-100);padding:1rem;display:flex;gap:.75rem;position:relative;overflow:hidden;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);align-items:center;transform:translateX(0);transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}#view-addresses .addresses-content .address-card.about-to-move{transform:translateX(-110%)}#view-addresses .addresses-content .address-card .addr-content{flex:1;display:flex;gap:.5rem}#view-addresses .addresses-content .address-card .addr-content .addr-icon{color:var(--color-brand-500)}#view-addresses .addresses-content .address-card .addr-content .addr-header{display:none !important;display:flex;align-items:center;gap:.5rem;color:var(--color-brand-600)}#view-addresses .addresses-content .address-card .addr-content .addr-header .city-badge{font-size:.75rem;font-weight:bold;background-color:var(--color-brand-50);padding:.125rem .5rem;border-radius:.375rem;color:var(--color-primary)}#view-addresses .addresses-content .address-card .addr-content .addr-text{font-size:.875rem;color:var(--color-gray-800);line-height:1.5;text-align:justify;margin:0}#view-addresses .addresses-content .address-card .btn-delete{width:40px;height:40px;align-self:center;padding:.5rem;color:var(--color-gray-400);background:none;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s}#view-addresses .addresses-content .address-card .btn-delete:hover{background-color:#fef2f2;color:#ef4444}#view-addresses .addresses-content .fab-container{position:fixed;width:100%;bottom:7rem;left:0;right:0;padding:0 1rem;z-index:20}@media(min-width: 1200px){#view-addresses .addresses-content .fab-container{position:static;display:flex;justify-content:flex-end;width:100%;margin-top:1.5rem}}#view-addresses .addresses-content .fab-container .btn-add-address{width:100%;max-width:28rem;margin:0 auto;background-color:var(--color-gray-900);color:#fff;font-weight:bold;padding:1rem;border-radius:1rem;border:none;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:transform .1s}#view-addresses .addresses-content .fab-container .btn-add-address:active{transform:scale(0.98)}@media(min-width: 1200px){#view-addresses .addresses-content .fab-container .btn-add-address{width:auto;padding:1rem 3rem;margin:0}}/*# sourceMappingURL=main.min.css.map */