*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--clr-saffron:#e8a020;--clr-saffron-dark:#c4841a;--clr-turmeric:#f5c842;--clr-chili:#c0392b;--clr-bark:#3d2314;--clr-bark-mid:#5c3a22;--clr-cream:#fdf6ec;--clr-cream-dark:#f0e4cc;--clr-pepper:#1a1208;--clr-muted:#7a6045;--clr-white:#fff;--clr-success:#2d7a4f;--clr-error:#c0392b;--clr-warning:#e8a020;--clr-info:#2980b9;--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #3d23141f;--shadow-md:0 4px 16px #3d231426;--shadow-lg:0 8px 32px #3d231433;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--clr-cream);color:var(--clr-bark);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-size:16px;line-height:1.6;display:flex}main{flex:1}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--clr-bark);line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body)}input,textarea,select{font-family:var(--font-body)}.container{max-width:1200px;padding:0 var(--space-md);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;border:2px solid #0000;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--clr-saffron);color:var(--clr-bark);border-color:var(--clr-saffron)}.btn-primary:hover{background:var(--clr-saffron-dark);border-color:var(--clr-saffron-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:var(--clr-bark);border-color:var(--clr-bark);background:0 0}.btn-outline:hover{background:var(--clr-bark);color:var(--clr-cream)}.btn-ghost{color:var(--clr-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--clr-cream-dark);color:var(--clr-bark)}.btn-danger{background:var(--clr-chili);color:var(--clr-white);border-color:var(--clr-chili)}.btn-danger:hover{background:#a93226}.btn-sm{padding:.4rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.0625rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--clr-bark-mid);font-size:.875rem;font-weight:500}.form-input{border:2px solid var(--clr-cream-dark);border-radius:var(--radius-md);background:var(--clr-white);color:var(--clr-bark);transition:border-color var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:.9375rem}.form-input:focus{border-color:var(--clr-saffron)}.form-input::placeholder{color:var(--clr-muted);opacity:.7}.card{background:var(--clr-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{color:#92400e;background:#fef3c7}.badge-confirmed{color:#1e40af;background:#dbeafe}.badge-delivered{color:#065f46;background:#d1fae5}.badge-cancelled{color:#991b1b;background:#fee2e2}.whatsapp-btn{color:var(--clr-white);background:#25d366;border-color:#25d366}.whatsapp-btn:hover{background:#1ebe5d;transform:translateY(-1px);box-shadow:0 4px 16px #25d36659}.spinner{border:2px solid #0000001a;border-top-color:var(--clr-saffron);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s both fadeIn}.skeleton{border-radius:var(--radius-md);background:linear-gradient(135deg,#ffffffeb,#ece0c6e6);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.4s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-panel{border-radius:var(--radius-lg);min-height:140px}.skeleton-table{gap:.75rem;display:grid}.skeleton-table-row{grid-template-columns:repeat(5,minmax(90px,1fr));align-items:center;gap:1rem;display:grid}.skeleton-row-cell{border-radius:var(--radius-md);min-height:28px}.product-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.product-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:480px){.product-card .card-content{padding:.5rem}.product-card h3{font-size:.85rem}.product-card .price{font-size:.9rem}.product-card button{padding:.25rem .6rem;font-size:.75rem}}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500}.alert-success{color:#065f46;background:#d1fae5;border-left:4px solid #10b981}.alert-error{color:#991b1b;background:#fee2e2;border-left:4px solid #ef4444}.alert-info{color:#1e40af;background:#dbeafe;border-left:4px solid #3b82f6}.alert-warning{color:#92400e;background:#fef3c7;border-left:4px solid #f59e0b}.divider{background:var(--clr-cream-dark);height:1px;margin:var(--space-lg) 0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--clr-cream-dark)}::-webkit-scrollbar-thumb{background:var(--clr-muted);border-radius:3px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}html{font-size:14px}@media (min-width:768px){html{font-size:16px}}img,video,iframe{max-width:100%;height:auto}button,a,.btn,.card-link{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.container{padding-left:var(--space-md);padding-right:var(--space-md)}@media (min-width:640px){.container{padding-left:var(--space-lg);padding-right:var(--space-lg)}}h1{font-size:clamp(1.8rem,6vw,3rem)}h2{font-size:clamp(1.5rem,5vw,2rem)}h3{font-size:clamp(1.2rem,4vw,1.5rem)}p,li{font-size:clamp(.875rem,4vw,1rem)}.card{flex-direction:column;width:100%;display:flex}.form-input,.form-group{width:100%}table{white-space:nowrap;display:block;overflow-x:auto}.btn-group{gap:var(--space-sm);flex-wrap:wrap;display:flex}.sticky{z-index:10;position:sticky;top:0}.desktop-only{display:none}.mobile-only{display:block}@media (min-width:768px){.desktop-only{display:block}.mobile-only{display:none}}