:root{--primary:#503805;--primary-foreground:#fff;--background:#fff;--foreground:#1a1a1a;--card:#fdf5e6;--border:#e2e8f0;--accent:#7b3f00;--gold:#d4af37;--nav-height:80px;--bottom-bar-height:65px;--radius-lg:24px;--radius-md:16px;--container-padding:2rem}[data-theme=dark]{--primary:#503805;--background:#121212;--foreground:#fff;--card:#1e1e1e;--border:#333;--gold:#d4af37}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:Outfit,Inter,sans-serif;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}@media (width<=768px){:root{--container-padding:1.25rem;--nav-height:70px}}.glass{background:rgba(var(--background-rgb), .7);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.premium-card{background:var(--card);border-radius:var(--radius-md);border:1px solid var(--gold);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 25px #0000000d}.premium-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 12px 30px #0000001a}.primary-btn,button.primary-btn,.add-cart-btn,.checkout-btn,.sync-btn-active{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 10px #4e2c1c33;background:var(--primary)!important;color:#fff!important;border:1px solid var(--gold)!important}.primary-btn:hover,.add-cart-btn:hover,.checkout-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 15px #4e2c1c4d}.primary-btn:active{transform:scale(.95)}.bottom-nav{height:var(--bottom-bar-height);background:var(--card);border:1px solid var(--border);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 10px 30px #0000001a}@media (width<=768px){.bottom-nav{display:flex}.app-container{padding-bottom:100px}.desktop-only{display:none!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.6s forwards fadeInUp}.premium-input{background:var(--background);border:2px solid var(--border);width:100%;color:var(--foreground);border-radius:12px;outline:none;padding:14px 20px;font-family:inherit;font-size:.95rem;transition:all .3s}.premium-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #4e2c1c1a}textarea.premium-input{resize:none}