@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root,[data-theme=light]{--color-scheme:light;--primary-color:#4a6b59;--primary-hover:#3b5747;--primary-light:#678f7a;--primary-surface:#4a6b5917;--primary-glow:#4a6b594d;--accent-color:#b89358;--accent-hover:#a37f47;--accent-surface:#b893581f;--secondary-color:#f0f2ee;--secondary-hover:#e3e7e0;--success-color:#0d9488;--warning-color:#d97706;--danger-color:#e11d48;--bg-dark:#f8f9f7;--bg-body:#f8f9f7;--bg-card:#fff;--bg-card-hover:#f5f7f4;--bg-elevated:#fff;--bg-input:#fff;--border-color:#4a6b5924;--border-subtle:#0000000f;--border-highlight:#4a6b5973;--border-gold:#b8935861;--text-main:#15221b;--text-muted:#4e6155;--text-subtle:#798c81;--text-inverse:#fff;--glass-bg:#fffffff0;--glass-border:#4a6b591f;--glass-shadow:0 10px 30px -5px #1e2d2412;--card-shadow:0 4px 20px #0000000d;--card-shadow-hover:0 14px 34px -4px #4a6b5929;--announcement-bg:#3e5748;--announcement-text:#fff;--footer-bg:#364d3f;--footer-text:#f0f5f2;--header-bg:#fffffff5;--modal-bg:#fff;--drawer-bg:#fff;--radius-xl:20px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px}[data-theme=dark]{--color-scheme:dark;--primary-color:#58836c;--primary-hover:#466b56;--primary-light:#7aa58e;--primary-surface:#58836c29;--primary-glow:#58836c73;--accent-color:#d4af37;--accent-hover:#bf9c28;--accent-surface:#d4af3726;--secondary-color:#1a241f;--secondary-hover:#24332b;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--bg-dark:#0e1411;--bg-body:#0e1411;--bg-card:#141c17eb;--bg-card-hover:#1a261ffa;--bg-elevated:#16201a;--bg-input:#0e1411e6;--border-color:#ffffff17;--border-subtle:#ffffff0d;--border-highlight:#58836c73;--border-gold:#d4af3759;--text-main:#f5f8f6;--text-muted:#98a99e;--text-subtle:#65756c;--text-inverse:#0e1411;--glass-bg:#121914e0;--glass-border:#ffffff17;--glass-shadow:0 16px 40px 0 #0000008c;--card-shadow:0 6px 24px #0006;--card-shadow-hover:0 16px 40px -6px #000000a6;--announcement-bg:#1b2921;--announcement-text:#fff;--footer-bg:#121a15;--footer-text:#f0f5f2;--header-bg:#121914eb;--modal-bg:#141c17;--drawer-bg:#131a15}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-body);color:var(--text-main);background-image:radial-gradient(at 0% 0%, var(--primary-surface) 0px, transparent 50%), radial-gradient(at 100% 100%, var(--accent-surface) 0px, transparent 50%), radial-gradient(at 50% 20%, var(--primary-surface) 0px, transparent 65%);background-attachment:fixed;min-height:100vh;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--primary-light);opacity:.5;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;color:var(--text-main);font-family:Montserrat,Plus Jakarta Sans,sans-serif;font-weight:700}.brand-font{letter-spacing:.12em;text-transform:uppercase;font-family:Montserrat,sans-serif;font-weight:800}.serif-font{letter-spacing:.04em;font-family:Montserrat,sans-serif}.gradient-text{background:linear-gradient(135deg, var(--text-main) 0%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-gold{background:linear-gradient(135deg, var(--accent-color) 0%, #d4af37 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:background-color .3s,border-color .3s,box-shadow .3s,transform .25s}.glass-panel-interactive{box-shadow:var(--card-shadow);transition:all .28s cubic-bezier(.4,0,.2,1)}.glass-panel-interactive:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.btn{text-align:center;border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:10px 18px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--primary-color);box-shadow:0 4px 14px var(--primary-glow);color:#fff!important}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px);color:#fff!important}.btn-accent{background:var(--accent-color);font-weight:700;box-shadow:0 4px 14px #b8935859;color:#fff!important}.btn-accent:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #b8935880;color:#fff!important}.btn-success{background:var(--success-color);box-shadow:0 4px 14px #0d94884d;color:#fff!important}.btn-success:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background:var(--secondary-color);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--secondary-hover);border-color:var(--border-highlight);color:var(--primary-color)}.btn-danger{color:var(--danger-color);background:#e11d481f;border:1px solid #e11d4840}.btn-danger:hover{background:var(--danger-color);color:#fff}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:.82rem}.btn-icon{border-radius:10px;width:38px;height:38px;padding:0}.size-pill{border:1px solid var(--border-color);background:var(--bg-card);height:36px;color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.size-pill:hover{border-color:var(--primary-color);background:var(--primary-surface);color:var(--primary-color)}.size-pill.active{border-color:var(--primary-color);background:var(--primary-color);box-shadow:0 3px 10px var(--primary-glow);color:#fff!important}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-muted);font-size:.84rem;font-weight:600}.form-input,.form-select,.form-textarea,.form-control{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);outline:none;padding:11px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus,.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-surface);background:var(--bg-card)}.form-input::placeholder,.form-textarea::placeholder,.form-control::placeholder{color:var(--text-subtle);opacity:.8}.form-select option{background:var(--bg-card);color:var(--text-main)}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-brand{background:var(--primary-surface);color:var(--primary-color);border:1px solid var(--border-highlight)}.badge-gold{background:var(--accent-surface);color:var(--accent-color);border:1px solid var(--border-gold)}.badge-sage{background:var(--primary-surface);color:var(--primary-color);border:1px solid var(--border-highlight)}.badge-stock-ok{color:var(--success-color);background:#0d94881f;border:1px solid #0d948840}.badge-stock-low{color:var(--warning-color);background:#d977061f;border:1px solid #d9770640}.badge-stock-empty{color:var(--danger-color);background:#e11d481f;border:1px solid #e11d4840}.app-container{max-width:1400px;margin:0 auto;padding:0 24px 80px}.announcement-bar{background:var(--announcement-bg);color:var(--announcement-text);letter-spacing:.05em;text-align:center;z-index:100;justify-content:center;align-items:center;gap:12px;padding:9px 16px;font-size:.78rem;font-weight:600;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px var(--primary-glow)}50%{box-shadow:0 0 25px var(--primary-glow)}}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-scale-up{animation:.25s cubic-bezier(.16,1,.3,1) forwards scaleUp}.animate-pulse-glow{animation:2.5s infinite pulseGlow}.animate-bounce-subtle{animation:2.5s ease-in-out infinite bounceSubtle}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;box-sizing:border-box;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--modal-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:760px;max-height:90vh;color:var(--text-main);margin:auto;transition:background-color .3s,color .3s;position:relative;overflow-y:auto;box-shadow:0 25px 60px -12px #0000008c}.drawer-overlay{-webkit-backdrop-filter:blur(6px);z-index:1100;background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-content{background:var(--drawer-bg);border-left:1px solid var(--border-color);width:100%;max-width:480px;height:100%;color:var(--text-main);flex-direction:column;transition:background-color .3s,color .3s;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideLeft;display:flex;box-shadow:-15px 0 45px #00000059}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.theme-toggle-btn{background:var(--secondary-color);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.theme-toggle-btn:hover{background:var(--secondary-hover);border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 4px 12px var(--primary-surface);transform:scale(1.08)rotate(15deg)}.theme-toggle-pill{background:var(--secondary-color);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .22s;display:inline-flex}.theme-toggle-pill:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--secondary-hover)}