*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg-primary:#0a0c10;--bg-card:#1a1e24;--bg-elevated:#232830;--primary:#84a1cf;--primary-hover:#426089;--primary-rgb:132, 161, 207;--primary-gradient-start:#84a1cf;--primary-gradient-end:#426089;--primary-glow:rgba(var(--primary-rgb), .3);--primary-opacity-12:rgba(var(--primary-rgb), .12);--primary-opacity-20:rgba(var(--primary-rgb), .2);--primary-opacity-30:rgba(var(--primary-rgb), .3);--primary-opacity-50:rgba(var(--primary-rgb), .5);--primary-opacity-60:rgba(var(--primary-rgb), .6);--accent:#2ecc71;--danger:#e74c3c;--warning:#f39c12;--text:#f0f2f5;--text-muted:#8e98a3;--border:#2c313a;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-full:999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080}html,body{background:var(--bg-primary);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Montserrat,-apple-system,BlinkMacSystemFont,sans-serif}h1,h2,h3,h4,h5,h6,.logo,.modal-title{letter-spacing:.05em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:500}body{padding-bottom:70px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.container{max-width:600px;margin:0 auto;padding:.8rem 1rem}.header-mobile{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.8rem 1rem;display:flex}.logo{color:var(--text);text-transform:uppercase;letter-spacing:4px;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.4rem;font-size:2rem;font-weight:500;display:flex}.admin-badge{text-align:center;background:var(--primary);border-radius:var(--radius-full);letter-spacing:.02em;padding:.5rem .75rem;font-size:.8rem;font-weight:600}.categorias-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.5rem;margin-bottom:1.2rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.categorias-scroll::-webkit-scrollbar{display:none}.cat-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);white-space:nowrap;cursor:pointer;flex-shrink:0;padding:.5rem 1.1rem;font-size:.8rem;font-weight:600;transition:all .2s}.cat-btn:hover{color:var(--text);border-color:var(--primary)}.cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.produtos-grid{grid-template-columns:repeat(2,1fr);gap:.9rem;margin-bottom:1rem;display:grid}.produto-card{background:var(--bg-card);border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--border);transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.produto-card:active{transform:scale(.96)}.produto-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-opacity-30);transform:translateY(-2px)}.produto-card.esgotado{opacity:.5;cursor:not-allowed}.prod-img{background:linear-gradient(135deg,#1e242c,#2a3040);justify-content:center;align-items:center;height:120px;font-size:3rem;display:flex}.prod-info{padding:.7rem}.prod-nome{font-size:.9rem;font-weight:700;line-height:1.3}.prod-preco{color:var(--primary);margin:.3rem 0;font-size:1rem;font-weight:800}.add-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;transition:background .2s,transform .1s;display:flex;position:absolute;bottom:.6rem;right:.6rem}.add-btn:hover{background:var(--primary-hover)}.add-btn:active{transform:scale(.9)}.cart-fab{background:var(--primary);width:56px;height:56px;box-shadow:0 6px 20px var(--primary-opacity-50);cursor:pointer;z-index:900;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:82px;right:16px}.cart-fab:hover{box-shadow:0 8px 24px var(--primary-opacity-60);transform:scale(1.08)}.cart-fab:active{transform:scale(.95)}.cart-fab.pulo{animation:.5s ease-in-out pulo-animation}@keyframes pulo-animation{0%{transform:scale(1)}20%{transform:translateY(-12px)scaleY(1.15)scaleX(.85)}40%{transform:translateY(0)scaleY(.9)scaleX(1.1)}60%{transform:translateY(-6px)scaleY(1.05)scaleX(.95)}80%{transform:translateY(0)scaleY(.98)scaleX(1.02)}to{transform:translateY(0)scale(1)}}.cart-badge{color:#0a0c10;border-radius:var(--radius-full);text-align:center;background:#fff;min-width:20px;padding:1px 7px;font-size:.72rem;font-weight:800;position:absolute;top:-5px;right:-5px}.cart-drawer{background:var(--bg-card);z-index:1000;border-top:1px solid var(--border);border-radius:1.5rem 1.5rem 0 0;max-height:90vh;padding:1.2rem 1.2rem 2rem;transition:transform .35s cubic-bezier(.25,.9,.35,1.05);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -8px 40px #00000080}.cart-drawer.open{transform:translateY(0)}.drawer-handle{background:var(--border);border-radius:2px;width:40px;height:4px;margin:0 auto 1.2rem}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.drawer-header h2{font-size:1.9rem;font-weight:400}.close-btn{background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:background .2s,color .2s;display:flex}.close-btn:hover{background:var(--danger);color:#fff}.cart-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 0;display:flex}.cart-item-nome{font-size:.9rem;font-weight:600}.cart-item-qty{color:var(--text-muted);font-size:.8rem}.cart-item-preco{color:var(--primary);font-weight:700}.cart-item-del{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:all .2s;display:flex}.cart-item-del:hover{border-color:var(--danger);color:var(--danger);background:#e74c3c1a}.cart-empty{color:var(--text-muted);text-align:center;padding:2rem 0;font-size:.9rem}.cart-total{color:var(--text);margin:1rem 0 .5rem;font-size:1.4rem;font-weight:800}.cart-total span{color:var(--primary)}.form-group{margin-bottom:.7rem}.form-label{color:var(--text-muted);margin-bottom:.3rem;font-size:.78rem;font-weight:600;display:block}.input,select.input{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text);appearance:none;border:1px solid #ffffff29;width:100%;padding:.7rem .9rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.input:focus,select.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.input.error{border-color:var(--danger)}.input-error{color:var(--danger);margin-top:.2rem;font-size:.75rem}.btn{border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;width:100%;box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 6px 18px var(--primary-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-sm{padding:.4rem .9rem;font-size:.8rem}.btn-icon{border-radius:50%;width:34px;height:34px;padding:0}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:800;background:#1a1e24f2;justify-content:space-around;padding:.5rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem 1.2rem;font-family:inherit;font-size:.68rem;font-weight:600;transition:all .2s;display:flex}.nav-item.active{color:var(--primary);background:var(--primary-opacity-12)}.nav-item:hover:not(.active){color:var(--text)}.admin-panel{background:var(--bg-card);border-radius:var(--radius-md);padding:1rem}.admin-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;display:flex}.tab-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;flex-shrink:0;padding:.5rem .9rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.tab-content{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pedido-card{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:.8rem;padding:.9rem;transition:border-color .2s}.pedido-card:hover{border-color:var(--primary-opacity-20)}.pedido-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.status-badge{border-radius:var(--radius-full);letter-spacing:.03em;padding:.2rem .7rem;font-size:.68rem;font-weight:700;display:inline-block}.status-recebido{color:#3498db;background:#3498db33}.status-preparando{color:var(--warning);background:#f39c1233}.status-pronto{color:var(--accent);background:#2ecc7133}.status-entregue{color:var(--text-muted);background:#8e98a333}.pedido-info{color:var(--text-muted);margin:.2rem 0;font-size:.8rem}.pedido-info strong{color:var(--text)}.pedido-actions{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.stock-row{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.6rem;padding:.8rem;display:flex}.stock-emoji{flex-shrink:0;font-size:1.5rem}.stock-name{flex:1;font-size:1rem;font-weight:700}.stock-count{background:var(--bg-primary);border-radius:var(--radius-full);padding:.2rem .8rem;font-size:.9rem;font-weight:800}.stock-count.zero{color:var(--danger)}.stock-controls{align-items:center;gap:.3rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:1.5rem;animation:.3s cubic-bezier(.25,.9,.35,1.05) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title{margin-bottom:1rem;font-size:1.8rem;font-weight:500}.stat-grid{grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem;display:grid}.stat-card{background:var(--bg-elevated);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border);padding:.9rem}.stat-value{color:var(--primary);font-size:1.4rem;font-weight:800}.stat-label{color:var(--text-muted);margin-top:.2rem;font-size:.72rem}.top-produto-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.88rem;display:flex}.top-produto-rank{color:var(--primary);min-width:1.5rem;font-weight:800}.section-heading{text-align:center;color:var(--text);align-items:center;gap:.4rem;margin-bottom:.8rem;font-size:1rem;font-weight:700;display:flex}.drawer-overlay{z-index:999;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.prod-img{height:100px;font-size:2.5rem}.container{padding:.6rem}.stat-grid{grid-template-columns:1fr 1fr}}