:root{font-family:Inter,system-ui,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#fff7ed,#f8fafc 30%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0;border-radius:14px;padding:.85rem 1rem;background:#1d4ed8;color:#fff;cursor:pointer}button.secondary{background:#e2e8f0;color:#0f172a}input,select,textarea{width:100%;margin-top:.4rem;border:1px solid #cbd5e1;border-radius:14px;padding:.85rem 1rem;background:#fff}textarea{min-height:96px;resize:vertical}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#f8fafcf0;border-bottom:1px solid #e2e8f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar h1,.hero h2,.panel h2,.panel h3,.card h4{margin:0}.eyebrow{margin:0 0 .25rem;color:#c2410c;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.nav{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.layout-public,.layout-staff{max-width:1200px;margin:0 auto;padding:1.25rem}.grid{display:grid;gap:1rem}.products-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.checkout-grid,.admin-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.staff-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.hero{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.panel,.card{background:#ffffffdb;border:1px solid #e2e8f0;border-radius:24px;padding:1rem;box-shadow:0 18px 50px #0f172a0f}.panel-accent{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff}.card{display:flex;flex-direction:column;justify-content:space-between;min-height:220px}.card-footer,.row-between{display:flex;justify-content:space-between;gap:1rem;align-items:center}.stack-sm,.stack-md,.stack-lg{display:grid}.stack-sm{gap:.75rem}.stack-md{gap:1rem}.stack-lg{gap:1.5rem}.status-pill,.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.9rem;font-weight:700}.error{color:#b91c1c}.total-row{padding-top:.75rem;border-top:1px solid #e2e8f0}.auth-card{max-width:420px;margin:4rem auto}.floating-cart,.logout-button{position:fixed;right:1rem;z-index:20}.floating-cart{bottom:1rem;padding:.9rem 1rem;border-radius:999px;background:#ea580c;color:#fff;box-shadow:0 20px 40px #ea580c4d}.logout-button{top:5.5rem}.actions-wrap{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:768px){.topbar,.hero{grid-template-columns:1fr;display:grid}.topbar{align-items:start}.nav{width:100%}.floating-cart{left:1rem;right:1rem;text-align:center}}