:root{--blue:#3156c9;--blue-dark:#2443a6;--bg:#f3f6fb;--card:#fff;--line:#dbe4f0;--text:#102033;--muted:#6b778c;--green:#15905b;--red:#c93b4a;--orange:#d98b18}
*{box-sizing:border-box} body{background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;margin:0}.navbar{background:linear-gradient(90deg,var(--blue-dark),var(--blue));box-shadow:0 2px 12px #16306b30}.navbar-brand{font-weight:800}.nav-link{cursor:pointer;color:#eef4ff!important}.nav-link.active{background:#ffffff22;border-radius:10px}.page{display:none}.page.active{display:block}.container-fluid.app{max-width:1500px}.auth-shell{min-height:calc(100vh - 20px);display:flex;align-items:center;justify-content:center;padding:30px}.auth-card{width:100%;max-width:460px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 50px #152c5b18;padding:30px}.card{border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px #152c5b0f}.card-header{background:#fff;border-bottom:1px solid var(--line);font-weight:700;border-radius:16px 16px 0 0!important}.btn{border-radius:10px;font-weight:650}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-success{background:var(--green);border-color:var(--green)}.btn-danger{background:var(--red);border-color:var(--red)}.form-control,.form-select{border-radius:11px;border-color:#cbd7e7}.table{margin-bottom:0}.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#3d4a5f;background:#f8fafd}.table td,.table th{vertical-align:middle}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.stat{padding:20px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px #152c5b0d}.stat .num{font-size:32px;font-weight:800}.stat .label{color:var(--muted);font-size:13px}.badge-soft{border-radius:999px;padding:6px 10px;background:#edf3ff;color:#2443a6;font-weight:700}.status-Draft{background:#eef2f7;color:#56657a}.status-Delivered{background:#e6f7ee;color:#087343}.status-Delayed,.status-Cancelled{background:#fdecee;color:#a12b38}.status-In,.status-Ready,.status-Picked{background:#fff4df;color:#935b08}.details-box{background:#f8fafd;border:1px solid var(--line);border-radius:14px;padding:16px}.toast-msg{position:fixed;right:20px;bottom:20px;z-index:9999;min-width:280px}.timeline{border-left:3px solid #dbe4f0;padding-left:18px}.timeline-item{margin-bottom:16px}.timeline-time{font-size:12px;color:var(--muted)}.clickable{cursor:pointer}.clickable:hover{background:#f4f7ff}.small-muted{color:#e9efff}.hidden{display:none!important}.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.muted{color:var(--muted)}textarea{min-height:88px}.action-cell{white-space:nowrap}.id-pill{font-family:Consolas,monospace;background:#eef3fb;border-radius:8px;padding:4px 8px}.comment{border-bottom:1px solid var(--line);padding:10px 0}.permission-list{line-height:1.8}.hero{background:#eaf2ff;border:1px solid #bdd2ff;color:#12337d;border-radius:16px;padding:18px;margin-bottom:18px}.auth-switch a{cursor:pointer;text-decoration:none;font-weight:700}
/* Small UI polish for the training dashboard; vulnerabilities are intentionally kept in APIs/rendering paths. */
.stat{transition:.15s ease}.stat:hover{transform:translateY(-1px);box-shadow:0 14px 36px #152c5b18}.badge-soft{display:inline-block;min-width:86px;text-align:center}.status-Ready-for-pickup,.status-Picked-up{background:#fff4df;color:#935b08}.status-In-transit{background:#eaf2ff;color:#2443a6}.status-In-warehouse{background:#fff4df;color:#935b08}.status-Draft{background:#eef2f7;color:#56657a}.status-Delivered{background:#e6f7ee;color:#087343}.status-Delayed,.status-Cancelled{background:#fdecee;color:#a12b38}.status-Open,.status-In-Progress,.status-Waiting-for-customer{background:#eaf2ff;color:#2443a6}.status-Closed{background:#e6f7ee;color:#087343}.hero #clockBox{font-variant-numeric:tabular-nums;line-height:1.6}.action-cell .btn{margin-bottom:3px}.modal-body .details-box{overflow:auto}.table a{cursor:pointer;text-decoration:none;font-weight:650}.table a:hover{text-decoration:underline}

.per-select{max-width:110px}.pager{display:flex;gap:.35rem;align-items:center;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}.pager .btn{padding:.2rem .55rem}.status-badge{border-radius:999px;padding:.23rem .55rem;font-weight:700;font-size:.8rem}.status-Draft{background:#eef1f5;color:#435064}.status-Delivered{background:#ddf7e8;color:#007845}.status-Delayed,.status-Cancelled{background:#ffe1e4;color:#a51624}.status-In,.status-Picked,.status-Ready{background:#fff1d7;color:#935800}.history-item{border-left:3px solid #d7e3ff;padding-left:10px;margin-bottom:8px}.permission-grid{display:grid;grid-template-columns:1fr;gap:4px}.hidden-by-permission{display:none!important}
.role-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;margin-bottom:12px}.load-inline-card{box-shadow:none;border:1px solid #cfe0ff}.load-expanded-row>td{background:#f8fbff!important;padding:12px!important}.table tr.clickable:hover td{background:#f4f7ff}.action-cell{white-space:nowrap;min-width:180px}