@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-primary:#10b981;--color-primary-dark:#059669;--color-primary-light:#34d399;--color-danger:#ef4444;--color-danger-dark:#dc2626;--color-warning:#f59e0b;--bg-app:#0f172a;--bg-surface:#1e293b;--bg-surface-elevated:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#334155;--border-light:#ffffff1a;--touch-target:4rem;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-glow:0 0 15px #10b98166;--bg-glass:#1e293bd9;--bg-overlay:#000000b3}[data-theme=light]{--bg-app:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-color:#e2e8f0;--border-light:#0000000d;--shadow-glow:0 0 15px #10b98133;--bg-glass:#fffffff2;--bg-overlay:#0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100dvh;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;margin-bottom:.5rem;font-weight:600}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}.btn{min-height:var(--touch-target);border-radius:var(--border-radius-md);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.75rem;padding:0 1.5rem;font-size:1.125rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px #10b98163}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-light);box-shadow:var(--shadow-glow)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-dark)}.btn-danger{background-color:var(--color-danger);color:#fff;box-shadow:0 4px 14px #ef444463}.btn-danger:hover:not(:disabled){background-color:#f87171}.btn-danger:active:not(:disabled){background-color:var(--color-danger-dark)}.btn-outline{border:2px solid var(--border-color);color:var(--text-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--bg-surface-elevated)}.btn-icon-only{width:var(--touch-target);padding:0}input[type=text],input[type=number],input[type=password],textarea{width:100%;min-height:var(--touch-target);background-color:var(--bg-surface);border:2px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius-md);padding:0 1.25rem;font-family:inherit;font-size:1.125rem;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--color-primary);outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light)}.animate-fade-in{animation:.3s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fab-cart{display:none}@media (width<=900px){.app-container{flex-direction:column!important}.sidebar{order:3;gap:.5rem;border-right:none!important;border-top:1px solid var(--border-color)!important;flex-direction:row!important;justify-content:flex-start!important;width:100%!important;height:70px!important;padding:0 .5rem!important}.sidebar .logo-box{display:none!important}.sidebar .btn-icon-only{width:60px;margin:0!important}.logout-container{align-items:center;padding-right:1rem;display:flex;margin-top:0!important;margin-left:auto!important}main{order:1;padding:1rem!important;overflow-y:auto!important}main header{margin-bottom:1rem!important}main header h1{font-size:1.5rem!important}.order-cart{border-top-left-radius:20px;border-top-right-radius:20px;transition:bottom .3s cubic-bezier(.4,0,.2,1);left:0;border-left:none!important;border-top:2px solid var(--color-primary)!important;z-index:100!important;width:100%!important;height:80vh!important;position:fixed!important;top:auto!important;bottom:-100%!important;box-shadow:0 -10px 40px #00000080!important}.order-cart.cart-open{bottom:0!important}.fab-cart{background-color:var(--color-primary);color:#fff;z-index:90;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;font-size:1.8rem;transition:transform .2s;display:flex;position:fixed;bottom:6rem;right:1.5rem;box-shadow:0 4px 15px #10b98166}.fab-cart:active{transform:scale(.9)}.fab-badge{background:var(--color-danger);color:#fff;border:2px solid var(--bg-app);border-radius:12px;padding:2px 6px;font-size:.8rem;font-weight:700;position:absolute;top:0;right:0}.admin-sidebar{border-right:none!important;border-bottom:1px solid var(--border-color)!important;border-top:none!important;flex-direction:row!important;order:0!important;justify-content:flex-start!important;width:100%!important;height:auto!important;margin-bottom:0!important;padding:.75rem 1rem!important}.admin-sidebar .logo-box{width:40px!important;height:40px!important;margin-bottom:0!important;margin-right:1rem!important;display:flex!important}.admin-sidebar>.btn-icon-only{width:auto!important;margin-bottom:0!important;margin-right:1rem!important}.admin-logout-container{align-items:center;display:flex;margin-top:0!important;margin-left:auto!important}.admin-mobile-fix header{flex-direction:column;align-items:flex-start!important}.admin-mobile-fix main{order:1}}@media print{nav,aside,.sidebar,.fab-cart,.logo-box,button,header input{display:none!important}body,#root{background:#fff!important;overflow:visible!important}}