:root{--bg:#0d0d0d;--surface:#161616;--surface-2:#1e1e1e;--border:#ffffff14;--border-2:#ffffff24;--gold:#d4af37;--gold-dark:#b38f20;--gold-dim:#d4af371f;--gold-border:#d4af374d;--text:#f0f0f0;--text-muted:#888;--text-dim:#555;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--sidebar-w:220px;--radius:10px;--radius-sm:6px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;font-size:14px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.login-screen{background:radial-gradient(ellipse at 50% 0%, #d4af3714 0%, transparent 70%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--surface);border:1px solid var(--border-2);border-radius:16px;width:100%;max-width:380px;padding:2.5rem 2rem}.login-brand{text-align:center;margin-bottom:2rem}.login-logo{letter-spacing:.15em;color:var(--gold);margin-bottom:.3rem;font-family:Playfair Display,serif;font-size:2rem;font-weight:600}.login-subtitle{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.login-form{flex-direction:column;gap:1rem;display:flex}.field-group{flex-direction:column;gap:.35rem;display:flex}.field-group label{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:.75rem;font-weight:500}.field-group input,.field-group textarea,.field-group select{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text);border-radius:var(--radius-sm);width:100%;padding:.65rem .85rem;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}.field-group input:focus,.field-group textarea:focus,.field-group select:focus{border-color:var(--gold);outline:none}.field-group textarea{resize:vertical}.field-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:10px;padding-right:2rem}.pass-wrapper{position:relative}.pass-wrapper input{padding-right:2.8rem}.pass-eye{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:.2rem;display:flex;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.pass-eye:hover{color:var(--text)}.login-error{color:var(--red);border-radius:var(--radius-sm);background:#ef44441a;padding:.5rem .75rem;font-size:.82rem}.login-btn{background:var(--gold);color:#000;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.03em;border:none;margin-top:.5rem;padding:.75rem;font-size:.9rem;font-weight:700;transition:background .2s,opacity .2s}.login-btn:hover{background:var(--gold-dark)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.back-link{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.8rem;text-decoration:none;transition:color .2s;display:block}.back-link:hover{color:var(--gold)}.dashboard{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:space-between;padding:1.5rem 0;display:flex}.sidebar-top{flex-direction:column;gap:2rem;display:flex}.sidebar-brand{flex-direction:column;gap:.1rem;padding:0 1.2rem;display:flex}.sidebar-logo{color:var(--gold);letter-spacing:.1em;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:600}.sidebar-tag{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.sidebar-nav{flex-direction:column;gap:.2rem;padding:0 .75rem;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.7rem;padding:.65rem .9rem;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.nav-item:hover{color:var(--text);background:#ffffff0a}.nav-item.active{background:var(--gold-dim);color:var(--gold)}.nav-item.active svg{opacity:1}.nav-item svg{opacity:.6;flex-shrink:0}.nav-badge{background:var(--amber);color:#000;text-align:center;border-radius:20px;min-width:20px;margin-left:auto;padding:.1rem .45rem;font-size:.68rem;font-weight:700}.sidebar-footer{align-items:center;gap:.5rem;padding:0 .75rem;display:flex}.user-chip{background:var(--surface-2);border-radius:var(--radius-sm);flex:1;align-items:center;gap:.6rem;padding:.5rem .6rem;display:flex;overflow:hidden}.user-avatar{background:var(--gold-dim);border:1px solid var(--gold-border);width:26px;height:26px;color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.logout-btn{border:1px solid var(--border-2);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:.45rem;transition:color .2s,border-color .2s;display:flex}.logout-btn:hover{color:var(--red);border-color:var(--red)}.main-content{background:var(--bg);flex:1;overflow-y:auto}.content-section{padding:2rem 2.5rem;display:none}.content-section.active{display:block}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.section-title{color:var(--text);font-family:Playfair Display,serif;font-size:1.6rem;font-weight:600;line-height:1.2}.section-sub{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.header-actions{align-items:center;gap:.6rem;display:flex}.filter-select{background:var(--surface);border:1px solid var(--border-2);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:10px;padding:.5rem 2rem .5rem .8rem;font-size:.82rem}.filter-select:focus{border-color:var(--gold);outline:none}.btn-icon-refresh{background:var(--surface);border:1px solid var(--border-2);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;align-items:center;padding:.5rem;transition:color .2s;display:flex}.btn-icon-refresh:hover{color:var(--gold);border-color:var(--gold-border)}.stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.3rem;padding:1rem 1.2rem;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.stat-value{color:var(--text);font-size:1.5rem;font-weight:700}.stat-value.gold{color:var(--gold)}.stat-value.amber{color:var(--amber)}.stat-value.green{color:var(--green)}.orders-list{flex-direction:column;gap:.75rem;display:flex}.loading-state{text-align:center;color:var(--text-muted);padding:3rem;font-size:.9rem}.empty-state{text-align:center;color:var(--text-muted);padding:3rem}.empty-state svg{opacity:.2;margin-bottom:.5rem}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s;overflow:hidden}.order-card:hover{border-color:var(--border-2)}.order-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:1rem;padding:.9rem 1.2rem;display:flex}.order-card-header:hover{background:#ffffff05}.order-id{color:var(--gold);letter-spacing:.04em;font-family:monospace;font-size:.88rem;font-weight:700}.order-customer{color:var(--text);flex:1;font-size:.88rem}.order-city{color:var(--text-muted);font-size:.8rem}.order-total{color:var(--text);white-space:nowrap;margin-left:auto;font-size:.95rem;font-weight:700}.order-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.order-card.expanded .order-chevron{transform:rotate(180deg)}.status-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.status-pending{color:var(--amber);background:#f59e0b26;border:1px solid #f59e0b4d}.status-dispatched{color:var(--green);background:#22c55e1f;border:1px solid #22c55e40}.order-card-body{border-top:1px solid var(--border);padding:0 1.2rem 1.2rem;display:none}.order-card.expanded .order-card-body{grid-template-columns:1fr 1fr;gap:1rem;padding-top:1rem;display:grid}.order-detail-block{flex-direction:column;gap:.4rem;display:flex}.order-detail-row{gap:.5rem;font-size:.82rem;display:flex}.order-detail-row span:first-child{color:var(--text-muted);min-width:80px}.order-detail-row span:last-child{color:var(--text)}.order-items-block{grid-column:1/-1}.order-items-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.75rem}.order-box-row{align-items:flex-start;gap:.5rem;margin-bottom:.3rem;font-size:.82rem;display:flex}.order-box-label{color:var(--gold);min-width:50px;font-weight:600}.order-box-flavors{color:var(--text-muted)}.order-card-actions{border-top:1px solid var(--border);grid-column:1/-1;justify-content:flex-end;gap:.6rem;margin-top:.5rem;padding-top:.5rem;display:flex}.btn-dispatch{background:var(--gold);color:#000;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.45rem 1rem;font-size:.82rem;font-weight:700;transition:background .2s}.btn-dispatch:hover{background:var(--gold-dark)}.btn-delete{color:var(--red);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #ef444459;padding:.45rem 1rem;font-size:.82rem;font-weight:600;transition:background .2s,color .2s}.btn-delete:hover{background:var(--red);color:#fff}.dispatched-mark{color:var(--green);align-items:center;gap:.3rem;font-size:.82rem;font-weight:600;display:flex}.panel{background:var(--surface);border:1px solid var(--gold-border);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.2rem 1.5rem}.panel-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.panel-title{color:var(--gold);font-size:.95rem;font-weight:600}.panel-footer{justify-content:flex-end;margin-top:1rem;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.field-full{grid-column:1/-1}.products-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.product-card-admin{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s;overflow:hidden}.product-card-admin:hover{border-color:var(--border-2)}.product-card-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.product-card-name{align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;display:flex}.product-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:9px;height:9px}.toggle-pill{cursor:pointer;align-items:center;gap:.5rem;display:flex}.toggle-pill input{display:none}.toggle-track{background:#333;border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.toggle-track:after{content:"";background:#666;border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.toggle-pill input:checked+.toggle-track{background:#d4af3733}.toggle-pill input:checked+.toggle-track:after{background:var(--gold);transform:translate(16px)}.toggle-pill-label{color:var(--text-muted);min-width:48px;font-size:.75rem}.product-card-fields{grid-template-columns:1fr 1fr;gap:.6rem;padding:.9rem 1rem;display:grid}.pf-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem;font-size:.68rem;display:block}.pf-group input,.pf-group textarea{background:var(--surface-2);border:1px solid var(--border-2);width:100%;color:var(--text);border-radius:var(--radius-sm);padding:.4rem .6rem;font-family:Inter,sans-serif;font-size:.82rem;transition:border-color .2s}.pf-group input:focus,.pf-group textarea:focus{border-color:var(--gold);outline:none}.pf-group textarea{resize:vertical}.pf-full{grid-column:1/-1}.product-card-footer{border-top:1px solid var(--border);justify-content:flex-end;padding:.75rem 1rem;display:flex}.settings-panels{grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.5rem;display:grid}.settings-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.9rem;padding:1.2rem 1.4rem;display:flex}.settings-panel-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding-bottom:.8rem;font-size:.85rem;font-weight:600;display:flex}.qr-preview-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:80px;padding:.8rem;display:flex}.qr-preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem;font-size:.7rem}.qr-preview-box img{border-radius:6px;max-width:120px}.qr-empty-msg{color:var(--text-dim);font-size:.78rem}.settings-save-row{justify-content:flex-end;display:flex}.btn-primary{background:var(--gold);color:#000;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.55rem 1.3rem;font-size:.85rem;font-weight:700;transition:background .2s,opacity .2s;display:inline-flex}.btn-primary:hover{background:var(--gold-dark)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost-sm{border:1px solid var(--border-2);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.4rem .9rem;font-size:.82rem;transition:color .2s,border-color .2s}.btn-ghost-sm:hover{color:var(--text);border-color:#ffffff40}.btn-save{background:var(--gold);color:#000;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.4rem 1rem;font-size:.8rem;font-weight:700;transition:background .2s}.btn-save:hover{background:var(--gold-dark)}.btn-save:disabled{opacity:.55;cursor:not-allowed}.toast{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text);z-index:9999;border-radius:30px;padding:.7rem 1.4rem;font-size:.85rem;animation:.25s fadeSlideUp;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}@keyframes fadeSlideUp{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=900px){.stats-row{grid-template-columns:1fr 1fr}.settings-panels,.order-card.expanded .order-card-body{grid-template-columns:1fr}}@media (width<=700px){:root{--sidebar-w:60px}.sidebar-logo,.sidebar-tag,.nav-item span,.user-email{display:none}.nav-item{justify-content:center;padding:.7rem}.sidebar-brand{align-items:center}.user-chip{justify-content:center;padding:.5rem}.content-section{padding:1.2rem}.stats-row{grid-template-columns:1fr 1fr}.products-grid,.form-grid-2{grid-template-columns:1fr}.field-full{grid-column:1}}@media (width<=480px){.stats-row{grid-template-columns:1fr}.order-card-header{flex-wrap:wrap}}