:root{--bg:#0b0c0e;--surface:#15171a;--surface-2:#1e2024;--text:#f5f5f5;--muted:#9ba3af;--accent:#f2a900;--accent-2:#ffbe3d;--danger:#e94e4e;--success:#2ecc71;--radius:.75rem}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.container{width:min(1120px,100% - 2rem);margin:0 auto;padding:1.5rem 0}.btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0b0c0e;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-weight:700;transition:filter .15s,transform 50ms;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn-ghost{color:var(--text);border:1px solid var(--surface-2);background:0 0}.card{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);padding:1rem}.badge{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:.2rem .6rem;font-size:.8rem;display:inline-block}@media (max-width:640px){.grid-products{grid-template-columns:repeat(2,1fr)}}.header{background:var(--surface);border-bottom:1px solid var(--surface-2);z-index:50;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.logo{align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800;display:flex}.logo-icon{font-size:1.6rem}.nav{align-items:center;gap:1rem;display:flex}.nav-link{color:var(--muted);font-size:.95rem;transition:color .15s}.nav-link:hover{color:var(--text)}.cart-btn{background:var(--surface-2);border-radius:999px;padding:.5rem 1rem;font-size:.9rem}.hero{text-align:center;background:radial-gradient(ellipse at top, var(--surface), var(--bg) 60%);padding:5rem 0 4rem}.hero-title{margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.1}.hero-subtitle{color:var(--muted);max-width:560px;margin:0 auto 2rem;font-size:1.1rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.store-hero{text-align:center;padding:2.5rem 0 1.5rem}.store-title{margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.store-subtitle{color:var(--muted)}.store-section{padding:1rem 0 3rem}.store-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.store-section-title{font-size:1.2rem;font-weight:700}.product-card{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden}.product-card:hover{border-color:var(--accent)}.product-thumb{background:var(--surface-2);place-items:center;height:120px;font-size:2.5rem;display:grid}.product-body{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex}.product-name{font-size:1.05rem;font-weight:700}.product-desc{color:var(--muted);flex:1;font-size:.85rem}.product-footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;padding:1rem 0 3rem;display:grid}.dashboard-hero{padding:2.5rem 0 1.5rem}.dashboard-title{margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.dashboard-subtitle{color:var(--muted)}.card-title{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.card-muted{color:var(--muted);font-size:.95rem}.dashboard-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.dashboard-actions{text-align:center;padding:2rem 0}.dashboard-loading{text-align:center;padding:4rem 0}.card-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.product-add:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.dashboard-shell{grid-template-columns:220px 1fr;min-height:calc(100vh - 64px);display:grid}.dashboard-aside{background:var(--surface);border-right:1px solid var(--surface-2);flex-direction:column;gap:1rem;padding:1rem;display:flex}.dashboard-brand{align-items:center;gap:.5rem;padding:.5rem;font-size:1.2rem;font-weight:800;display:flex}.dashboard-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.dashboard-nav-link{border-radius:var(--radius);color:var(--muted);padding:.6rem .9rem;transition:all .15s}.dashboard-nav-link:hover,.dashboard-nav-link.active{background:var(--surface-2);color:var(--text)}.dashboard-aside-footer{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.dashboard-user{color:var(--muted);word-break:break-all;font-size:.85rem}.dashboard-main{padding:1.5rem;overflow:auto}.card-big{margin-top:.5rem;font-size:2rem;font-weight:900}.table-wrap{margin-top:1rem;overflow-x:auto}.data-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--surface-2);padding:.75rem 1rem}.data-table th{color:var(--muted);font-size:.85rem}.status{background:var(--surface-2);border-radius:999px;padding:.2rem .6rem;font-size:.8rem}.status.approved{color:var(--success);background:#2ecc7126}.status.pending_moderation{color:var(--accent);background:#f2a90026}@media (max-width:768px){.dashboard-shell{grid-template-columns:1fr}.dashboard-aside{border-right:none;border-bottom:1px solid var(--surface-2);flex-flow:wrap}.dashboard-nav{flex-direction:row;width:100%}}.form-card{margin-bottom:1.5rem}.form-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.form-row .login-input{flex:180px}.login-page{place-items:center;min-height:60vh;padding:2rem 1rem;display:grid}.login-card{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);width:min(380px,100%);padding:2rem}.login-title{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.login-form{flex-direction:column;gap:1rem;display:flex}.login-field{color:var(--muted);flex-direction:column;gap:.4rem;font-size:.9rem;display:flex}.login-input{border-radius:var(--radius);border:1px solid var(--surface-2);background:var(--bg);color:var(--text);padding:.65rem .9rem;font-size:1rem}.login-input:focus{border-color:var(--accent);outline:none}.login-error{color:var(--danger);border-radius:var(--radius);text-align:center;background:#e94e4e1a;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.footer{border-top:1px solid var(--surface-2);color:var(--muted);text-align:center;margin-top:auto;padding:2rem 0;font-size:.9rem}.store-layout{grid-template-columns:1fr 360px;align-items:start;gap:1.5rem;display:grid}@media (max-width:900px){.store-layout{grid-template-columns:1fr}}.grid-products{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.product-card{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.product-thumb{text-align:center;background:var(--surface-2);padding:1rem;font-size:2.5rem}.product-body{flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.product-name{margin:0;font-size:1rem}.product-desc{color:var(--muted);margin:0;font-size:.8rem}.product-footer{justify-content:space-between;align-items:center;display:flex}.product-price{font-size:1.1rem;font-weight:700}.product-add{padding:.4rem .8rem;font-size:.85rem}.cart-sidebar{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);padding:1rem;position:sticky;top:1rem}.cart-title{margin:0 0 .75rem;font-size:1.1rem}.cart-list{margin:0 0 .75rem;padding:0;list-style:none}.cart-item{border-bottom:1px solid var(--surface-2);align-items:center;gap:.5rem;padding:.4rem 0;font-size:.9rem;display:flex}.cart-item-name{flex:1}.cart-qty{align-items:center;gap:.3rem;display:flex}.cart-qty button{border:1px solid var(--surface-2);background:var(--bg);cursor:pointer;width:24px;height:24px;color:var(--text);border-radius:4px}.cart-item-price{white-space:nowrap;font-weight:600}.cart-remove{color:var(--danger);cursor:pointer;background:0 0;border:none;font-size:.9rem}.cart-total{text-align:right;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.cart-form{flex-direction:column;gap:.5rem;display:flex}.orders-list{flex-direction:column;gap:.75rem;display:flex}.order-card{padding:1rem}.order-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.order-id{font-weight:700}.order-time{color:var(--muted);margin-left:auto;font-size:.85rem}.order-client{margin-bottom:.5rem;font-size:.9rem}.vip-badge{color:#f2a93a;background:#f2a93a33;border-radius:4px;margin-left:.3rem;padding:.1rem .4rem;font-size:.75rem;font-weight:700;display:inline-block}.order-items{color:var(--muted);margin:0 0 .5rem;padding:0;font-size:.9rem;list-style:none}.order-items li{padding:.15rem 0}.order-footer{margin-bottom:.5rem;font-size:.9rem}.order-actions{gap:.5rem;display:flex}.btn-danger{background:var(--danger)}.btn-danger:hover{opacity:.9}.status.new{color:#3b82f6}.status.confirmed{color:#f2a93a}.status.ready{color:#2a7}.status.completed{color:var(--muted)}.status.cancelled,.status.no_show{color:var(--danger)}.signage-page{color:#fff;background:#0a0a0a;min-height:100vh;padding:2rem;font-family:system-ui,-apple-system,sans-serif}.signage-header{border-bottom:2px solid #222;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.signage-title{margin:0;font-size:3rem;font-weight:800}.signage-clock{font-variant-numeric:tabular-nums;color:#888;font-size:2.5rem;font-weight:300}.signage-loading,.signage-error,.signage-empty{text-align:center;color:#888;padding:4rem 0;font-size:2rem}.signage-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.signage-section{background:#111;border-radius:12px;padding:1.5rem}.signage-cat{border-bottom:1px solid #222;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.8rem;font-weight:700}.signage-items{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.signage-card{background:#1a1a1a;border-radius:10px;flex-direction:column;gap:.3rem;padding:1.2rem;transition:transform .2s;display:flex;position:relative}.signage-card.low-stock{border:1px solid #f2a93a}.signage-card-name{font-size:1.4rem;font-weight:700}.signage-card-meta{color:#888;font-size:1rem}.signage-card-price{color:#2a7;margin-top:auto;font-size:1.8rem;font-weight:800}.signage-badge{color:#000;background:#f2a93a;border-radius:6px;padding:.2rem .6rem;font-size:.85rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}
