.order-center{margin-top:24px;color:#e8f5fc}.order-hero{display:flex;align-items:center;justify-content:space-between;padding:26px 28px;border:1px solid rgba(86,174,219,.3);border-radius:14px;background:radial-gradient(circle at 80% 0,rgba(20,137,194,.3),transparent 42%),linear-gradient(135deg,#0c426d,#082b49);box-shadow:0 16px 34px rgba(0,0,0,.18)}.order-hero>div>small,.order-analytics header small,.order-tracking header small{color:#56d4d9;letter-spacing:2px;font-size:10px}.order-hero h2{margin:8px 0 6px;font-size:30px}.order-hero p{margin:0;color:#99b9cb}.order-sync{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(95,208,181,.35);border-radius:10px;background:rgba(5,35,58,.55)}.order-sync i{width:9px;height:9px;border-radius:50%;background:#3fe0b2;box-shadow:0 0 10px #3fe0b2}.order-sync i.warn{background:#f4ad45;box-shadow:0 0 10px #f4ad45}.order-sync span{font-size:13px}.order-sync small{display:block;margin-top:4px;color:#8eafc1;font-size:11px}.order-sync a{margin-left:15px;color:#61d9f5;text-decoration:none;font-size:12px}.order-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.order-kpis article{padding:18px 20px;border:1px solid rgba(86,174,219,.28);border-radius:11px;background:linear-gradient(145deg,rgba(15,73,112,.96),rgba(8,43,71,.96))}.order-kpis small,.order-kpis span{display:block;color:#94b5c7;font-size:12px}.order-kpis strong{display:block;margin:10px 0 6px;color:#65dcff;font-size:25px}.order-kpis .warn strong{color:#ffc563}.order-tabs{display:flex;gap:8px;padding:7px;border:1px solid rgba(86,174,219,.23);border-radius:10px;background:#082d4b}.order-tabs a{padding:10px 20px;border-radius:7px;color:#a9c5d5;text-decoration:none;font-size:13px}.order-tabs a.active{color:#fff;background:linear-gradient(110deg,#1881c7,#12a5b9);box-shadow:0 5px 16px rgba(19,150,191,.26)}.order-filters{display:grid;grid-template-columns:1fr .8fr .8fr 1.7fr auto;gap:12px;align-items:end;margin-top:14px;padding:17px 18px;border:1px solid rgba(86,174,219,.22);border-radius:10px;background:rgba(7,41,68,.72)}.order-filters label{display:grid;gap:7px;color:#91b2c4;font-size:11px}.order-filters input,.order-filters select{min-width:0;padding:10px 11px;border:1px solid #2f6485;border-radius:6px;color:#eef9ff;background:#071f34}.order-filters button{height:37px;padding:0 20px;border:0;border-radius:6px;color:#fff;background:#168fc3;cursor:pointer}.order-content{margin-top:14px;border:1px solid rgba(86,174,219,.25);border-radius:12px;background:linear-gradient(145deg,rgba(11,57,89,.98),rgba(6,36,60,.98));overflow:hidden}.order-table-wrap{overflow:auto}.order-table{width:100%;border-collapse:collapse}.order-table th,.order-table td{padding:14px 17px;border-bottom:1px solid rgba(109,174,207,.16);text-align:left;font-size:12px;vertical-align:middle}.order-table th{color:#9fc1d3;background:rgba(21,84,119,.52);font-weight:500}.order-table td{color:#dcecf4}.order-table td>b,.order-table td>strong{display:block;max-width:380px;color:#f2fbff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-table td>small{display:block;margin-top:5px;color:#789db2}.order-table tr:hover td{background:rgba(48,143,187,.1)}.order-status{display:inline-block;padding:5px 9px;border:1px solid rgba(80,204,176,.45);border-radius:20px;color:#61dfbd;background:rgba(29,121,101,.17);font-size:11px}.order-status.pending{color:#ffc76b;border-color:rgba(245,174,62,.45);background:rgba(128,82,17,.2)}.order-status.shipped{color:#61d7fa;border-color:rgba(61,190,235,.45);background:rgba(24,104,139,.2)}.order-status.after_sales,.order-status.closed{color:#ff9393;border-color:rgba(235,91,91,.4);background:rgba(135,38,38,.17)}.muted{color:#6f94a8}.order-pages{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;color:#8fb0c2;font-size:12px}.order-pages a{display:inline-block;margin-left:8px;padding:7px 12px;border:1px solid #367092;border-radius:6px;color:#bce9f8;text-decoration:none}.order-analytics,.order-tracking{padding:21px}.order-analytics header,.order-tracking header{display:flex;align-items:center;justify-content:space-between}.order-analytics h3,.order-tracking h3{margin:5px 0 0;font-size:19px}.order-analytics header>span,.order-tracking header>span{color:#83a5b8;font-size:11px}.order-trend-chart{width:100%;height:260px;margin:15px 0 3px;padding:5px;background:linear-gradient(rgba(36,103,139,.22) 1px,transparent 1px);background-size:100% 25%}.order-tracking-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.order-tracking-grid a{position:relative;overflow:hidden;min-height:128px;padding:17px;border:1px solid rgba(86,174,219,.25);border-radius:9px;color:#fff;background:rgba(13,67,101,.62);text-decoration:none}.order-tracking-grid strong{display:block;margin:14px 0 5px;font-size:27px}.order-tracking-grid small{color:#8eb0c1}.order-tracking-grid i{position:absolute;left:0;bottom:0;height:3px;background:#42d4f4}.order-tracking>p,.order-compliance{color:#779bad;font-size:11px;line-height:1.8}.order-compliance{margin:13px 3px}.order-empty{padding:50px!important;text-align:center!important;color:#799daf!important}@media(max-width:1050px){.order-kpis{grid-template-columns:repeat(2,1fr)}.order-filters{grid-template-columns:repeat(2,1fr)}.order-filters button{grid-column:span 2}.order-tracking-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.order-hero{align-items:flex-start;flex-direction:column;gap:18px}.order-sync{width:100%;flex-wrap:wrap}.order-kpis{grid-template-columns:1fr}.order-tabs{overflow:auto}.order-tabs a{white-space:nowrap}.order-filters{grid-template-columns:1fr}.order-filters button{grid-column:auto}.order-tracking-grid{grid-template-columns:1fr}.order-trend-chart{height:180px}}
