:root{color:#07172f;background:#f7f4ee;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.app{max-width:1120px;margin:0 auto;padding:28px}.hero{color:#fff;background:linear-gradient(135deg,#0d4f43,#286f64);border-radius:28px;justify-content:space-between;align-items:center;gap:20px;padding:34px;display:flex;box-shadow:0 22px 50px #0f3c3233}.eyebrow{letter-spacing:.14em;opacity:.8;font-size:12px}.hero h1{margin:16px 0 8px;font-size:42px}.hero p{margin:0;font-size:17px}.stat{text-align:center;background:#ffffff21;border:1px solid #ffffff2e;border-radius:22px;min-width:170px;padding:26px}.stat strong{font-size:46px;display:block}.toolbar{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.tab,.btn{cursor:pointer;border:0;border-radius:999px;padding:14px 22px;font-weight:800}.tab{background:#e9e3d7}.tab.active,.btn.primary{color:#fff;background:#ff731d}.btn.secondary{color:#fff;background:#133f37}.btn.ghost{background:#fff}.grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.card{background:#fff;border:1px solid #eee;border-radius:24px;padding:22px;box-shadow:0 12px 34px #0c1e2d14}.cardTop{justify-content:space-between;gap:12px;display:flex}.orderId{font-size:24px;font-weight:900}.badge{background:#d5f9df;border-radius:999px;height:max-content;padding:10px 14px;font-weight:900}.muted{color:#64748b}.customer{margin-top:18px;font-weight:900}.items{border-top:1px solid #eee;border-bottom:1px solid #eee;margin:18px 0;padding:12px 0}.line{justify-content:space-between;margin:10px 0;display:flex}.total{font-size:18px;font-weight:900}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.empty{text-align:center;color:#64748b;background:#fff;border-radius:24px;padding:60px}.error{color:#991b1b;background:#fff1f1;border-radius:14px;margin:12px 0;padding:14px}@media (width<=700px){.hero{display:block}.stat{margin-top:20px}.hero h1{font-size:34px}.app{padding:16px}}