:root{
  --ink:#1b1330;
  --paper:#faf8f5;
  --card:#ffffff;
  --accent:#5b3df0;
  --line:#e7e2f4;
  --muted:#8b83a3;
  --pending:#f5a524;
  --processing:#3aa0ff;
  --hold:#8b5cf6;
  --completed:#2bb673;
  --cancelled:#e5484d;
  --steadfast:#0f766e;
  --pathao:#dc2626;
  --redx:#b91c1c;
}
*{box-sizing:border-box;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);}
header{background:var(--ink);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;}
header h1{font-size:17px;margin:0;font-weight:700;}
header span{font-size:11.5px;color:#b9aef0;}
.wrap{max-width:960px;margin:0 auto;padding:16px;}

.toolbar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.toolbar input{flex:1;min-width:150px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px;}
.toolbar select{padding:9px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px;background:#fff;}
.toolbar button{padding:9px 14px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:13px;cursor:pointer;}

.order{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px;}
.order-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;}
.order-id{font-size:11px;color:var(--muted);}
.order-name{font-weight:700;font-size:15px;margin:2px 0;}
.order-detail{font-size:12.5px;color:var(--muted);line-height:1.6;}
.badge{font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:99px;white-space:nowrap;color:#fff;}
.courier-tag{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;color:#fff;padding:3px 9px;border-radius:6px;}

.order-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
.order-actions button{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:8px;font-size:12.5px;cursor:pointer;}
.order-actions button.primary{background:var(--accent);color:#fff;border:none;font-weight:600;}
.order-actions button.ghost{color:var(--muted);}

.empty{text-align:center;color:var(--muted);font-size:13px;padding:40px 10px;}
.error-banner{background:#fdecea;border:1px solid #f5b5b0;color:#b3261e;padding:12px;border-radius:10px;font-size:12.5px;margin-bottom:12px;line-height:1.6;}

.modal-overlay{position:fixed;inset:0;background:rgba(20,10,40,0.45);display:flex;align-items:flex-end;justify-content:center;z-index:50;}
.modal-overlay.hidden{display:none;}
.modal{background:#fff;border-radius:16px 16px 0 0;padding:18px;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;}
.modal h3{margin:0 0 12px;font-size:15px;}
.modal label{font-size:11.5px;color:var(--muted);display:block;margin:10px 0 4px;}
.modal select, .modal input{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px;}
.modal-actions{display:flex;gap:8px;margin-top:16px;}
.modal-actions button{flex:1;padding:10px;border-radius:9px;border:1px solid var(--line);background:#fff;font-size:13px;cursor:pointer;}
.modal-actions button.primary{background:var(--accent);color:#fff;border:none;font-weight:700;}
.error-text{color:#b3261e;font-size:12px;margin-top:8px;}
.order-summary-box{background:var(--paper);border-radius:10px;padding:10px;font-size:12.5px;line-height:1.6;}

.report-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;}
.risk-pill{display:inline-block;padding:5px 12px;border-radius:99px;font-size:12px;font-weight:700;color:#fff;margin-bottom:10px;}
.risk-trusted{background:var(--completed);}
.risk-moderate{background:var(--pending);}
.risk-risky{background:var(--cancelled);}
.risk-new_customer{background:var(--processing);}
.risk-unknown{background:var(--muted);}