:root{
  --wms-bg:#f4f6f8;
  --wms-card:#ffffff;
  --wms-text:#111827;
  --wms-muted:#6b7280;
  --wms-border:#e5e7eb;
}
*{box-sizing:border-box}
body{background:var(--wms-bg)}
.wms-wrap{
  max-width:760px;
  margin:0 auto;
  padding:18px 14px 40px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--wms-text);
}
.wms-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.wms-header h1{font-size:30px;line-height:1;margin:4px 0 6px}
.wms-header p,.wms-eyebrow{margin:0;color:var(--wms-muted);font-size:13px}
.wms-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.wms-refresh,.wms-btn{
  display:inline-block;
  border:1px solid var(--wms-border);
  background:#fff;
  color:#111827;
  padding:10px 14px;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
}
.wms-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-bottom:22px;
}
.wms-card{
  background:var(--wms-card);
  border:1px solid var(--wms-border);
  border-radius:16px;
  padding:16px;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.wms-card span{display:block;color:var(--wms-muted);font-size:13px;margin-bottom:6px}
.wms-card strong{display:block;font-size:22px;line-height:1.2}
.wms-card small{display:block;color:var(--wms-muted);margin-top:7px}
.wms-section h2{font-size:18px;margin:0 0 10px}
.wms-orders{display:grid;gap:10px}
.wms-order{
  display:block;
  background:#fff;
  border:1px solid var(--wms-border);
  border-radius:16px;
  padding:14px;
  text-decoration:none;
  color:var(--wms-text);
}
.wms-order-top,.wms-order-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.wms-order-top strong{font-size:17px}
.wms-total{font-size:17px;font-weight:800}
.wms-customer{font-weight:700;margin-top:8px}
.wms-products{
  color:var(--wms-muted);
  font-size:13px;
  margin:4px 0 10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.wms-order-bottom{font-size:12px;color:var(--wms-muted)}
.wms-status{
  padding:5px 8px;
  border-radius:999px;
  background:#eef2f7;
  color:#374151;
  font-weight:700;
}
.wms-status-completed{background:#ecfdf5;color:#065f46}
.wms-status-processing{background:#eff6ff;color:#1d4ed8}
.wms-status-on-hold{background:#fff7ed;color:#9a3412}
.wms-status-cancelled,.wms-status-failed,.wms-status-refunded{background:#fef2f2;color:#991b1b}
.wms-login,.wms-message{
  max-width:480px;
  margin:50px auto;
  background:#fff;
  border:1px solid var(--wms-border);
  border-radius:16px;
  padding:22px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.wms-login h2{margin-top:0}
.wms-empty{padding:20px;background:#fff;border:1px solid var(--wms-border);border-radius:16px}
.wms-footer{margin-top:18px;color:var(--wms-muted);font-size:11px;text-align:center}
@media(max-width:640px){
  .wms-grid{grid-template-columns:1fr}
  .wms-card strong{font-size:26px}
  .wms-wrap{padding-top:14px}
}