@import"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.quantity-selector{display:flex;flex-direction:column;gap:8px;font-family:inherit}.quantity-selector__availability{display:flex;gap:8px;margin-bottom:4px}.availability-badge{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.availability-badge--pre-order{background-color:#fff3e0;color:#ff9800;border:1px solid #ffcc80}.availability-badge--go-grab{background-color:#e8f5e8;color:#4caf50;border:1px solid #81c784}.quantity-selector__controls{display:flex;align-items:center;gap:12px}.quantity-selector__display{min-width:40px;text-align:center}.quantity-number{font-size:18px;font-weight:600;color:#191a26}.quantity-selector__buttons{display:flex;align-items:center;background-color:#000;border-radius:25px;padding:4px;gap:4px}.quantity-btn{width:36px;height:36px;border:none;border-radius:50%;background-color:transparent;color:#111;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;outline:none}.quantity-btn:hover:not(:disabled){transform:scale(1.05)}.quantity-btn:active:not(:disabled){transform:scale(.95)}.quantity-btn:disabled{background-color:#ddd;cursor:not-allowed}.quantity-btn--increment{background-color:#fff;color:#191a26}.quantity-btn--increment:hover:not(:disabled){background-color:#f0f0f0}.quantity-btn svg{width:12px;height:12px;pointer-events:none}.quantity-selector--small{gap:6px;margin-left:auto}.menu-listing .menu-list .listing-page-picker .picker-select{padding:4px 5px;font-size:13px;border-radius:6px;border:1px solid #e0e0e0;background:#f8f9fa;min-height:20px;width:100px}.quantity-selector--small .quantity-selector__controls{gap:8px}.quantity-selector--small .quantity-selector__display{min-width:32px}.quantity-selector--small .quantity-number{font-size:14px;font-weight:600}.quantity-selector--small .quantity-selector__buttons{padding:2px;gap:8px}.quantity-selector--small .quantity-btn{width:20px;height:20px}.quantity-selector--small .quantity-btn svg{width:8px;height:8px}.quantity-selector--medium .quantity-number{font-size:18px;font-weight:600}.quantity-selector--medium .quantity-btn{width:36px;height:36px}.quantity-selector--medium .quantity-btn svg{width:12px;height:12px}.quantity-selector--large{gap:10px}.quantity-selector--large .quantity-selector__controls{gap:16px}.quantity-selector--large .quantity-selector__display{min-width:48px}.quantity-selector--large .quantity-number{font-size:20px;font-weight:700}.quantity-selector--large .quantity-selector__buttons{padding:2px;gap:12px}.quantity-selector--large .quantity-btn{width:28px;height:28px;background-color:#fff;color:#111}.quantity-selector--large .quantity-btn svg{width:16px!important;height:16px!important}.quantity-selector--disabled{opacity:.6;pointer-events:none}.quantity-selector--unavailable .quantity-btn{background-color:#ccc;color:#666}.quantity-selector__warning,.quantity-selector__error{margin-top:4px;font-size:12px;padding:4px 8px;border-radius:4px}.quantity-selector__warning{background-color:#fff3e0;color:#f57c00;border:1px solid #ffcc80}.quantity-selector__error{background-color:#ffebee;color:#d32f2f;border:1px solid #ffcdd2}.warning-text,.error-text{font-weight:500}@media (max-width: 480px){.quantity-selector__controls{gap:8px}.quantity-selector--small .quantity-btn{width:24px;height:24px}.quantity-selector--small .quantity-number{font-size:12px}.quantity-selector--small .quantity-btn svg{width:8px;height:8px}.quantity-selector--medium .quantity-btn{width:32px;height:32px}.quantity-selector--medium .quantity-number{font-size:16px}.quantity-selector--medium .quantity-btn svg{width:10px;height:10px}.quantity-selector--large .quantity-btn{width:40px;height:40px}.quantity-selector--large .quantity-number{font-size:20px}.quantity-selector--large .quantity-btn svg{width:14px;height:14px}.quantity-selector--large .quantity-selector__controls{gap:12px}}.date-time-picker{display:flex;justify-content:space-between;gap:8px;width:100%}.p .date-time-picker .picker-select option:disabled{color:#ccc}.date-time-picker .picker-select option[data-recommended=true]{background-color:#e8f5e8;font-weight:600;color:#2e7d2e}ld{display:flex;flex-direction:column;gap:8px}.picker-select{width:130px;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:#333;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.picker-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.picker-select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.picker-value{padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;color:#333;display:flex;align-items:center;justify-content:space-between}.picker-value.disabled{background-color:#f5f5f5;color:#999}.picker-value.error{background-color:#ffebee;color:#d32f2f;border-color:#d32f2f}.time-value{display:flex;align-items:center;gap:8px}.time-value svg{flex-shrink:0}.date-time-picker.disabled{opacity:.6;pointer-events:none}.date-time-picker.no-dates .picker-value{background-color:#ffebee;color:#d32f2f;border-color:#d32f2f}.date-time-picker .picker-select option:disabled{color:#ccc}.picker-select:not(:disabled):hover{border-color:#4caf50}.picker-select.loading{background-image:url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 1.5a6.5 6.5 0 1 0 6.5 6.5' stroke='%23666' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pickup-details .date-time-picker{margin-top:8px}.pickup-details .date-time-picker .picker-field{margin-bottom:0;max-width:48%;width:100%}.pickup-details .date-input-wrapper{width:100%}.pickup-details .date-time-picker .picker-label{font-size:14px;color:#666;margin-bottom:4px}.pickup-details .date-time-picker .picker-select{padding:12px;font-size:14px;border-radius:6px;width:100%;border:1px solid #ddd}.pickup-details .date-time-picker .picker-value{padding:8px 12px;font-size:14px;border-radius:6px;border:1px solid #ddd}.listing-page-picker{margin-top:4px}.listing-page-picker .picker-field{margin-bottom:4px;gap:2px}.listing-page-picker .picker-label{font-size:10px;color:#666;margin-bottom:2px;font-weight:500}.listing-page-picker .picker-select{padding:4px 6px;font-size:11px;border-radius:6px;border:1px solid #e0e0e0;background:#f8f9fa;min-height:28px}.listing-page-picker .picker-select:focus{border-color:#4caf50;box-shadow:0 0 0 1px #4caf5033;background:#fff}.listing-page-picker .time-select-display:not(.delivery-time-fixed){min-height:28px;padding:4px 6px}.listing-page-picker .date-display-text{padding:4px 6px;min-height:20px;font-size:11px}.pickup-time-section{padding-top:0}.pickup-time-section .date-time-picker{flex-direction:column;gap:6px}.pickup-time-section .picker-field{margin-bottom:0}@media (max-width: 767px){.listing-page-picker .picker-select{font-size:11px;padding:5px 6px;min-height:28px}.listing-page-picker .picker-label{font-size:11px}.pickup-time-section{margin-top:0;padding-top:0%}}.pickup-edit-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:12px;margin-top:8px}.pickup-edit-section .date-time-picker,.pickup-edit-section .picker-field{margin-bottom:8px}.pickup-edit-section .picker-label{font-size:12px;color:#333;font-weight:500;margin-bottom:4px}.pickup-edit-section .picker-select{width:100%;padding:8px 12px;font-size:12px;border:1px solid #ddd;border-radius:6px;background:#fff}.pickup-edit-section .picker-select:focus{border-color:#4caf50;box-shadow:0 0 0 1px #4caf5033}.edit-actions button:hover{opacity:.9}.picker-value.date-value{background-color:#fff2e6;color:#ff6b35;border-color:#ff6b35;font-weight:500}.picker-value.time-value{background-color:#e8f5e8;color:#4caf50;border-color:#4caf50;font-weight:500}.picker-select.date-select:focus{border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533}.picker-select.time-select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.date-input-wrapper{position:relative}.picker-select.date-input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:2}.date-display-text{width:100%;padding:6px 18px 6px 5px;font-size:14px;border-radius:6px;border:1px solid #e0e0e0;background:#f8f9fa;cursor:pointer;font-family:inherit;line-height:1.4;min-height:20px;display:flex;align-items:center;transition:border-color .3s ease;pointer-events:none}.date-input-wrapper:hover .date-display-text{border-color:#ccc}.picker-select.date-input:focus+.date-display-text{border-color:#3fc045}.picker-select.date-input:disabled+.date-display-text{background-color:#f5f5f5;color:#999;cursor:not-allowed}.date-input-wrapper .picker-arrow{position:absolute;width:10px!important;right:4px;top:50%;transform:translateY(-50%);pointer-events:none;color:#666;z-index:1}.date-input-wrapper:hover .picker-arrow{color:#3fc045}.picker-select.date-input:focus+.date-display-text+.picker-arrow{color:#3fc045}@media (max-width: 480px){.date-input-wrapper .picker-arrow{right:10px}}@media (prefers-color-scheme: dark){.date-display-text{color:#000}.picker-select.date-input:focus+.date-display-text{border-color:#3fc045;box-shadow:0 0 0 2px #3fc04533}.picker-select.date-input:disabled+.date-display-text{color:#000}}.picker-select.date-input[readonly]{background-color:#f8f9fa;cursor:not-allowed;color:#6c757d}.picker-select.date-input[readonly]+.date-display-text{background-color:#f8f9fa;cursor:not-allowed;color:#6c757d;border-color:#dee2e6}.picker-select.date-input[readonly]:focus+.date-display-text{border-color:#dee2e6;box-shadow:none}.date-time-picker[data-order-type=PRE_ORDER] .date-input-wrapper{position:relative}.date-input-wrapper input{padding:4px 5px;font-size:12px;border-radius:6px;border:1px solid #e0e0e0;background:#f8f9fa;min-height:20px}.date-time-picker[data-order-type=PRE_ORDER] .date-input-wrapper:before{position:absolute;left:4px;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none;opacity:.7}.date-time-picker[data-order-type=PRE_ORDER] .date-display-text{padding-left:24px}.mobile-date-picker-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000;display:flex;align-items:flex-end;animation:fadeIn .3s ease-out}.mobile-date-picker-content{background:#fff;width:100%;max-height:80vh;border-radius:20px 20px 0 0;padding:0;animation:slideUp .3s ease-out;overflow-y:auto}.mobile-date-picker-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e5e5;position:sticky;top:0;background:#fff;z-index:10}.mobile-picker-btn{background:none;border:none;font-size:16px;font-weight:600;color:#007aff;padding:8px 12px;border-radius:8px;cursor:pointer}.mobile-picker-btn.cancel{color:#ff3b30}.mobile-picker-btn:active{background-color:#007aff1a}.mobile-date-picker-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.mobile-calendar-container{padding:20px}.mobile-calendar-month-header{text-align:center;margin-bottom:20px}.mobile-calendar-month-header h4{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.mobile-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:12px}.mobile-weekday-header{text-align:center;font-size:12px;font-weight:600;color:#666;padding:8px 4px}.mobile-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:30px}.mobile-calendar-day{aspect-ratio:1;border:none;background:none;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;min-height:44px}.mobile-calendar-day.current-month{color:#1a1a1a}.mobile-calendar-day.other-month{color:#ccc;opacity:.5}.mobile-calendar-day.today{background-color:#007aff;color:#fff;font-weight:600}.mobile-calendar-day.selected{background-color:#34c759;color:#fff;font-weight:600}.mobile-calendar-day.past{color:#ccc;opacity:.4;cursor:not-allowed}.mobile-calendar-day.unavailable{cursor:not-allowed}.mobile-calendar-day.available:hover{background-color:#f0f0f0}.mobile-calendar-day.available:active{transform:scale(.95)}.day-number{font-size:16px}.today-indicator{font-size:10px;font-weight:500;margin-top:2px}.mobile-quick-dates h5{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1a1a}.quick-date-buttons{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.quick-date-btn{flex-shrink:0;background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:12px 16px;text-align:center;cursor:pointer;transition:all .2s ease;min-width:70px}.quick-date-btn.selected{border-color:#34c759;background-color:#34c759;color:#fff}.quick-date-btn.today{border-color:#007aff}.quick-date-btn:active{transform:scale(.95)}.quick-date-day{font-size:20px;font-weight:700;line-height:1}.quick-date-month{font-size:12px;font-weight:500;margin:4px 0 2px;opacity:.8}.quick-date-weekday{font-size:11px;font-weight:500;opacity:.6}.quick-date-today{font-size:10px;font-weight:600;margin-top:2px;color:#007aff}.quick-date-btn.selected .quick-date-today{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media screen and (max-width: 414px){.mobile-calendar-day{min-height:40px;font-size:14px}.day-number{font-size:14px}.quick-date-btn{min-width:60px;padding:10px 12px}.quick-date-day{font-size:18px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-date-picker-content{padding-bottom:env(safe-area-inset-bottom)}}.mobile-calendar-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.calendar-nav-section{display:flex;gap:8px}.nav-btn{background:#fff;border:2px solid #e5e5e5;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#007aff;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background-color:#f0f8ff;border-color:#007aff}.nav-btn:active{transform:scale(.95)}.nav-btn.year-nav{font-size:14px;color:#666}.nav-btn.month-nav{font-size:20px;color:#007aff}.mobile-calendar-navigation .mobile-calendar-month-header{margin-bottom:0;text-align:center;flex:1}.mobile-calendar-navigation .mobile-calendar-month-header h4{margin:0;font-size:18px;font-weight:600;color:#1a1a1a;cursor:pointer;padding:8px 16px;border-radius:8px;transition:background-color .2s ease}.mobile-calendar-navigation .mobile-calendar-month-header h4:hover{background-color:#f0f0f0}.mobile-calendar-day.future-disabled{color:#ccc;opacity:.3;cursor:not-allowed}@media screen and (max-width: 414px){.mobile-calendar-navigation{padding:0 5px}.nav-btn{width:36px;height:36px;font-size:16px}.nav-btn.year-nav{font-size:12px}.nav-btn.month-nav{font-size:18px}.mobile-calendar-navigation .mobile-calendar-month-header h4{font-size:16px;padding:6px 12px}}.mobile-calendar-grid{transition:opacity .2s ease}.mobile-calendar-grid.loading{opacity:.7}.time-select-wrapper{position:relative;display:block;width:100%}.time-select-wrapper .picker-select.time-select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:3;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;outline:none;font-size:16px;color:transparent;text-shadow:none;background-color:transparent!important;border-color:transparent!important}.time-select-wrapper .picker-select.time-select::-webkit-inner-spin-button,.time-select-wrapper .picker-select.time-select::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-select-wrapper .picker-select.time-select::-webkit-search-decoration,.time-select-wrapper .picker-select.time-select::-webkit-search-cancel-button{-webkit-appearance:none}.time-select-wrapper .picker-select.time-select::-ms-expand{display:none}.time-select-wrapper .picker-select.time-select::-moz-focus-inner{border:0}.time-select-wrapper .picker-select.time-select::-moz-appearance{appearance:none}.time-select-display{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 12px;background:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#333;cursor:pointer;z-index:1;pointer-events:none;transition:border-color .2s ease}.time-select-display:hover{border-color:#999}.time-select-display .time-select-text{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.time-select-display .picker-arrow{flex-shrink:0;margin-left:8px;color:#666;pointer-events:none}.time-select-wrapper .picker-select.time-select,.time-select-display{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.time-select-wrapper .picker-select.time-select:focus{outline:none}.time-select-wrapper .picker-select.time-select:focus+.time-select-display{border-color:#007aff;box-shadow:0 0 0 2px #007aff33}.time-select-wrapper .picker-select.time-select:disabled+.time-select-display{background:#f5f5f5;color:#999;cursor:not-allowed}.time-select-wrapper .picker-select.time-select:disabled+.time-select-display .picker-arrow{color:#ccc}@media (max-width: 768px){.time-select-display{min-height:48px;font-size:16px}.time-select-wrapper .picker-select.time-select{font-size:16px!important}}@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (min-resolution: 192dpi){.time-select-wrapper .picker-select.time-select{-webkit-appearance:none!important;appearance:none!important}}@media (prefers-color-scheme: dark){.time-select-display{background:#1c1c1e;border-color:#38383a;color:#fff}.time-select-display .picker-arrow{color:#8e8e93}.time-select-wrapper .picker-select.time-select:focus+.time-select-display{border-color:#0a84ff;box-shadow:0 0 0 2px #0a84ff33}}:root{--lp-green-50: #ecfdf5;--lp-green-100: #d1fae5;--lp-green-200: #a7f3d0;--lp-green-400: #34d399;--lp-green-500: #10b981;--lp-green-600: #059669;--lp-green-700: #047857;--lp-green-800: #065f46;--lp-green-900: #064e3b;--lp-dark: #0f1623;--lp-dark-card: #141c2e;--lp-gray-100: #f3f4f6;--lp-gray-300: #d1d5db;--lp-gray-500: #6b7280;--lp-gray-700: #374151;--lp-radius: 16px;--lp-shadow: 0 4px 24px rgba(0, 0, 0, .08);--lp-shadow-lg: 0 12px 48px rgba(0, 0, 0, .12);--lp-font: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.lp{font-family:var(--lp-font);color:var(--lp-gray-700);overflow-x:hidden;-webkit-font-smoothing:antialiased}.lp-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px 60px;background:linear-gradient(165deg,#0f1623,#112a1e,#0f1623);overflow:hidden}.lp-hero__bg{position:absolute;inset:0;pointer-events:none}.lp-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(16,185,129,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black,transparent)}.lp-hero__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}.lp-hero__orb--1{width:400px;height:400px;background:var(--lp-green-500);top:-10%;left:-5%;animation:orbFloat1 8s ease-in-out infinite}.lp-hero__orb--2{width:300px;height:300px;background:var(--lp-green-400);bottom:-5%;right:-5%;animation:orbFloat2 10s ease-in-out infinite}.lp-hero__orb--3{width:200px;height:200px;background:#6ee7b7;top:40%;left:60%;animation:orbFloat3 7s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,20px) scale(1.1)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-30px) scale(1.05)}}@keyframes orbFloat3{0%,to{transform:translate(0)}50%{transform:translate(-15px,15px)}}.lp-hero__content{position:relative;z-index:2;max-width:680px;text-align:center}.lp-hero__badge{display:inline-block;padding:8px 20px;border-radius:50px;background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:var(--lp-green-400);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:28px;animation:fadeInDown .8s ease-out}.lp-hero__title{font-size:3.2rem;font-weight:900;color:#fff;line-height:1.1;margin-bottom:24px;letter-spacing:-1.5px;animation:fadeInUp .8s ease-out .2s both}.lp-hero__accent{background:linear-gradient(135deg,var(--lp-green-400),#6ee7b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero__subtitle{font-size:1.1rem;color:#fff9;line-height:1.6;min-height:50px;margin-bottom:36px;animation:fadeInUp .8s ease-out .4s both}.lp-hero__cursor{color:var(--lp-green-400);font-weight:700;animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.lp-hero__cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:48px;animation:fadeInUp .8s ease-out .6s both}.lp-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:50px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;font-family:var(--lp-font)}.lp-btn--primary{background:linear-gradient(135deg,var(--lp-green-500),var(--lp-green-400));color:#fff;box-shadow:0 8px 32px #10b98159}.lp-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #10b98180;color:#fff}.lp-btn--outline{background:transparent;color:#fffc;border:1.5px solid rgba(255,255,255,.2)}.lp-btn--outline:hover{background:#ffffff14;border-color:#ffffff59;color:#fff}.lp-btn--white{background:#fff;color:var(--lp-green-700);box-shadow:0 8px 32px #00000026}.lp-btn--white:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0003;color:var(--lp-green-800)}.lp-hero__visual{position:relative;width:160px;height:160px;margin:0 auto;animation:fadeInUp 1s ease-out .8s both}.lp-hero__plate{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#10b98126,#6ee7b71a);border:2px solid rgba(16,185,129,.2);display:flex;align-items:center;justify-content:center;margin:20px auto;animation:plateFloat 4s ease-in-out infinite}.lp-hero__food-emoji{font-size:3.5rem}.lp-hero__float{position:absolute;font-size:1.8rem;animation:floatAround 5s ease-in-out infinite}.lp-hero__float--1{top:0;left:0;animation-delay:0s}.lp-hero__float--2{top:0;right:0;animation-delay:1.2s}.lp-hero__float--3{bottom:0;left:5px;animation-delay:2.5s}.lp-hero__float--4{bottom:0;right:5px;animation-delay:3.7s}@keyframes plateFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatAround{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-12px) scale(1.1);opacity:1}}.lp-stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--lp-green-600);padding:0}.lp-stats__item{padding:28px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.1)}.lp-stats__item:last-child{border-right:none}.lp-stats__value{font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-.5px}.lp-stats__label{font-size:.72rem;color:#ffffffb3;font-weight:500;margin-top:4px;text-transform:uppercase;letter-spacing:.8px}.lp-section{padding:80px 20px;background:#fff}.lp-section--dark{background:var(--lp-dark)}.lp-section__inner{max-width:900px;margin:0 auto}.lp-section__title{font-size:2rem;font-weight:800;color:var(--lp-dark);text-align:center;margin-bottom:12px;letter-spacing:-.8px}.lp-section--dark .lp-section__title{color:#fff}.lp-section__desc{text-align:center;color:var(--lp-gray-500);font-size:1rem;margin-bottom:48px}.lp-section--dark .lp-section__desc{color:#ffffff80}.lp-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;flex-wrap:wrap}.lp-step{text-align:center;flex:1;min-width:200px;max-width:240px;padding:24px 16px;position:relative}.lp-step__num{position:absolute;top:16px;right:16px;width:24px;height:24px;border-radius:50%;background:var(--lp-green-100);color:var(--lp-green-700);font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center}.lp-step__icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,var(--lp-green-50),var(--lp-green-100));display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 16px;box-shadow:0 4px 16px #10b9811f}.lp-step h3{font-size:1rem;font-weight:700;color:var(--lp-dark);margin-bottom:8px}.lp-step p{font-size:.85rem;color:var(--lp-gray-500);line-height:1.5;margin:0}.lp-step__connector{width:40px;height:2px;background:linear-gradient(90deg,var(--lp-green-200),var(--lp-green-400));align-self:center;margin-top:-30px;border-radius:2px}.lp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lp-feature{position:relative;padding:32px 24px;background:var(--lp-dark-card);border-radius:var(--lp-radius);border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.lp-feature:hover{transform:translateY(-4px);border-color:#10b98140}.lp-feature__glow{position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(16,185,129,.12),transparent 70%);border-radius:50%;transition:all .4s}.lp-feature:hover .lp-feature__glow{transform:scale(1.5);opacity:1.5}.lp-feature__icon{font-size:2rem;margin-bottom:16px}.lp-feature h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:10px}.lp-feature p{font-size:.85rem;color:#ffffff80;line-height:1.6;margin:0}.lp-testimonials{max-width:560px;margin:0 auto;position:relative;min-height:200px}.lp-testimonial{position:absolute;top:0;left:0;right:0;opacity:0;transform:translateY(20px) scale(.97);transition:all .6s cubic-bezier(.4,0,.2,1);pointer-events:none;background:var(--lp-gray-100);border-radius:var(--lp-radius);padding:36px 32px;text-align:center}.lp-testimonial--active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.lp-testimonial__stars{color:#f59e0b;font-size:1.2rem;letter-spacing:3px;margin-bottom:16px}.lp-testimonial__text{font-size:1.05rem;color:var(--lp-gray-700);line-height:1.6;font-style:italic;margin-bottom:16px}.lp-testimonial__author{font-size:.85rem;font-weight:600;color:var(--lp-green-600)}.lp-testimonials__dots{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);display:flex;gap:10px}.lp-dot{width:10px;height:10px;border-radius:50%;background:var(--lp-gray-300);border:none;cursor:pointer;transition:all .3s;padding:0}.lp-dot--active{background:var(--lp-green-500);transform:scale(1.3)}.lp-cta{background:linear-gradient(135deg,var(--lp-green-600),var(--lp-green-400));padding:80px 20px;text-align:center;position:relative;overflow:hidden}.lp-cta:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.06) 0%,transparent 50%)}.lp-cta__inner{position:relative;z-index:1;max-width:560px;margin:0 auto}.lp-cta h2{font-size:2rem;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.8px}.lp-cta p{color:#fffc;font-size:1rem;margin-bottom:32px}.lp-footer{background:var(--lp-dark);padding:32px 20px}.lp-footer__inner{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.lp-footer__brand{display:flex;align-items:center;gap:8px;color:#fff;font-size:1.1rem}.lp-footer__logo{font-size:1.4rem;filter:brightness(0) invert(1)}.lp-footer__copy{color:#fff6;font-size:.8rem;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.lp-fade-up{animation:fadeInUp .7s ease-out both}@media (max-width: 768px){.lp-hero__title{font-size:2.2rem;letter-spacing:-1px}.lp-hero__subtitle{font-size:.95rem}.lp-stats{grid-template-columns:repeat(2,1fr)}.lp-stats__item{padding:20px 12px}.lp-stats__item:nth-child(2){border-right:none}.lp-stats__value{font-size:1.3rem}.lp-section{padding:56px 20px}.lp-section__title{font-size:1.7rem}.lp-steps{flex-direction:column;align-items:center}.lp-step__connector{width:2px;height:24px;margin:0}.lp-features{grid-template-columns:1fr;gap:16px}.lp-cta h2{font-size:1.6rem}.lp-footer__inner{flex-direction:column;text-align:center}}@media (max-width: 480px){.lp-hero{padding:60px 16px 40px}.lp-hero__title{font-size:1.8rem}.lp-hero__badge{font-size:.7rem;padding:6px 16px}.lp-btn{padding:12px 24px;font-size:.88rem}.lp-testimonial{padding:28px 20px}.lp-features{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 960px){.lp-features{grid-template-columns:repeat(2,1fr)}}.mobile-loader-overlay{position:fixed;inset:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:9999}.mobile-loader-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.mobile-loader-content.inline{min-height:200px}.mobile-loader-content.overlay{background:#ffffffe6;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:30px;margin:20px;max-width:280px;width:90%}.loader-spinner-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.custom-spinner{position:relative;display:inline-block}.custom-spinner.spinner-sm{width:32px;height:32px}.custom-spinner.spinner-md{width:48px;height:48px}.custom-spinner.spinner-lg{width:64px;height:64px}.spinner-ring{position:absolute;border:3px solid transparent;border-radius:50%;animation:spin 1.2s linear infinite}.custom-spinner.spinner-sm .spinner-ring{width:32px;height:32px}.custom-spinner.spinner-md .spinner-ring{width:48px;height:48px}.custom-spinner.spinner-lg .spinner-ring{width:64px;height:64px}.spinner-ring:nth-child(1){border-top-color:#007bff;animation-delay:-.45s}.spinner-ring:nth-child(2){border-top-color:#28a745;animation-delay:-.3s}.spinner-ring:nth-child(3){border-top-color:#ffc107;animation-delay:-.15s}.loader-text{margin:0;font-size:14px;font-weight:500;color:#212226;text-align:center;letter-spacing:.5px}@media (max-width: 576px){.mobile-loader-content.overlay{margin:15px;padding:25px;max-width:260px}.loader-text{font-size:13px}.loader-spinner-wrapper{gap:12px}}@media (max-width: 375px){.mobile-loader-content.overlay{margin:12px;padding:20px}}.mobile-loader-error{color:#dc3545}.mobile-loader-error .spinner-ring:nth-child(1),.mobile-loader-error .spinner-ring:nth-child(2),.mobile-loader-error .spinner-ring:nth-child(3){border-top-color:#dc3545}.mobile-loader-success{color:#28a745}.mobile-loader-success .spinner-ring:nth-child(1),.mobile-loader-success .spinner-ring:nth-child(2),.mobile-loader-success .spinner-ring:nth-child(3){border-top-color:#28a745}.lazy-image-container{position:relative;width:100%;height:100%;overflow:hidden}.image-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;border-radius:8px}.image-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px;position:relative}.image-skeleton:after{content:"🖼️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;opacity:.3}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.lazy-image-container img{width:100%;height:100%;object-fit:cover;border-radius:8px;aspect-ratio:16 / 9;transition:opacity .3s ease-in-out}.lazy-image-container img.loading{opacity:0}.lazy-image-container img.loaded{opacity:1}.image-error-indicator{position:absolute;bottom:4px;right:4px;background:#dc3545cc;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;backdrop-filter:blur(4px)}@media (max-width: 576px){.image-skeleton:after{font-size:20px}.image-error-indicator{font-size:9px;padding:1px 4px}}@media (max-width: 375px){.image-skeleton:after{font-size:18px}}.product-image{position:relative}.product-image .lazy-image-container{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.product-image .image-placeholder{min-height:200px;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}@media (max-width: 576px){.product-image .image-placeholder{min-height:180px}}.star-rating{display:inline-flex;align-items:center;gap:6px}.stars-container{display:inline-flex;align-items:center}.star-container{position:relative;display:inline-block;line-height:0}.star-empty{display:block}.star-filled{transition:width .3s ease-in-out}.rating-info{display:flex;align-items:center;gap:4px;font-size:14px;color:#212226;white-space:nowrap}.rating-value{font-weight:600}.review-count{color:#6b7280;font-size:13px}.star-rating.small .rating-info{font-size:12px}.star-rating.small .review-count{font-size:11px}.star-rating.medium .rating-info{font-size:14px}.star-rating.medium .review-count{font-size:13px}.star-rating.large .rating-info{font-size:16px}.star-rating.large .review-count{font-size:14px}@media (max-width: 576px){.star-rating{gap:4px}.rating-info{font-size:12px}.review-count{font-size:11px}}.order-type-info{text-align:center;margin:16px 0}.order-type-badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:500;text-transform:uppercase}.order-type-badge.pre-order{background-color:#fff3e0;color:#bf5700;border:1px solid #ff9800}.add-to-cart-action .button.disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.add-to-cart-action .button.disabled:hover{background-color:#ccc;transform:none}.quantity-warpper{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:10px}.quantity-warpper .availability-status{margin-left:4px;font-size:12px;color:#dc3545;font-weight:600;border:1px solid #fed7d7;background-color:#fff5f5;padding:4px 8px;border-radius:8px;flex-shrink:0}.quantity-warpper .price{flex-shrink:0}.quantity-warpper .price .currency{font-size:1rem;vertical-align:super;margin-right:2px}.food-detail-quantity{flex-shrink:0}.heart-icon{cursor:pointer;transition:all .3s ease;border-radius:50%;display:flex;align-items:center;justify-content:center;user-select:none}.heart-icon:hover{transform:scale(1.1);background-color:#ff55551a}.heart-icon:active{transform:scale(.95)}.heart-icon.liked{animation:heartBeat .6s ease-in-out}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}.product-image .heart-icon{position:absolute;top:15px;right:15px;background-color:#fff;width:40px;height:40px;border-radius:50%;box-shadow:0 2px 8px #0000001a;z-index:2}.pickup-details{margin-top:8px;display:flex;flex-direction:row;gap:12px}.pickup-field{display:flex;align-items:center;gap:8px}.pickup-label{font-size:14px;color:#666;font-weight:500;min-width:80px}.pickup-value{background-color:#f8f9fa;padding:8px 12px;border-radius:6px;border:1px solid #e9ecef;font-size:14px;font-weight:600;color:#191a26;display:flex;align-items:center;gap:6px}.date-value{color:#dc3545;background-color:#fff5f5;border-color:#fed7d7;margin-left:auto}.time-value{color:#198754;background-color:#f0f8f4;border-color:#c6f6d5;margin-left:auto}.time-value svg{width:14px;height:14px}@media (max-width: 480px){.pickup-field{flex-direction:column;align-items:flex-start;gap:4px}.pickup-label{min-width:unset}.pickup-value{width:100%;justify-content:center}}.custom-slider{position:relative;width:100%;height:240px!important;border-radius:12px;overflow:hidden;margin-bottom:13px}.slider-container{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px}.slider-track{display:flex;width:100%;height:100%;transition:transform .5s ease-in-out}.slider-slide{min-width:100%;height:100%;position:relative}.slider-image{width:100%;height:100%;object-fit:cover;border-radius:12px}.custom-slider .heart-icon{position:absolute;top:12px;left:12px;background:#ffffffe6;backdrop-filter:blur(10px);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.custom-slider .heart-icon:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.custom-slider .heart-icon.liked{background:#ff55551a}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;backdrop-filter:blur(10px);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:15;transition:all .3s ease;box-shadow:0 2px 8px #00000026;color:#333;font-size:0}.slider-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #0003}.slider-btn:active{transform:translateY(-50%) scale(.95)}.slider-btn:focus{outline:2px solid #3fc045;outline-offset:2px}.slider-prev{left:12px}.slider-next{right:12px}.slider-btn svg{width:20px;height:20px;stroke-width:2;stroke:currentColor;fill:none}.slider-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:15;background:#0000004d;padding:8px 12px;border-radius:20px;backdrop-filter:blur(10px)}.slider-dot{width:10px;height:10px;border-radius:50%;border:none;background:#fff9;cursor:pointer;transition:all .3s ease}.slider-dot:hover{background:#ffffffe6;transform:scale(1.2)}.slider-dot.active{background:#3fc045;width:16px;height:10px;border-radius:5px;box-shadow:0 0 0 2px #fffc}@media (max-width: 768px){.custom-slider{height:160px}.custom-slider .heart-icon{width:32px;height:32px;top:10px;right:10px}.slider-btn{width:36px;height:36px}.slider-btn svg{width:18px;height:18px}.slider-prev{left:10px}.slider-next{right:10px}.slider-dots{bottom:12px;padding:6px 10px}.slider-dot{width:8px;height:8px}.slider-dot.active{width:12px;height:8px;border-radius:4px}}.custom-slider.auto-sliding .slider-track{transition:transform .8s ease-in-out}.slider-slide img[data-loading=true]{opacity:.7;filter:blur(2px)}.slider-slide img[data-loaded=true]{opacity:1;filter:none;transition:opacity .3s ease,filter .3s ease}.custom-slider .slider-btn,.custom-slider .slider-dots{display:flex!important;position:absolute!important}.wechat-auth-dialog-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.wechat-auth-dialog{background:#fff;border-radius:16px;max-width:400px;width:100%;box-shadow:0 20px 40px #00000026;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.wechat-auth-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #f0f0f0}.wechat-auth-header h3{margin:0;font-size:20px;font-weight:600;color:#333}.wechat-auth-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease;border-radius:4px}.wechat-auth-close:hover{color:#666;background:#f5f5f5}.wechat-auth-content{padding:32px 24px;text-align:center}.wechat-auth-icon{width:64px;height:64px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#07c160,#00b853);border-radius:16px;box-shadow:0 8px 24px #07c16040}.wechat-auth-icon img{width:32px;height:32px;filter:brightness(0) invert(1)}.wechat-auth-message{font-size:16px;color:#666;margin:0 0 32px;line-height:1.5}.wechat-auth-button{width:100%;background:linear-gradient(135deg,#07c160,#00b853);color:#fff;border:none;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s ease;box-shadow:0 4px 16px #07c16040}.wechat-auth-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #07c16059}.wechat-auth-button:active{transform:translateY(0)}.wechat-auth-button img{width:20px;height:20px;filter:brightness(0) invert(1)}.wechat-auth-note{font-size:14px;color:#999;margin:16px 0 0;line-height:1.4}@media (max-width: 480px){.wechat-auth-dialog-overlay{padding:16px}.wechat-auth-dialog{border-radius:12px}.wechat-auth-header{padding:20px 20px 12px}.wechat-auth-header h3{font-size:18px}.wechat-auth-content{padding:24px 20px}.wechat-auth-icon{width:56px;height:56px;margin-bottom:20px}.wechat-auth-icon img{width:28px;height:28px}.wechat-auth-message{font-size:15px;margin-bottom:28px}.wechat-auth-button{padding:14px 20px;font-size:15px}}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.validation-modal{max-width:500px}.validation-message{font-size:14px;color:#666;margin-bottom:20px;line-height:1.5}.invalid-items-list{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;margin-bottom:20px}.invalid-item-card{background:#fff5f5;border:1px solid #fee;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.invalid-item-info{display:flex;gap:12px;align-items:flex-start}.food-image-small{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}.food-image-small img{width:100%;height:100%;object-fit:cover}.invalid-item-details{flex:1}.food-name-bold{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.invalid-date-info{display:flex;flex-direction:column;gap:4px}.date-label{font-size:12px;color:#666;font-weight:500}.date-value{font-size:14px;color:#333;font-weight:500}.error-text{color:#dc2626}.btn-fix-date{width:100%;padding:10px 16px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-fix-date:hover{background:#dc2626}.btn-fix-date:active{transform:scale(.98)}.full-width{width:100%}.delivery-multiplier{font-size:12px;color:#666;font-weight:400}.use-balance-section{margin-top:12px}.use-balance-option{display:flex;align-items:center}.balance-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.balance-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#3fc045;cursor:pointer}.balance-label{font-size:16px;font-weight:700;color:#333;display:flex;flex-direction:column;gap:2px}.available-balance{font-size:16px;color:#3fc045;font-weight:700}.balance-deduction{margin-top:8px;padding:8px 12px;background:#ecf9ed;border-radius:8px}.balance-deduction .balance-amount{color:#3fc045;font-weight:600}.remaining-payment-info{margin-top:12px;padding:12px;border-radius:8px}.remaining-payment-info .fully-covered{background:#ecf9ed;color:#2ca834;padding:12px;border-radius:8px;font-size:13px;font-weight:500;text-align:center}.remaining-payment-info .partial-payment{background:#fff9e6;border:1px solid #ffd54f;padding:12px;border-radius:8px}.remaining-payment-info .remaining-amount{font-size:14px;color:#333;margin-bottom:4px}.remaining-payment-info .remaining-amount strong{color:#e65100;font-weight:700}.remaining-payment-info .remaining-note{font-size:12px;color:#666}.phone-section{margin-bottom:20px}.phone-input-intl{width:100%}.phone-input-intl .PhoneInputInput{width:100%;padding:12px 16px;font-size:16px;border:1px solid #ddd;border-radius:8px;outline:none;box-sizing:border-box;font-family:inherit;min-height:44px;-webkit-appearance:none;appearance:none}.phone-input-intl .PhoneInputInput:focus{border-color:#3fc045;box-shadow:0 0 0 2px #3fc04526}.phone-input-intl .PhoneInputCountry{margin-right:8px}.phone-input-intl .PhoneInputCountrySelect{font-size:16px;min-height:44px;-webkit-appearance:none;appearance:none}.phone-input-intl .PhoneInputCountryIcon{width:24px;height:18px}.phone-input-intl .PhoneInputCountryIcon--border{box-shadow:0 0 0 1px #0000001a;border-radius:2px}.phone-error{color:#dc2626;font-size:12px;margin-top:4px;margin-bottom:0}.diagnostic-panel{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}:root{--bs-body-bg: #ffffff;--bs-body-color: #191a26;--bs-primary: #8d93a1;--app-border-radius: .65rem;--body-font: "Urbanist", sans-serif;font-size:15.2px}body{-webkit-font-smoothing:antialiased;font-family:Urbanist,sans-serif}html,body,#root{height:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#3fc045;border-radius:12px}*{margin:0;padding:0}.mb-8{margin-bottom:8px!important}.mb-10{margin-bottom:10px!important}.mb-12{margin-bottom:12px!important}.mb-16{margin-bottom:16px!important}.mb-18{margin-bottom:18px!important}.mb-20{margin-bottom:20px!important}.mobile-container{max-width:376px;width:100%;background-color:#fffefe;margin:0 auto;border-radius:2px}.padding-20{padding:8px 20px}.mobile-container .back-link{height:36px;width:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#f8f8f8;cursor:pointer;text-decoration:none;margin-bottom:20px}.back-link-title{display:flex;align-items:center;margin-bottom:24px;width:100%}.back-link-title .back-link{margin-bottom:0}.back-link-title .title{font-size:18px;font-weight:700;color:#212226;margin:0;margin-left:calc(40% - 36px)}.back-link-title .listing-page-title{font-size:18px;font-weight:700;color:#212226;margin:0 0 0 12px}.product-detail .title{font-weight:700;color:var(--bs-body-color);font-size:24px;margin-bottom:5px;line-height:1.1}.product-detail .text{font-weight:400;font-family:var(--body-font);color:var(--bs-primary);font-size:14px;margin-bottom:8px;line-height:1.1}.product-detail .review-info{padding:10px 14px;border-radius:67px;margin:auto auto 20px;background-color:#ecf9ed;width:max-content;border:1px solid #eaedf3;max-width:100%;width:100%;display:flex;justify-content:center;align-items:center;gap:8px}.product-detail .review-info .line{height:15px;width:1px;background-color:#eaedf3}.product-detail .review-info .left{display:flex;align-items:center;gap:6px}.product-detail .review-info .left.flex-0{flex-shrink:0}.product-detail .review-info .left .text{font-size:14px;color:var(--bs-body-color);margin-bottom:0}.product-detail .review-info .left .text .strong{font-weight:700}.product-detail .product-image{width:100%;height:auto;margin-bottom:20px;border-radius:12px;position:relative}.product-detail .product-image img{width:100%;height:auto;max-height:200px;border-radius:12px;object-fit:cover}.product-detail .product-image .icon{position:absolute;width:32px;height:32px;z-index:1;border-radius:50%;left:16px;top:16px;display:flex;justify-content:center;align-items:center;background-color:#f8f8f8;cursor:pointer}.quantity-warpper{display:flex;justify-content:space-between;align-items:center}.quantity-warpper .price{font-size:25px;font-weight:700;color:var(--bs-body-color);padding-left:4px}.quantity-warpper .price sup{font-size:14px;font-weight:700;top:-10px;left:-5px;color:#3fc045}.quantity-warpper .right{display:flex;align-items:center;gap:10px}.quantity-warpper .right .count{width:36px;height:36px;display:flex;font-size:11px;background-color:#f7f7fa;border-radius:50%;justify-content:center;align-items:center;font-weight:600;flex-shrink:0;color:var(--bs-body-color);user-select:none}.quantity-warpper .right .counter{height:39px;display:flex;align-items:center;justify-content:space-between;box-shadow:7.3px 14.61px 21.91px #00000003;background-color:#282a33;border-radius:67px;gap:3px;width:max-content;padding:6px 3px 6px 6px}.quantity-warpper .right .counter .button{cursor:pointer;width:36px;height:36px;border-radius:50%;user-select:none;display:flex;justify-content:center;align-items:center;border:none;background-color:transparent}.quantity-warpper .right .counter .button.dark{background-color:#363944;box-shadow:7.3px 14.61px 21.91px #00000003}.hr{height:1px;width:100%;background-color:#eaedf3}.small-title{font-size:14px;font-weight:700;color:var(--bs-body-color)}.medium-title{font-size:16px;font-weight:700;color:var(--bs-body-color)}.category-group{margin-bottom:16px}.category-title{font-size:15px;font-weight:600;color:#3fc045;margin-bottom:10px;padding-left:2px}.body-text{font-size:12px;font-weight:400;line-height:1.3;color:#646568}.body-text-med{font-size:14px;font-weight:400;line-height:1.3;color:#646568}.product-detail .product-info{font-weight:500;color:var(--bs-body-color);border-radius:12px;font-size:12px;padding:10px 10px 30px;line-height:16px;border:1px solid #eaedf3;background-color:#f8f8f8}.custom-accordian{display:flex;align-items:center;padding:6px;border-radius:67px;background-color:#3fc0451a}.custom-accordian .button{border:none;background-color:transparent;font-size:14px;font-weight:500;padding:10px;border-radius:67px;max-width:50%;transition:all .3s ease-in-out;flex:auto;color:#000}.custom-accordian .button:focus{border:none!important;outline:none!important;background-color:transparent}.custom-accordian .button:hover{border:none!important;outline:none!important;color:#fff;background-color:#3fc045}.custom-accordian .button.active{background-color:#3fc045;color:#fff}.accordian-content{min-height:150px;padding:20px 0}.accordian-content .description-content{font-size:14px;line-height:22px;color:#797d81}.accordian-content .reviews-content .overall-reviews{border:1px solid #eaedf3ea;padding:8px 10px;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;gap:14px}.accordian-content .reviews-content .overall-reviews .line{height:120px;width:1px;background-color:#eee}.accordian-content .reviews-content .overall-reviews .left{width:100px;text-align:center}.accordian-content .reviews-content .overall-reviews .left .bold{font-size:38px;color:var(--bs-body-color);line-height:1;font-weight:700;margin-bottom:6px}.accordian-content .reviews-content .overall-reviews .left .ratings{display:flex;align-items:center;margin-bottom:6px;justify-content:center;gap:4.5px}.accordian-content .reviews-content .overall-reviews .right{flex:1 1 auto}.accordian-content .reviews-content .overall-reviews .right .review{display:flex;align-items:center;gap:7px;padding:2px 0}.accordian-content .reviews-content .overall-reviews .right .review .text{font-size:12.5px;font-weight:600;color:var(--bs-body-color);margin:0;line-height:1.6}.accordian-content .reviews-content .overall-reviews .right .review .progress-bar{height:6px;border-radius:40px;background-color:#e0e0e0;width:100%;position:relative}.accordian-content .reviews-content .overall-reviews .right .review .progress-bar .fill{transition:all .3s ease-in-out;height:100%;background-color:#3fc045;border-radius:40px;z-index:1;left:0;top:0}.reviews-list .review-item{border:1px solid #eaedf3;border-radius:12px;margin-bottom:20px;padding:14px}.reviews-list .review-item .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reviews-list .review-item .header .profile{display:flex;align-items:center;gap:8px}.reviews-list .review-item .header .profile .image{height:48px;width:48px;border-radius:50%;object-fit:cover}.reviews-list .review-item .header .profile .data .name{font-size:16px;font-weight:700;color:#212121;line-height:1.5;margin-bottom:1px}.reviews-list .review-item .header .profile .data .rating{display:flex;align-items:center;margin-bottom:4px;gap:7px}.reviews-list .review-item .header .profile .data .date{font-size:13px;font-weight:500;color:#616161;line-height:1;margin-bottom:2px}.reviews-list .review-item .header .icon{cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.reviews-list .review-item .description{font-weight:500;font-size:16px;line-height:160%;letter-spacing:.2px;color:#212121}.add-to-cart-action.mt-2{margin-top:12px}.add-to-cart-action{display:flex;flex-direction:column;align-items:center;max-width:340px;width:100%;margin:90px auto 20px;gap:12px}.add-to-cart-action .button{flex:1 1 auto;height:42px;border-radius:67px;text-align:center;font-size:14px;font-weight:700;color:#fff;padding:8px 16px;background-color:#3fc045;border:none}.add-to-cart-action .sold-out{background-color:#bebdbd;color:#fff}.add-to-cart-action .icon{height:42px;width:42px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#191a26;cursor:pointer}.order-page .orders-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.order-page{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.order-count{display:flex;justify-content:space-between;margin:11px 0;font-weight:600}.action-button{width:100%;height:42px;background-color:#3fc045;font-size:14px;border-radius:67px;color:#fff;font-size:16px;font-weight:600;text-align:center;border:none;cursor:pointer;padding:14px;display:flex;justify-content:center;align-items:center}.order-page .orders-top .text{font-size:16px;color:#212226;margin:0;font-weight:600}.order-page .orders-top .action{color:#3fc045;font-weight:600;font-size:14px;cursor:pointer}.order-page .order-item{padding:12px;border:1px solid #eaedf3;border-radius:8px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.order-page .order-item .left{display:flex;align-items:center;gap:15px}.order-page .order-item .left .image{width:72px;height:72px;border-radius:8px}.order-page .order-item .left .image img{width:100%;height:100%;border-radius:8px;object-fit:cover}.order-page .order-item .left .data .title{font-size:14px;font-weight:600;color:#212226;line-height:1.2;margin-bottom:4px}.order-page .order-item .left .data .cusine{font-size:12px;font-weight:500;color:#212226;line-height:1.2;margin-bottom:4px}.order-page .order-item .left .data .price{font-size:14px;font-weight:600;color:#3fc045;line-height:1.2;margin-bottom:0}.order-page .order-item .counter{display:flex;flex-direction:column;gap:2px}.order-page .order-item .counter .action{height:20px;width:20px;display:flex;justify-content:center;align-items:center;border-radius:6px;cursor:pointer;user-select:none;border:none}.order-page .order-item .counter .count{height:24px;font-size:14px;font-weight:700;user-select:none;cursor:text;color:#212226;display:flex;justify-content:center;align-items:center}.order-page .order-item .counter .action.inc{background-color:#3fc045}.order-page .order-item .counter .action.dec{background-color:#ecf9ec}.order-page .order-item .counter .action:focus{outline:none;border:none}.date-selection{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.date-selection .left{display:flex;align-items:center;gap:12px}.date-selection .left .data .title{font-size:13px;font-weight:400;line-height:1.2;color:#646568;margin-bottom:6px}.date-selection .left .data .date{font-size:15px;font-weight:600;line-height:1.2;color:var(--bs-body-color);margin-bottom:0}.date-selection .action{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none}.date-selection .action img{width:20px;height:auto}.date-selection .action:focus{outline:none;border:none}.map-container{height:110px;width:100%;border-radius:12px;margin-bottom:18px}.map-container iframe,.map-container img{width:100%;object-fit:cover;height:100%;border-radius:12px}.add-address{background-color:transparent;border:none;font-size:12px;font-weight:400;color:#3fc045;display:flex;gap:5px;align-items:center}.add-address:focus{outline:none;border:none}.payment-method{border-radius:12px;margin-bottom:16px;padding:16px;border:1px solid #eaedf3}.payment-method .item-flex{display:flex;line-height:1.4;justify-content:space-between;align-items:center;margin-bottom:12px;color:#646568;font-size:16px;font-weight:600}.payment-method .item-flex.bold{font-weight:700;color:var(--bs-body-color)}.other-payment-fee{display:flex;justify-content:space-between;align-items:center}.other-payment-fee .left{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#646568}.other-payment-fee .left .icon{height:20px;width:20px;border:1px solid #191a26;display:flex;justify-content:center;border-radius:50%;align-items:center;font-size:14px;font-weight:700;color:var(--bs-body-color)}.other-payment-fee .input{height:24px;width:24px;border-radius:50%;appearance:none;background-color:transparent;border:1px solid #3fc045;padding:4px;cursor:pointer;position:relative}.other-payment-fee .input:before{height:18px;width:18px;background-color:transparent;left:2px;top:2px;position:absolute;content:"";border-radius:50%;z-index:1}.other-payment-fee .input:checked:before{background-color:#3fc045}.other-payments-wrapper{padding:16px;border-radius:12px;margin-bottom:20px;border:1px solid #eaedf3}.other-payments-wrapper .title{font-size:14px;font-weight:600;color:#3fc045;margin-bottom:16px}.other-payments-wrapper .item-flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.other-payments-wrapper .item-flex .left .text{font-size:12px;color:var(--bs-body-color);margin-bottom:0;line-height:1;font-weight:600}.other-payments-wrapper .item-flex .left .email{font-size:12px;color:var(--bs-body-color);text-decoration:underline;margin-bottom:0;line-height:1;font-weight:600}.other-payments-wrapper .item-flex .copy{cursor:pointer;font-size:12px;width:max-content;background-color:#3fc045;color:#fff;display:flex;padding:4px 8px;border-radius:6px;align-items:center;gap:5px}.other-payments-wrapper .item-flex .copy svg{width:12px}.pickup-items-list{margin-top:16px}.pickup-item-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}.pickup-item-row:last-child{border-bottom:none}.item-info{display:flex;align-items:center;gap:12px;flex:1}.food-image{width:40px;height:40px;border-radius:8px;overflow:hidden;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.food-image img{width:100%;height:100%;object-fit:cover}.food-details{flex:1}.food-name{font-size:16px;font-weight:600;color:#191a26;margin:0 0 4px;line-height:1.2}.pickup-time{font-size:14px;color:#646568;margin:0;line-height:1.2}.edit-icon{padding:8px;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.edit-icon:hover{background-color:#f0f8f0;transform:scale(1.05)}.edit-icon:active{transform:scale(.98);background-color:#e8f5e8}.edit-icon:focus{outline:2px solid #3fc045;outline-offset:2px}.edit-icon img{width:16px;height:16px;opacity:.6;transition:opacity .2s ease}.edit-icon:hover img{opacity:.8}.order-items-title{font-size:16px;font-weight:600;color:#191a26;margin-bottom:8px}.empty-cart-message{text-align:center;padding:40px 20px;color:#646568}.empty-cart-message p{margin:0;font-size:14px}.item-quantity{font-size:12px;color:#8d93a1;margin-top:2px;font-weight:500}.map-container{position:relative;width:100%;height:200px;border-radius:12px;overflow:hidden;margin-bottom:18px}.success-image-wrapper{text-align:center}.success-image-wrapper img{max-width:120px;display:block;margin:auto auto 20px}.interactive-map{width:100%;height:100%;position:relative}.map-fallback{position:relative;width:100%;height:100%}.map-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.map-pin{display:flex;flex-direction:column;align-items:center;animation:bounce 1s ease-in-out infinite alternate}.pin-icon{font-size:24px;margin-bottom:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.pin-label{background-color:#ffffffe6;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;color:#191a26;white-space:nowrap;box-shadow:0 2px 4px #0000001a}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.menu-listing .menu-list{padding:10px;margin-bottom:16px;border-radius:12px;border:1px solid #eaedf3;display:flex;align-items:center;gap:16px}.menu-listing .menu-list .left{flex:1 1 60%;display:flex;gap:8px;align-items:center}.menu-listing .menu-list .left .image img{width:70px;height:80px;border-radius:12px;object-fit:cover}.menu-listing .menu-list .left .data .title{font-size:14px;font-weight:700;text-align:left;margin-bottom:4px;color:var(--bs-body-color)}.menu-listing .menu-list .left .data .text{font-size:13px;font-weight:400;text-align:left;line-height:1.3;margin-bottom:4px;color:#7e8ca0;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.menu-listing .menu-list .left .data .price{font-size:14px;font-weight:700;text-align:left;color:#3fc045}.menu-listing .menu-list .quantity-warpper{flex:0 0 auto;display:initial}.menu-listing .menu-list .quantity-warpper .icon{width:24px;height:24px;background-color:#f8f8f8;border-radius:50%;flex-shrink:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.menu-listing .menu-list .quantity-warpper .icon img{width:12px}.menu-listing .menu-list .quantity-warpper .bottom{display:flex;align-items:center;gap:4px;justify-content:space-between}.menu-listing .menu-list .quantity-warpper .bottom .time{font-size:13px;font-weight:700;color:var(--bs-body-color)}.menu-listing .menu-list .quantity-warpper .title{font-size:13px;font-weight:700;margin-bottom:4px;color:var(--bs-body-color)}.menu-listing .menu-list .quantity-warpper .right .count{width:24px;height:24px;display:flex;font-size:8px}.menu-listing .menu-list .quantity-warpper .right .counter{height:26px;padding:3px}.menu-listing .menu-list .quantity-warpper .right .counter .button{width:24px;height:24px}.menu-listing .menu-list .quantity-warpper .right .counter .button svg{width:12px!important;height:12px!important}.scanner-bottom{display:flex;align-items:center;gap:16px}.scanner-bottom .text{font-size:12px;font-weight:400;font-style:italic;color:#3fc045;margin-bottom:0}.scanner-bottom .qr{height:60px;width:60px;border-radius:12px;flex-shrink:0;border:1px solid #eaedf3}.scanner-bottom .qr img{width:100%;height:100%;object-fit:cover}.order-items-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:20px}.pickup-summary-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 1px 3px #0000000d}.pickup-summary-content{display:flex;align-items:center;padding:16px 20px;gap:16px}.pickup-icon{width:36px;height:36px;background:#f0f8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pickup-icon img{width:18px;height:18px;filter:brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(119%)}.pickup-text{flex:1}.pickup-title{font-size:15px;font-weight:600;color:#212529;margin-bottom:4px;line-height:1.2}.pickup-dates{font-size:14px;color:#6c757d;font-weight:400;line-height:1.3}.pickup-item{color:#495057}.pickup-edit{width:36px;height:36px;background:#f0f8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease;border:1px solid transparent}.pickup-edit:hover{background:#e8f5e8;border-color:#28a745}.pickup-edit img{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(119%)}@media (max-width: 767px){.pickup-summary-content{padding:14px 16px;gap:12px}.pickup-icon,.pickup-edit{width:32px;height:32px}.pickup-icon img{width:16px;height:16px}.pickup-edit img{width:14px;height:14px}.pickup-title{font-size:14px}.pickup-dates{font-size:13px}}.order-items-title{font-size:18px;font-weight:600;color:#212529;margin-bottom:20px;margin-top:0}.pickup-section{margin-bottom:20px}.pickup-section:last-child{margin-bottom:0}.pickup-section-title{font-size:15px;font-weight:500;color:#6c757d;margin-bottom:12px;margin-top:0;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.order-item-card{background:#fff;border:none;border-radius:0;margin-bottom:16px;padding:16px 0;border-bottom:1px solid #f5f5f5}.order-item-card:last-child{margin-bottom:0;border-bottom:none}.order-item-content{display:flex;justify-content:space-between;align-items:flex-start}.item-details{flex:1}.item-name{font-size:16px;font-weight:600;color:#212529;margin-bottom:6px;margin-top:0;line-height:1.3}.item-meta{margin-bottom:8px}.item-quantity{font-size:14px;color:#6c757d;font-weight:400}.item-price{font-size:16px;font-weight:600;color:#212529}.pickup-details{text-align:right;flex-shrink:0;min-width:120px}.pickup-date-info{font-size:14px;color:#6c757d;margin-bottom:4px;font-weight:400;line-height:1.3}.pickup-time-info{font-size:16px;color:#28a745;font-weight:600;line-height:1.3}@media (max-width: 767px){.order-item-content{flex-direction:column;align-items:flex-start}.pickup-details{text-align:left;margin-left:0;margin-top:0;width:100%;display:flex;justify-content:space-between;align-items:center}.pickup-date-info{margin-bottom:0}}.upload-section{margin-bottom:24px}.upload-dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:32px 16px;text-align:center;background-color:#f9fafb;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.upload-dropzone:hover{border-color:#3fc045;background-color:#f0f9f0;transform:translateY(-1px)}.upload-dropzone.active{border-color:#3fc045;background-color:#f0f9f0;box-shadow:0 0 0 3px #3fc0451a}.upload-dropzone.login-required{border-color:#ff9800;background-color:#fff8e1}.upload-dropzone.login-required:hover{border-color:#f57c00;background-color:#fff3e0}.upload-dropzone.login-required .upload-icon{color:#ff9800}.upload-dropzone.login-required .upload-title{color:#e65100}.upload-dropzone.login-required .upload-link{color:#f57c00}.upload-content{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon{color:#6b7280;margin-bottom:8px;transition:color .3s ease}.upload-dropzone:hover .upload-icon{color:#3fc045}.upload-title{font-size:18px;font-weight:600;color:#374151;margin:0}.upload-description{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.upload-link{color:#3fc045;font-weight:500;text-decoration:underline}.upload-formats{font-size:12px;color:#9ca3af;margin:0}.upload-preview-container{display:flex;flex-direction:column;gap:12px}.upload-preview{position:relative;border-radius:12px;overflow:hidden;background-color:#f3f4f6;border:2px solid #e5e7eb}.preview-image{width:100%;max-height:220px;object-fit:cover;display:block}.remove-image-btn{position:absolute;top:8px;right:8px;background-color:#000000b3;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.remove-image-btn:hover{background-color:#ef4444cc}.file-info{display:flex;flex-direction:column;gap:12px;padding:12px 16px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.file-details{display:flex;justify-content:space-between;align-items:center}.file-name{font-size:14px;font-weight:500;color:#374151;margin:0 12px 0 0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:12px;color:#6b7280;margin:0;flex-shrink:0}.upload-status{display:flex;flex-direction:column;gap:8px}.status-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.status-item.uploading{color:#3f83f8}.status-item.success{color:#10b981}.status-item.error{color:#ef4444}.upload-status-overlay{position:absolute;inset:0;background-color:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;color:#fff;font-size:14px;font-weight:500}.upload-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.firebase-url{padding:8px 12px;background-color:#eff6ff;border-radius:6px;border:1px solid #dbeafe}.url-label{font-size:12px;color:#6b7280;margin:0 0 4px;font-weight:500}.url-link{font-size:13px;color:#3f83f8;text-decoration:none;font-weight:500;word-break:break-all}.url-link:hover{text-decoration:underline}.action-button:disabled{background-color:#9ca3af!important;cursor:not-allowed!important;opacity:.6}.action-button:disabled:hover{background-color:#9ca3af!important;transform:none!important}.order-summary-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin:20px 0;text-align:left}.order-summary-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:16px;text-align:center}.order-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.order-detail-row:last-child{border-bottom:none;margin-bottom:0}.detail-label{font-size:14px;color:#4a5568;font-weight:500}.detail-value{font-size:14px;color:#1a202c;font-weight:600}.success-actions{display:flex;flex-direction:column;gap:12px;width:100%}.action-button.secondary{background-color:#fff;color:#3fc045;text-decoration:none;border:2px solid #3fc045}.action-button.secondary:hover{background-color:#f0f9f0;transform:translateY(-1px)}@media (max-width: 767px){.order-summary-card{padding:16px;margin:16px 0}.order-summary-title{font-size:16px;margin-bottom:12px}.detail-label,.detail-value{font-size:13px}.success-actions{gap:10px}}.success-image-wrapper+h2.small-title{margin-top:24px}.quantity-text,.pickup-time-display{font-size:13px;font-weight:600}.success-image-wrapper .menu-listing .quantity-text{font-size:14px;font-weight:600;color:#3fc045;margin-bottom:4px}.success-image-wrapper .pickup-time-display{font-size:12px;color:#666;margin-top:4px}.order-summary-card{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:16px}.order-summary-title{font-size:16px;font-weight:600;margin-bottom:12px;color:#212226}.order-detail-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.detail-label{color:#666}.detail-value{font-weight:500;color:#212226}@media (max-width: 767px){.upload-dropzone{padding:24px 12px}.upload-title{font-size:16px}.upload-description{font-size:13px}.file-details{flex-direction:column;align-items:flex-start;gap:4px}.file-name{margin-right:0}.upload-status-overlay{font-size:13px}.firebase-url{padding:6px 10px}.url-link{font-size:12px}}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modalFadeIn .3s ease-out}.modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:350px;width:100%;height:max-content;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e5e5;margin-bottom:0}.modal-title{font-size:16px;font-weight:600;color:#191a26;margin:0}.modal-close-btn{background:none;border:none;cursor:pointer;padding:0;border-radius:8px;color:#666;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background-color:#f5f5f5;color:#333}.modal-content{padding:24px;overflow-y:auto;max-height:50vh}.editing-item-info{background:#f8f9fa;padding:16px;border-radius:12px;margin-bottom:24px}.editing-item-info h4{font-size:16px;font-weight:600;color:#191a26;margin:0 0 8px}.editing-item-info p{font-size:14px;color:#666;margin:0}.date-time-picker-container{display:flex;flex-direction:column;gap:20px}.picker-field{display:flex;flex-direction:column;justify-content:space-between;gap:2px;align-items:flex-start}.picker-label{font-size:14px;font-weight:500;color:#333;margin:0}.picker-input{width:100%;padding:12px 16px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:#333;transition:border-color .2s ease,box-shadow .2s ease}.picker-input:focus{outline:none;border-color:#3fc045;box-shadow:0 0 0 3px #3fc0451a}.picker-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.time-slots-container{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.time-slot{padding:10px 12px;border:2px solid #e5e5e5;border-radius:6px;background:#fff;color:#333;font-size:13px;text-align:center;cursor:pointer;transition:all .2s ease}.time-slot:hover{border-color:#3fc045;background-color:#f8fdf8}.time-slot.selected{border-color:#3fc045;background-color:#3fc045;color:#fff}.time-slot.disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;border-color:#e5e5e5}.time-slot.disabled:hover{border-color:#e5e5e5;background-color:#f5f5f5}.modal-footer{display:flex;gap:12px;padding:8px 16px;justify-content:center}.btn-secondary{padding:12px 24px;border:2px solid #e5e5e5;background:#fff;color:#666;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:#ccc;background-color:#f8f9fa}.btn-primary{padding:12px 24px;border:none;background:#3fc045;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#36a83a;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.modal-overlay{padding:16px}.modal-container{max-height:95vh}.modal-header{padding:20px 20px 0}.modal-content{padding:20px}.modal-footer{padding:0 20px 20px;flex-direction:column}.btn-secondary,.btn-primary{width:100%;justify-content:center}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:0;min-width:300px;max-width:300px;margin:20px}.modal-header{padding:20px 20px 10px;border-bottom:1px solid #eee}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.modal-body{padding:20px}.modal-body p{margin:0;color:#666;line-height:1.5}.modal-footer{padding:10px 20px 20px;display:flex;justify-content:flex-end;gap:10px}.btn-secondary:hover{background-color:#f8f9fa}.btn-danger:hover{background-color:#c82333}.my-orders-page{padding:16px;min-height:100vh;background-color:#fff}.my-orders-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eaedf3}.my-orders-header .back-button{background:none;border:none;padding:8px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.my-orders-header .back-button:hover{background-color:#f5f5f5}.my-orders-header .page-title{font-size:20px;font-weight:700;color:#212226;margin:0}.orders-empty,.orders-error{text-align:center;padding:60px 20px;color:#646568}.orders-empty p,.orders-error p{font-size:16px;margin-bottom:20px}.orders-empty .button,.orders-error .button{background-color:#3fc045;color:#fff;border:none;padding:12px 32px;border-radius:67px;font-weight:600;cursor:pointer;transition:background-color .2s}.orders-empty .button:hover,.orders-error .button:hover{background-color:#36a83c}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{background:#fff;border:1px solid #eaedf3;border-radius:12px;padding:16px;position:relative;overflow:hidden;transition:box-shadow .2s}.order-card:hover{box-shadow:0 4px 12px #00000014}.order-card.delivered{position:relative}.order-card .delivered-overlay{position:absolute;inset:0;background-color:#ffffff80;pointer-events:none;z-index:10;border-radius:12px}.order-card-content{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.order-item-image{width:72px;height:72px;flex-shrink:0;border-radius:8px;overflow:hidden}.order-item-image img{width:100%;height:100%;object-fit:cover}.order-item-details{flex:1;min-width:0}.order-item-details .item-name{font-size:12px;font-weight:600;color:#212226;margin:0 0 4px;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.order-item-details .item-price{font-size:14px;font-weight:600;color:#3fc045;margin:0}.order-item-info{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;max-width:115px;text-align:right}.order-item-info .quantity{font-size:16px;font-weight:600;color:#212226}.status-tag{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-tag.delivered-tag{background-color:#e8f5e9;color:#3fc045}.status-tag.error-tag{background-color:#ffebee;color:#e53935;font-size:10px}.delivery-info{text-align:right}.delivery-info .delivery-date{font-size:12px;font-weight:600;color:#212226;margin-bottom:2px}.delivery-info .delivery-time{font-size:11px;color:#646568}.pickup-selectors{display:flex;flex-direction:column;gap:6px}.pickup-field{display:flex;flex-direction:column;gap:2px}.pickup-field label{font-size:10px;color:#8d93a1;font-weight:500}.pickup-select{padding:4px 8px;border:1px solid #eaedf3;border-radius:6px;font-size:11px;color:#212226;background:#f8f8f8;min-width:100px;cursor:pointer;appearance:menulist}.pickup-select:focus{outline:none;border-color:#3fc045}.group-progress{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.group-progress .progress-label{font-size:11px;color:#646568}.group-progress .progress-value{font-size:13px;font-weight:600;color:#e74c3c}.manage-orders-btn{background-color:#333!important;color:#fff!important;transition:background-color .2s}.manage-orders-btn:hover{background-color:#1a1a1a!important}.save-pickup-btn{background-color:#3fc045;color:#fff;border:none;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:4px}.save-pickup-btn:hover{background-color:#36a83c}.save-pickup-btn:disabled{background-color:#ccc;cursor:not-allowed}.my-orders-picker.date-time-picker{flex-direction:column;gap:4px;flex-wrap:nowrap}.my-orders-picker .picker-field{margin-bottom:0;gap:2px}.my-orders-picker .picker-label{font-size:10px;color:#8d93a1;margin-bottom:2px}.my-orders-picker .picker-select{width:auto;min-width:80px;max-width:100px;padding:4px 6px;font-size:11px;min-height:28px;border:1px solid #eaedf3;border-radius:6px;background:#f8f9fa}.my-orders-picker .date-display-text{padding:4px 6px;font-size:11px;min-height:20px}.my-orders-picker .date-input-wrapper{width:auto;min-width:80px;max-width:100px}.my-orders-picker .date-input-wrapper input{padding:4px 6px;font-size:11px;min-height:20px}.my-orders-picker .picker-select:focus,.my-orders-picker input:focus{outline:none;border-color:#3fc045}.pickup-selectors{display:flex;flex-direction:row;gap:8px;align-items:flex-end;flex-wrap:wrap}.my-orders-page .mobile-date-picker-overlay,.mobile-container .mobile-date-picker-overlay{z-index:99999!important;position:fixed!important}.my-orders-page .mobile-date-picker-content,.mobile-container .mobile-date-picker-content{z-index:100000!important}.order-card{position:relative;z-index:100;background:#fff}.orders-list{position:relative;z-index:1}.my-orders-page .order-card,.my-orders-page .order-card *,.my-orders-page .pickup-time-section,.my-orders-page .pickup-time-section *,.my-orders-page .date-time-picker,.my-orders-page .date-time-picker *{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none!important}.my-orders-page .order-card:focus,.my-orders-page .order-card:active,.my-orders-page .order-card:hover,.my-orders-page .pickup-time-section:focus,.my-orders-page .pickup-time-section:active,.my-orders-page .date-time-picker:focus,.my-orders-page .date-time-picker:active{outline:none!important;box-shadow:none!important;background-color:inherit}.my-orders-page .pickup-time-section .picker-select,.my-orders-page .pickup-time-section .time-select-display,.my-orders-page .pickup-time-section select{padding:4px 6px!important;min-height:28px!important;font-size:11px!important}.my-orders-page .pickup-time-section .date-display-text{padding:4px 6px!important;min-height:20px!important;font-size:11px!important}.my-orders-page .pickup-time-section .picker-label{font-size:10px!important;margin-bottom:2px!important}.my-orders-page .pickup-time-section .picker-field{margin-bottom:4px!important;gap:2px!important}.order-card:has(.date-time-picker){z-index:200}.pickup-selectors{position:relative;z-index:150}.order-tabs{display:flex;gap:0;margin:16px;background:#f0f0f0;border-radius:25px;padding:4px}.order-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-radius:20px;transition:all .2s ease}.order-tab.active{background:#3fc045;color:#fff;font-weight:600}.order-tab:not(.active):hover{background:#3fc0451a;color:#3fc045}.account-balance-card{display:flex;justify-content:space-between;align-items:center;margin:16px;padding:16px 20px;background:linear-gradient(135deg,#3fc045,#2ca834);border-radius:12px;color:#fff;box-shadow:0 4px 12px #3fc04540}.account-balance-card .balance-label{font-size:14px;font-weight:500;opacity:.95}.account-balance-card .balance-amount{font-size:24px;font-weight:700;letter-spacing:-.5px}.cancel-order-btn{margin-top:8px;padding:6px 8px;font-size:14px;background-color:#fff;color:#e74c3c;border:1px solid #e74c3c;border-radius:8px;cursor:pointer;width:100%;font-weight:500;transition:all .2s ease}.cancel-order-btn:hover:not(:disabled){background-color:#e74c3c;color:#fff}.cancel-order-btn:disabled{opacity:.6;cursor:not-allowed}.status-tag.canceled-tag{background-color:#fdf2f2;color:#e74c3c;border:1px solid #fecaca;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;text-align:center}.transaction-history-btn{display:block;width:calc(100% - 32px);margin:8px 16px 0;padding:10px 16px;background:transparent;color:#3fc045;border:1.5px solid #3fc045;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s ease}.transaction-history-btn:hover{background:#3fc04514}.transaction-history-btn:active{background:#3fc04526}.transaction-history-page{padding:16px;min-height:100vh;background-color:#fff}.transactions-list{display:flex;flex-direction:column}.transaction-row{display:flex;align-items:center;gap:12px;padding:16px 4px;border-bottom:1px solid #f0f0f0}.transaction-row:last-child{border-bottom:none}.transaction-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transaction-icon.incoming{background-color:#edf9ee}.transaction-icon.outgoing{background-color:#fdf2f2}.transaction-details{flex:1;min-width:0}.transaction-label{font-size:15px;font-weight:600;color:#212226;line-height:1.3;margin-bottom:3px;word-wrap:break-word;overflow-wrap:break-word}.transaction-date{font-size:12px;color:#8d93a1;line-height:1.3}.transaction-amount{font-size:16px;font-weight:700;flex-shrink:0;white-space:nowrap}.transaction-amount.incoming{color:#3fc045}.transaction-amount.outgoing{color:#e74c3c}.my-balance-page{padding:16px 20px;min-height:100vh;display:flex;flex-direction:column}.my-balance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.my-balance-header .page-title{font-size:20px;font-weight:700;color:#212226;margin:0}.my-balance-header .back-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.balance-display-card{background:linear-gradient(135deg,#3fc045,#2e9e33);border-radius:16px;padding:24px;margin-bottom:24px;color:#fff;text-align:center;box-shadow:0 4px 15px #3fc0454d}.balance-display-card .balance-label{font-size:14px;font-weight:500;opacity:.9;margin-bottom:8px}.balance-display-card .balance-amount{font-size:36px;font-weight:800;letter-spacing:-.5px}.credit-amount-section{margin-bottom:20px}.credit-amount-section .section-title{font-size:16px;font-weight:700;color:#212226;margin-bottom:12px}.credit-amount-input-wrapper{position:relative;display:flex;align-items:center}.credit-amount-input-wrapper .dollar-sign{position:absolute;left:16px;font-size:20px;font-weight:700;color:#333}.credit-amount-input{width:100%;padding:14px 16px 14px 36px;font-size:20px;font-weight:700;border:2px solid #e0e0e0;border-radius:12px;outline:none;transition:border-color .2s;background:#fafafa;color:#212226}.credit-amount-input:focus{border-color:#3fc045;background:#fff}.payment-info-section{margin-bottom:20px;background:#f8f9fa;border-radius:12px;padding:16px;border:1px solid #eaedf3}.payment-info-section .section-title{font-size:16px;font-weight:700;color:#212226;margin-bottom:12px}.payment-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.payment-info-row:last-child{border-bottom:none}.payment-info-row .payment-label{font-size:14px;color:#666;font-weight:500}.payment-info-row .payment-value{font-size:14px;color:#333;font-weight:600;display:flex;align-items:center;gap:8px}.payment-info-row .copy-btn{background:none;border:none;color:#3fc045;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;transition:background-color .2s}.payment-info-row .copy-btn:hover{background-color:#3fc0451a}.screenshot-upload-section{margin-bottom:24px}.screenshot-upload-section .section-title{font-size:16px;font-weight:700;color:#212226;margin-bottom:12px}.upload-dropzone{border:2px dashed #ccc;border-radius:12px;padding:32px 16px;text-align:center;cursor:pointer;transition:all .2s;background:#fafafa}.upload-dropzone:hover,.upload-dropzone.drag-active{border-color:#3fc045;background:#3fc0450d}.upload-dropzone .upload-icon{font-size:40px;margin-bottom:8px;color:#999}.upload-dropzone .upload-text{font-size:14px;color:#666;font-weight:500}.upload-dropzone .upload-hint{font-size:12px;color:#999;margin-top:4px}.upload-preview-container{position:relative;border-radius:12px;overflow:hidden;border:1px solid #eee}.upload-preview-container img{width:100%;max-height:250px;object-fit:cover;display:block}.upload-preview-container .remove-btn{position:absolute;top:8px;right:8px;background:#0009;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.upload-status{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px}.upload-status.uploading{color:#3fc045}.upload-status.success{color:#4caf50}.upload-status.error{color:#f44336}.add-credit-btn{width:100%;padding:16px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#3fc045,#2e9e33);border:none;border-radius:67px;cursor:pointer;transition:all .2s;margin-bottom:24px;box-shadow:0 4px 12px #3fc0454d}.add-credit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #3fc04566}.add-credit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.credit-success-message{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:12px;padding:16px;text-align:center;margin-bottom:20px;animation:slideIn .3s ease-out}.credit-success-message .success-icon{font-size:32px;margin-bottom:8px}.credit-success-message .success-text{font-size:16px;font-weight:600;color:#2e7d32}.credit-success-message .success-subtext{font-size:13px;color:#666;margin-top:4px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-boundary{min-height:100vh;background:linear-gradient(135deg,#ff6b6b,#ee5a52);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.error-boundary-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-boundary-header{text-align:center;padding:40px 30px 20px;border-bottom:1px solid #f0f0f0}.error-icon{font-size:48px;margin-bottom:16px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-boundary-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.error-subtitle{color:#666;font-size:16px;margin:0;line-height:1.5}.error-boundary-content{padding:30px}.error-summary{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:24px;border-left:4px solid #ff6b6b}.error-summary h3{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.error-item{display:flex;margin-bottom:12px;align-items:flex-start}.error-item:last-child{margin-bottom:0}.error-label{font-weight:600;color:#555;min-width:80px;margin-right:12px}.error-value{background:#e9ecef;padding:4px 8px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#d63384;word-break:break-all;flex:1}.error-actions{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.error-btn{padding:12px 20px;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.error-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.error-btn-primary{background:#007bff;color:#fff}.error-btn-primary:hover{background:#0056b3}.error-btn-secondary{background:#6c757d;color:#fff}.error-btn-secondary:hover{background:#545b62}.error-btn-copy{background:#28a745;color:#fff}.error-btn-copy:hover{background:#1e7e34}.error-details-section{border-top:1px solid #e9ecef;padding-top:24px}.error-details-toggle{background:none;border:none;color:#007bff;font-weight:500;font-size:14px;cursor:pointer;padding:8px 0;display:flex;align-items:center;gap:8px;margin-bottom:16px}.error-details-toggle:hover{color:#0056b3}.toggle-hint{color:#6c757d;font-weight:400;font-size:12px}.error-details{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px}.error-detail-block{margin-bottom:24px}.error-detail-block:last-child{margin-bottom:0}.error-detail-block h4{color:#333;font-size:14px;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.error-stack{background:#2d3748;color:#e2e8f0;padding:16px;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0;max-height:300px;overflow-y:auto}.error-help{background:#e3f2fd;border-radius:8px;padding:16px;border-left:4px solid #2196f3}.error-help p{margin:0 0 8px;color:#1565c0;font-size:14px;line-height:1.5}.error-help p:last-child{margin-bottom:0}.error-help code{background:#bbdefb;padding:2px 6px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}@media (max-width: 768px){.error-boundary{padding:10px}.error-boundary-container{margin:0;border-radius:12px}.error-boundary-header{padding:30px 20px 20px}.error-boundary-content{padding:20px}.error-actions{flex-direction:column}.error-btn{width:100%;justify-content:center}.error-item{flex-direction:column;gap:4px}.error-label{min-width:auto;margin-right:0}}.sms-optin{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(165deg,#0f1623,#112a1e,#0f1623);position:relative;overflow:hidden;-webkit-font-smoothing:antialiased}.sms-optin__bg{position:absolute;inset:0;pointer-events:none;z-index:0}.sms-optin__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.sms-optin__orb--1{width:350px;height:350px;background:#10b981;top:-8%;left:-8%;animation:smsOrbFloat1 8s ease-in-out infinite}.sms-optin__orb--2{width:250px;height:250px;background:#34d399;bottom:-5%;right:-5%;animation:smsOrbFloat2 10s ease-in-out infinite}.sms-optin__orb--3{width:180px;height:180px;background:#6ee7b7;top:50%;left:65%;animation:smsOrbFloat3 7s ease-in-out infinite}@keyframes smsOrbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(25px,20px) scale(1.08)}}@keyframes smsOrbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-18px,-25px) scale(1.05)}}@keyframes smsOrbFloat3{0%,to{transform:translate(0)}50%{transform:translate(-12px,12px)}}.sms-optin__card{position:relative;z-index:1;width:100%;max-width:460px;background:#141c2ed9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:44px 36px;animation:smsFadeIn .7s ease-out}@keyframes smsFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sms-optin__icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#10b98126,#6ee7b71a);border:1px solid rgba(16,185,129,.2);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 24px}.sms-optin__title{font-size:1.65rem;font-weight:800;color:#fff;text-align:center;margin:0 0 10px;letter-spacing:-.8px}.sms-optin__subtitle{font-size:.92rem;color:#ffffff8c;text-align:center;line-height:1.55;margin:0 0 32px}.sms-optin__field-label{display:block;font-size:.78rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.sms-optin__phone-wrap{margin-bottom:24px}.sms-optin__phone-wrap .PhoneInput{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 16px;transition:border-color .25s ease}.sms-optin__phone-wrap .PhoneInput:focus-within{border-color:#10b98180;box-shadow:0 0 0 3px #10b9811a}.sms-optin__phone-wrap .PhoneInputInput{background:transparent;border:none;outline:none;color:#fff;font-size:1rem;font-family:inherit;width:100%}.sms-optin__phone-wrap .PhoneInputInput::placeholder{color:#ffffff4d}.sms-optin__phone-wrap .PhoneInputCountryIcon{border-radius:3px;overflow:hidden}.sms-optin__phone-wrap .PhoneInputCountrySelect{color:#fff;background:#1a2540}.sms-optin__consent{display:flex;align-items:flex-start;gap:12px;margin-bottom:28px;cursor:pointer}.sms-optin__checkbox-wrapper{position:relative;flex-shrink:0;width:22px;height:22px;margin-top:2px}.sms-optin__checkbox-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1;margin:0}.sms-optin__checkbox-visual{width:22px;height:22px;border-radius:6px;border:2px solid rgba(255,255,255,.2);background:#ffffff0a;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sms-optin__checkbox-input:checked+.sms-optin__checkbox-visual{background:linear-gradient(135deg,#10b981,#34d399);border-color:#10b981}.sms-optin__checkbox-visual svg{width:14px;height:14px;opacity:0;transform:scale(.5);transition:all .2s ease;color:#fff}.sms-optin__checkbox-input:checked+.sms-optin__checkbox-visual svg{opacity:1;transform:scale(1)}.sms-optin__consent-text{font-size:.8rem;color:#ffffff80;line-height:1.55}.sms-optin__submit{width:100%;padding:15px 24px;border:none;border-radius:14px;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.sms-optin__submit:not(:disabled){background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 8px 28px #10b98159}.sms-optin__submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 36px #10b98180}.sms-optin__submit:not(:disabled):active{transform:translateY(0)}.sms-optin__submit:disabled{background:#ffffff14;color:#ffffff40;cursor:not-allowed;box-shadow:none}.sms-optin__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:smsSpinner .65s linear infinite}@keyframes smsSpinner{to{transform:rotate(360deg)}}.sms-optin__footer{text-align:center;font-size:.75rem;color:#ffffff59;line-height:1.5}.sms-optin__footer a{color:#34d399;text-decoration:none;font-weight:500;transition:color .2s}.sms-optin__footer a:hover{color:#6ee7b7;text-decoration:underline}.sms-optin__success{text-align:center;animation:smsFadeIn .5s ease-out}.sms-optin__success-icon{font-size:3.5rem;margin-bottom:20px;animation:smsBounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes smsBounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.sms-optin__success-title{font-size:1.35rem;font-weight:800;color:#fff;margin:0 0 12px}.sms-optin__success-text{font-size:.9rem;color:#ffffff8c;line-height:1.6;margin:0 0 8px}.sms-optin__error{background:#ef44441f;border:1px solid rgba(239,68,68,.25);border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:.82rem;color:#fca5a5;text-align:center;animation:smsFadeIn .3s ease-out}@media (max-width: 520px){.sms-optin{padding:60px 16px 24px;align-items:flex-start}.sms-optin__card{padding:32px 24px;border-radius:16px}.sms-optin__title{font-size:1.4rem}.sms-optin__subtitle{font-size:.85rem}.sms-optin__consent-text{font-size:.75rem}}@media (max-width: 360px){.sms-optin__card{padding:28px 18px}.sms-optin__title{font-size:1.25rem}}.admin-auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.admin-auth-card{background:#161b22;border:1px solid #30363d;border-radius:20px;padding:48px 40px;max-width:420px;width:100%;text-align:center;box-shadow:0 16px 48px #0006}.admin-auth-icon{font-size:48px;margin-bottom:16px}.admin-auth-title{font-size:24px;font-weight:700;color:#e1e4e8;margin:0 0 8px}.admin-auth-subtitle{font-size:14px;color:#8b949e;margin:0 0 32px}.admin-auth-form{display:flex;flex-direction:column;gap:16px}.admin-auth-input{padding:14px 18px;background:#0d1117;border:1px solid #30363d;border-radius:10px;color:#e1e4e8;font-size:16px;outline:none;text-align:center;letter-spacing:2px;transition:border-color .2s,box-shadow .2s}.admin-auth-input:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #388bfd26}.admin-auth-input::placeholder{color:#6e7681;letter-spacing:normal}.admin-auth-error{color:#f85149;font-size:13px;padding:8px 12px;background:#f851491a;border-radius:8px}.admin-auth-btn{padding:14px 24px;background:linear-gradient(135deg,#1f6feb,#58a6ff);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.admin-auth-btn:hover:not(:disabled){opacity:.9}.admin-auth-btn:active:not(:disabled){transform:scale(.98)}.admin-auth-btn:disabled{opacity:.4;cursor:not-allowed}.admin-logout-btn{background:none;border:1px solid #30363d;color:#8b949e;padding:6px 14px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.admin-logout-btn:hover{border-color:#f85149;color:#f85149}.admin-layout{min-height:100vh;background:#0f1117;color:#e1e4e8;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#161b22;border-bottom:1px solid #30363d;position:sticky;top:0;z-index:100}.admin-topbar-left{display:flex;align-items:center;gap:12px}.admin-logo{font-size:20px;font-weight:700;color:#58a6ff;letter-spacing:-.5px}.admin-logo span{color:#8b949e;font-weight:400;margin-left:8px;font-size:14px}.admin-topbar-right{display:flex;align-items:center;gap:16px}.admin-badge{background:#388bfd26;color:#58a6ff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid rgba(56,139,253,.3)}.admin-container{max-width:1400px;margin:0 auto;padding:24px 32px}.admin-search-section{margin-bottom:24px}.admin-search-wrapper{position:relative;max-width:600px}.admin-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8b949e;pointer-events:none}.admin-search-input{width:100%;padding:12px 16px 12px 44px;background:#161b22;border:1px solid #30363d;border-radius:10px;color:#e1e4e8;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.admin-search-input::placeholder{color:#6e7681}.admin-search-input:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #388bfd26}.admin-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.admin-stat-card{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:20px;transition:border-color .2s}.admin-stat-card:hover{border-color:#484f58}.admin-stat-label{font-size:13px;color:#8b949e;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.admin-stat-value{font-size:28px;font-weight:700;color:#e1e4e8}.admin-stat-value.highlight{color:#3fb950}.admin-stat-value.warning{color:#d29922}.admin-stat-value.danger{color:#f85149}.admin-filters{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.admin-filter-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#8b949e;user-select:none}.admin-filter-toggle input[type=checkbox]{appearance:none;width:18px;height:18px;border:2px solid #30363d;border-radius:4px;background:#0d1117;cursor:pointer;position:relative;transition:all .2s}.admin-filter-toggle input[type=checkbox]:checked{background:#58a6ff;border-color:#58a6ff}.admin-filter-toggle input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.admin-result-count{font-size:13px;color:#6e7681;margin-left:auto}.admin-table-wrapper{background:#161b22;border:1px solid #30363d;border-radius:12px;overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th{padding:14px 20px;text-align:left;font-size:12px;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;background:#0d1117;border-bottom:1px solid #30363d;white-space:nowrap}.admin-table td{padding:14px 20px;font-size:14px;border-bottom:1px solid rgba(48,54,61,.5);white-space:nowrap}.admin-table tr:last-child td{border-bottom:none}.admin-table tr{cursor:pointer;transition:background-color .15s}.admin-table tbody tr:hover{background:#388bfd0f}.admin-user-name{font-weight:600;color:#e1e4e8}.admin-user-email{font-size:12px;color:#6e7681;margin-top:2px}.admin-user-id{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;color:#6e7681;max-width:120px;overflow:hidden;text-overflow:ellipsis}.admin-balance-cell{font-weight:700;font-variant-numeric:tabular-nums}.admin-balance-positive{color:#3fb950}.admin-balance-zero{color:#6e7681}.admin-orders-count{font-variant-numeric:tabular-nums}.admin-date-cell{color:#8b949e;font-size:13px}.admin-back-btn{display:inline-flex;align-items:center;gap:6px;color:#58a6ff;font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:opacity .2s}.admin-back-btn:hover{opacity:.8}.admin-profile-card{background:linear-gradient(135deg,#161b22,#1c2333);border:1px solid #30363d;border-radius:16px;padding:28px;margin-bottom:24px}.admin-profile-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.admin-profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#58a6ff,#1f6feb);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.admin-profile-avatar img{width:100%;height:100%;object-fit:cover}.admin-profile-name{font-size:24px;font-weight:700;color:#e1e4e8;margin:0 0 4px}.admin-profile-email{font-size:14px;color:#8b949e}.admin-profile-id{font-size:12px;font-family:SFMono-Regular,Consolas,monospace;color:#6e7681;margin-top:4px}.admin-profile-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.admin-profile-meta-item{background:#0d111780;border-radius:10px;padding:14px}.admin-profile-meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6e7681;margin-bottom:6px}.admin-profile-meta-value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.admin-section{margin-bottom:32px}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-section-title{font-size:18px;font-weight:700;color:#e1e4e8;display:flex;align-items:center;gap:8px}.admin-section-count{background:#8b949e33;color:#8b949e;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600}.admin-timeline{position:relative;padding-left:24px}.admin-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:#30363d}.admin-timeline-item{position:relative;padding:12px 16px;margin-bottom:8px;background:#161b22;border:1px solid #30363d;border-radius:10px;transition:border-color .2s}.admin-timeline-item:hover{border-color:#484f58}.admin-timeline-dot{position:absolute;left:-20px;top:18px;width:12px;height:12px;border-radius:50%;border:2px solid #0f1117}.admin-timeline-dot.credit{background:#3fb950}.admin-timeline-dot.debit{background:#f85149}.admin-timeline-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.admin-timeline-label{font-size:14px;font-weight:500;color:#e1e4e8}.admin-timeline-amount{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.admin-timeline-amount.credit{color:#3fb950}.admin-timeline-amount.debit{color:#f85149}.admin-timeline-meta{font-size:12px;color:#6e7681;display:flex;gap:12px;flex-wrap:wrap}.admin-timeline-category{background:#8b949e26;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.admin-timeline-category.order_payment{background:#f8514926;color:#f85149}.admin-timeline-category.admin_credit{background:#3fb95026;color:#3fb950}.admin-timeline-category.peer_transfer{background:#d2992226;color:#d29922}.admin-timeline-category.refund{background:#388bfd26;color:#58a6ff}.admin-order-card{background:#161b22;border:1px solid #30363d;border-radius:12px;margin-bottom:12px;overflow:hidden;transition:border-color .2s}.admin-order-card:hover{border-color:#484f58}.admin-order-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0d111780;border-bottom:1px solid #30363d;flex-wrap:wrap;gap:10px}.admin-order-id{font-family:SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:600;color:#58a6ff}.admin-order-date{font-size:13px;color:#8b949e}.admin-order-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.admin-order-status.pendingApproval{background:#d2992226;color:#d29922;border:1px solid rgba(210,153,34,.3)}.admin-order-status.approved,.admin-order-status.inProgress{background:#388bfd26;color:#58a6ff;border:1px solid rgba(56,139,253,.3)}.admin-order-status.delivered{background:#3fb95026;color:#3fb950;border:1px solid rgba(63,185,80,.3)}.admin-order-status.canceled{background:#f8514926;color:#f85149;border:1px solid rgba(248,81,73,.3)}.admin-order-body{padding:16px 20px}.admin-order-items{margin-bottom:12px}.admin-order-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(48,54,61,.3)}.admin-order-item:last-child{border-bottom:none}.admin-order-item-name{font-size:14px;color:#e1e4e8}.admin-order-item-qty{font-size:13px;color:#8b949e;margin-left:8px}.admin-order-item-price{font-size:14px;font-weight:600;color:#e1e4e8;font-variant-numeric:tabular-nums}.admin-order-payment{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding-top:12px;border-top:1px solid #30363d}.admin-payment-item{display:flex;flex-direction:column;gap:2px}.admin-payment-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6e7681}.admin-payment-value{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.admin-payment-value.balance-highlight{color:#d29922}.admin-payment-value.online-highlight{color:#3fb950}.admin-payment-value.total-highlight{color:#e1e4e8}.admin-credit-card{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:16px 20px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;transition:border-color .2s}.admin-credit-card:hover{border-color:#484f58}.admin-credit-amount{font-size:20px;font-weight:700;color:#e1e4e8;font-variant-numeric:tabular-nums}.admin-credit-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.admin-credit-status.pending{background:#d2992226;color:#d29922;border:1px solid rgba(210,153,34,.3)}.admin-credit-status.approved{background:#3fb95026;color:#3fb950;border:1px solid rgba(63,185,80,.3)}.admin-credit-status.rejected{background:#f8514926;color:#f85149;border:1px solid rgba(248,81,73,.3)}.admin-credit-date{font-size:13px;color:#8b949e}.admin-credit-screenshot{color:#58a6ff;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.admin-credit-screenshot:hover{text-decoration:underline}.admin-empty{text-align:center;padding:40px 20px;color:#6e7681}.admin-empty-icon{font-size:32px;margin-bottom:12px}.admin-empty-text{font-size:15px}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.admin-spinner{width:36px;height:36px;border:3px solid #30363d;border-top-color:#58a6ff;border-radius:50%;animation:admin-spin .8s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-loading-text{font-size:14px;color:#8b949e}@media (max-width: 768px){.admin-topbar{padding:12px 16px}.admin-container{padding:16px}.admin-stats-row{grid-template-columns:repeat(2,1fr)}.admin-table td,.admin-table th{padding:10px 12px;font-size:13px}.admin-profile-header{flex-direction:column;align-items:flex-start}.admin-profile-meta{grid-template-columns:repeat(2,1fr)}.admin-order-header{flex-direction:column;align-items:flex-start}.admin-order-payment{grid-template-columns:1fr 1fr}}.admin-screenshot-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 8px;border-radius:6px}.admin-screenshot-badge.has-screenshot{background:#3fb95026;color:#3fb950}.admin-screenshot-badge.no-screenshot{background:#f8514926;color:#f85149}.admin-tabs{display:flex;gap:4px;margin-bottom:24px;background:#161b22;border:1px solid #30363d;border-radius:10px;padding:4px;width:fit-content}.admin-tab{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;color:#8b949e;background:none;border:none;cursor:pointer;transition:all .2s}.admin-tab.active{background:#58a6ff;color:#fff}.admin-tab:hover:not(.active){color:#e1e4e8;background:#8b949e1a}
