.module-page{min-height:100vh;background:#f6f9fd;color:#132b50}
.module-head{height:auto;min-height:110px;padding:22px 6%;gap:24px;justify-content:flex-start}
.module-head>div{flex:1}
.module-head h1{margin:9px 0 3px;font-size:27px}
.module-head p,.crumb{color:#74859c;font-size:12px}
.crumb{font-size:11px}
.module-content{max-width:1250px;margin:auto;padding:0 25px 50px}
.toolbar{display:flex;gap:10px;margin:20px 0}
.toolbar input{max-width:360px;background:#fff}
.toolbar select{border:1px solid #d9e5f1;border-radius:10px;padding:0 14px;background:#fff;color:#59708f}
.module-card{background:#fff;border:1px solid #e1eaf4;border-radius:15px;padding:15px;overflow:auto}
.module-card table{width:100%;border-collapse:collapse;min-width:650px}
.module-card th,.module-card td{padding:15px 12px;border-bottom:1px solid #edf2f7;text-align:right;font-size:13px}
.module-card th{color:#7890ad;font-size:12px;background:#fbfdff}
.module-card .state{color:#109a6e;font-weight:600}
.icon-btn{border:1px solid #dbe6f1;background:#fff;border-radius:7px;padding:4px 9px}
.pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 5px;color:#71859f;font-size:12px}
.pagination button{border:1px solid #dbe6f1;background:#fff;border-radius:7px;padding:7px 11px;margin-right:5px}
.pagination .current{background:#0757b8;color:#fff}
.empty{text-align:center;padding:50px;color:#8193a9}
.modal-backdrop{position:fixed;inset:0;background:#102b5055;display:grid;place-items:center;z-index:10}
.modal{background:#fff;border-radius:16px;padding:25px;width:min(420px,calc(100% - 30px));display:grid;gap:14px}
.modal h2{margin:0}
.modal p{color:#71859f;font-size:13px}
.modal-actions{display:flex;justify-content:flex-end;gap:8px}
.checkout-content,.tracking-content{max-width:760px}
.checkout-card{display:grid;gap:15px;overflow:visible}
.checkout-card label{display:grid;gap:7px;color:#324966;font-size:13px;font-weight:600}
.checkout-card input,.checkout-card select,.checkout-card textarea{width:100%;border:1px solid #d9e5f1;border-radius:11px;background:#fff;padding:12px 13px;color:#132b50}
.checkout-card input:focus,.checkout-card select:focus,.checkout-card textarea:focus{border-color:#123b32;box-shadow:0 0 0 3px #123b3218}
.checkout-costs{display:grid;gap:9px;border-block:1px solid #edf2f7;padding:15px 0}
.checkout-costs span{display:flex;justify-content:space-between;color:#71859f}
.checkout-costs b{color:#233b58}
.checkout-costs .checkout-total{font-size:15px;color:#132b50}
.checkout-total b{color:#123b32;font-size:17px}
.checkout-submit{width:100%;border:0;border-radius:11px;color:#fff;padding:13px;cursor:pointer}
.checkout-submit:disabled{cursor:not-allowed;opacity:.55}
.tracking-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}
.tracking-summary>div{display:grid;gap:6px;padding:14px;border-radius:12px;background:#f6f9fd}
.tracking-summary span{font-size:11px;color:#74859c}
.tracking-summary b{font-size:13px}
.tracking-back,.tracking-error .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:11px 16px;color:#fff;text-decoration:none}
.tracking-error{text-align:center}
.tracking-error p{color:#71859f}
.tracking-skeleton{display:grid;gap:14px}
.tracking-skeleton span{height:62px;border-radius:12px;background:linear-gradient(90deg,#edf2f7,#f8fafc,#edf2f7);background-size:200% 100%;animation:tracking-pulse 1.2s linear infinite}
@keyframes tracking-pulse{to{background-position:-200% 0}}
.module-head .logo:has(img){display:grid;place-items:center;width:132px;height:78px;padding:0;overflow:hidden;border-radius:14px;background:#08080c;border:1px solid #392b64}.module-head .logo img{width:100%;height:100%;object-fit:contain}
@media(max-width:600px){
  .module-head{display:block}
  .module-head .btn{margin-top:14px}
  .toolbar{display:grid}
  .toolbar input{max-width:none}
  .toolbar select{height:46px}
  .tracking-summary{grid-template-columns:1fr}
  .checkout-content,.tracking-content{padding-inline:14px}
  .checkout-card{padding:16px}
}