.demo-bar{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--o);color:#fff;text-align:center;font-weight:700;font-size:.72rem;letter-spacing:.12em;padding:.35rem;text-transform:uppercase}
header{top:0}main.wrap{padding-top:5.5rem;padding-bottom:5rem;min-height:100svh}
.links a.on{color:var(--y)}h1{font-size:clamp(3rem,10vw,5.5rem)}
.login{max-width:440px;margin:4rem auto;background:var(--c);padding:2rem;border-radius:22px;border-top:5px solid var(--y)}
label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--m);margin:.9rem 0 .3rem}
input,select,textarea{width:100%;background:#0d0d0d;color:#fff;border:2px solid #333;border-radius:12px;padding:.75rem;font:inherit}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--y)}
.tbl{width:100%;border-collapse:collapse;font-size:.92rem}.tbl th{text-align:left;color:var(--m);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;padding:.6rem .5rem;border-bottom:2px solid #333}
.tbl td{padding:.7rem .5rem;border-bottom:1px solid #262626;vertical-align:middle}.tbl tr.cl{cursor:pointer}.tbl tr.cl:hover td{background:#1c1c1c}
.scroll{overflow-x:auto}.pill{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;background:#333}
.pill.paid,.pill.delivered,.pill.ok{background:var(--m);color:#000}.pill.unpaid,.pill.pending,.pill.low{background:var(--y);color:#000}.pill.void,.pill.cancelled,.pill.out{background:#6b1d0c;color:#fff}.pill.shipped,.pill.confirmed{background:var(--g);color:#fff}
.pcard{background:var(--c);border-radius:18px;padding:1rem;display:flex;gap:1rem;align-items:center}.pcard img{width:56px;height:120px;object-fit:contain}
.pcard .q{display:flex;gap:.4rem;align-items:center;margin-top:.5rem}.pcard input{width:70px;padding:.45rem}
.pgrid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.bar{height:6px;background:#333;border-radius:9px;overflow:hidden;margin-top:.3rem}.bar i{display:block;height:100%;background:var(--m)}
.cart{position:sticky;bottom:2.2rem;background:#111;border:2px solid var(--y);border-radius:18px;padding:1rem;margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:1.5rem 0}.stats div{background:var(--c);border-radius:18px;padding:1rem;border-left:5px solid var(--y)}
.stats b{display:block;font-family:"Bebas Neue";font-size:2.8rem;font-weight:400;line-height:1;color:var(--y)}
.msgs{display:flex;flex-direction:column;gap:.7rem;margin:1rem 0}.msg{max-width:80%;padding:.8rem 1rem;border-radius:16px;background:var(--c)}.msg.mine{align-self:flex-end;background:var(--g)}.msg small{display:block;color:#bbb;font-size:.72rem;margin-bottom:.2rem}
.panel{background:var(--c);border-radius:18px;padding:1.2rem;margin:1rem 0}.row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.stripe{border:2px dashed var(--o);border-radius:16px;padding:1rem;margin-top:1rem}.btn.sm{padding:.45rem .9rem;font-size:.72rem}.btn:disabled{opacity:.4}
#toast{position:fixed;left:50%;bottom:3rem;transform:translateX(-50%);background:var(--y);color:#000;font-weight:700;padding:.7rem 1.2rem;border-radius:999px;display:none;z-index:40}
.err{color:#ff8a65}.muted{color:#999}.tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin:1rem 0}