.orders-manager{max-width:1180px;margin:0 auto}
.orders-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 210px auto;gap:14px;align-items:end;margin:22px 0 14px}
.orders-toolbar .search-box{height:44px;margin:0}
.orders-toolbar>label{display:grid;gap:7px;color:#aaa8bb;font-size:11px;font-weight:800}
.orders-toolbar select{height:44px;border:1px solid var(--border);border-radius:11px;background:#0d0d1c;color:#f6f4ff;padding:0 12px;font:inherit}
.orders-toolbar strong{padding:13px 0;color:#9bf1df;font-size:12px;white-space:nowrap}
.orders-list{display:grid;gap:13px}
.order-card{overflow:hidden;border:1px solid var(--border);border-radius:17px;background:linear-gradient(145deg,#111124,#0a0a16);box-shadow:0 14px 34px #0003}
.order-card-head{display:flex;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid #ffffff12}
.order-card-head small,.order-customer small{display:block;color:#8f8da1;font-size:10px}
.order-card-head h3{margin:4px 0 0;color:#f7f5ff;font-size:17px}
.order-card-head time{display:block;margin-top:5px;color:#aaa8bb;font-size:10px}
.order-status-select{min-width:145px;height:39px;border:1px solid #ffffff20;border-radius:10px;background:#17172b;color:#f5f3ff;padding:0 10px;font-weight:800}
.order-card-body{display:grid;grid-template-columns:240px minmax(0,1fr) 120px;gap:18px;padding:17px 18px}
.order-customer strong,.order-customer a{display:block;margin-top:5px;color:#eeeafb;font-size:13px}
.order-customer a{color:#79ead5}
.order-items{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.order-items li{display:flex;justify-content:space-between;gap:14px;color:#c8c5d5;font-size:12px}
.order-items b{color:#f3f1fa}
.order-total{text-align:right}
.order-total small{display:block;color:#8f8da1;font-size:10px}
.order-total strong{display:block;margin-top:5px;color:#8cf0dc;font-size:20px}
.order-source{display:inline-block;margin-top:9px;padding:5px 8px;border:1px solid #ffffff16;border-radius:99px;color:#aaa8bb;font-size:9px;text-transform:uppercase}
@media(max-width:760px){
  .orders-toolbar{grid-template-columns:1fr}
  .orders-toolbar strong{padding:0}
  .order-card-head{align-items:stretch;flex-direction:column}
  .order-status-select{width:100%}
  .order-card-body{grid-template-columns:1fr}
  .order-total{text-align:left}
}
