:root{--c-bg: #FFFFFF;--c-surface: #FFFFFF;--c-surface-2: #FAF9F5;--c-surface-3: #F2F0E8;--c-border: rgba(212, 175, 55, .16);--c-border-hover: rgba(212, 175, 55, .42);--c-gold: #D4AF37;--c-gold-dark: #B89A2A;--c-gold-light: rgba(212, 175, 55, .08);--c-gold-glow: rgba(212, 175, 55, .22);--c-text: #1A1A1A;--c-text-muted: #6B6559;--c-text-dim: #A09880;--c-success: #2E7D52;--c-success-light: rgba(46, 125, 82, .08);--c-error: #C0392B;--c-error-light: rgba(192, 57, 43, .08);--c-warning: #B7770D;--c-warning-light: rgba(183, 119, 13, .08);--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-xs: 0 1px 3px rgba(26, 26, 26, .07);--shadow-sm: 0 2px 6px rgba(26, 26, 26, .09);--shadow-md: 0 4px 16px rgba(26, 26, 26, .11);--shadow-lg: 0 8px 32px rgba(26, 26, 26, .14);--shadow-gold: 0 4px 20px rgba(212, 175, 55, .28)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}img{display:block;max-width:100%}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.625rem;font-family:var(--font-sans);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm);transition:background .2s,box-shadow .2s,transform .14s,border-color .2s;white-space:nowrap;outline:none}.btn:focus-visible{box-shadow:0 0 0 3px var(--c-gold-glow)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-gold{background:var(--c-gold);color:#fff;border:1px solid var(--c-gold);box-shadow:var(--shadow-gold)}.btn-gold:hover:not(:disabled){background:var(--c-gold-dark);border-color:var(--c-gold-dark);box-shadow:0 6px 24px #d4af375c}.btn-outline-gold{background:transparent;color:var(--c-gold);border:1.5px solid var(--c-gold)}.btn-outline-gold:hover:not(:disabled){background:var(--c-gold-light);box-shadow:var(--shadow-gold)}.btn-charcoal{background:var(--c-text);color:#fff;border:1px solid var(--c-text)}.btn-charcoal:hover:not(:disabled){background:#1a1a1a;border-color:#1a1a1a}.btn-ghost{background:transparent;color:var(--c-text-muted);border:1px solid var(--c-border)}.btn-ghost:hover{color:var(--c-text);border-color:var(--c-border-hover)}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.75rem;font-weight:600;color:var(--c-text-muted);letter-spacing:.06em;text-transform:uppercase}.form-label .required{color:var(--c-gold);margin-left:2px}.form-input,.form-select{padding:.75rem 1rem;font-size:.9375rem;font-family:var(--font-sans);color:var(--c-text);background:var(--c-surface);border:1.5px solid #DDD9CC;border-radius:var(--radius-sm);transition:border-color .18s,box-shadow .18s;outline:none;width:100%}.form-input::placeholder{color:var(--c-text-dim)}.form-select option{background:var(--c-surface);color:var(--c-text)}.form-input:focus,.form-select:focus{border-color:var(--c-gold);box-shadow:0 0 0 3px var(--c-gold-glow)}.form-input.error{border-color:var(--c-error)}.form-hint{font-size:.8rem;color:var(--c-text-muted)}.naneka-logo{display:flex;align-items:center;gap:.625rem;text-decoration:none}.naneka-logo__ring{width:36px;height:36px;border:2px solid var(--c-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .18s}.naneka-logo:hover .naneka-logo__ring{background:var(--c-gold-light)}.naneka-logo__initial{font-family:var(--font-serif);font-size:1.0625rem;font-weight:700;color:var(--c-gold);line-height:1}.naneka-logo__wordmark{font-family:var(--font-serif);font-weight:700;color:var(--c-text);letter-spacing:.1em;text-transform:uppercase}.naneka-logo--lg .naneka-logo__ring{width:44px;height:44px}.naneka-logo--lg .naneka-logo__initial{font-size:1.3125rem}.naneka-logo--lg .naneka-logo__wordmark{font-size:1.375rem}.naneka-logo--sm .naneka-logo__ring{width:30px;height:30px}.naneka-logo--sm .naneka-logo__initial{font-size:.9375rem}.naneka-logo--sm .naneka-logo__wordmark{font-size:1rem}.naneka-logo--inv .naneka-logo__wordmark{color:#fff}.naneka-logo--inv .naneka-logo__ring{border-color:var(--c-gold)}.gold-divider{width:48px;height:2px;background:linear-gradient(90deg,var(--c-gold),transparent);margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.03em;white-space:nowrap}.badge-pending{background:#fef3c7;color:#92400e}.badge-paid{background:#dbeafe;color:#1e40af}.badge-process{background:#ede9fe;color:#4c1d95}.badge-delivery{background:#cffafe;color:#155e75}.badge-done{background:#d1fae5;color:#064e3b}.badge-cancel{background:#fee2e2;color:#991b1b}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d2d2d73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}@media (min-width: 600px){.modal-overlay{align-items:center;padding:1.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--c-surface);width:100%;max-width:540px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid var(--c-border);border-left:1px solid var(--c-border);border-right:1px solid var(--c-border);max-height:92dvh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .28s cubic-bezier(.32,.72,0,1);scrollbar-width:thin;scrollbar-color:#DDD9CC transparent}@media (min-width: 600px){.modal-sheet{border-radius:var(--radius-lg);border:1px solid var(--c-border);animation:zoomIn .22s ease}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:none;opacity:1}}@keyframes zoomIn{0%{transform:scale(.96);opacity:0}to{transform:none;opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.modal-handle{width:36px;height:3px;background:#ddd9cc;border-radius:2px;margin:.75rem auto 0}@media (min-width: 600px){.modal-handle{display:none}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 1.25rem;border-bottom:1px solid var(--c-border)}.modal-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;color:var(--c-text);line-height:1.3}.modal-subtitle{font-size:.8125rem;color:var(--c-text-muted);margin-top:.2rem}.modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:var(--c-text-muted);font-size:1rem;flex-shrink:0;margin-top:2px;transition:color .15s,background .15s}.modal-close:hover{color:var(--c-text);background:var(--c-surface-2)}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}@keyframes scroll-brands{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-scroller-track:hover{animation-play-state:paused}@media (max-width: 900px){.mega-sidebar{display:none!important}.mobile-bottom-nav{display:flex!important}body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}}@media (max-width: 700px){.hero-stats{display:none!important}}.page-header{background:var(--c-surface);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:50;box-shadow:var(--shadow-xs)}.page-header__inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}