*{box-sizing:border-box}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f3f5f7;color:#17202a}body{margin:0}.wrap{max-width:980px;margin:0 auto;padding:18px}.top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.brand{font-size:1.25rem;font-weight:800}.muted{color:#68737d;font-size:.9rem}.nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.btn,a.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;padding:10px 13px;background:#17202a;color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.btn.secondary{background:#fff;color:#17202a;border:1px solid #d8dee4}.btn.danger{background:#9b1c1c}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.kpi{background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 4px #00000012}.kpi strong{display:block;font-size:1.6rem}.section-title{display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px}.section-title h2{font-size:1rem;margin:0;text-transform:uppercase;letter-spacing:.04em}.order{background:#fff;border-radius:14px;padding:14px;margin-bottom:9px;box-shadow:0 1px 4px #00000010;border-left:5px solid #c7ced6}.order.open{border-left-color:#cf3f32}.order.shipped{border-left-color:#4575a8}.row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.order-no{font-weight:800;font-size:1.05rem}.amount{font-weight:800;white-space:nowrap}.shop{font-size:.82rem;font-weight:800;text-transform:uppercase;color:#59636d}.status{display:inline-block;border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:800;background:#eef1f4}.status.open{background:#fde9e7;color:#9c271e}.status.shipped{background:#e9f1fa;color:#24537d}.status.completed{background:#e8f5eb;color:#27653a}.error{background:#fff1f1;border:1px solid #f0c2c2;border-radius:10px;padding:10px;margin:8px 0}.ok{background:#eef9f0;border:1px solid #c2e6c8;border-radius:10px;padding:10px;margin:8px 0}form.card,.card{background:#fff;padding:16px;border-radius:14px;box-shadow:0 1px 4px #00000010;margin-bottom:14px}label{display:block;font-weight:700;margin:12px 0 5px}input,select{width:100%;padding:11px 12px;border-radius:9px;border:1px solid #cbd3da;font:inherit}input[type=checkbox]{width:auto}.table-wrap{overflow:auto;background:#fff;border-radius:14px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid #edf0f2;vertical-align:top}.table th{font-size:.8rem;text-transform:uppercase;color:#68737d}.login{max-width:420px;margin:8vh auto}.empty{background:#fff;padding:18px;border-radius:14px;color:#68737d}.fresh{font-size:.75rem;color:#a52b20;font-weight:800}.footer{margin:22px 0;color:#7b858e;font-size:.82rem;text-align:center}@media(min-width:720px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.wrap{padding:26px}}@media(max-width:520px){.wrap{padding:12px}.top{align-items:flex-start}.top .muted{text-align:right}.order{padding:12px}.btn{padding:9px 11px}}