:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#183969;background:#f5f7fc;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-size:16px}header{height:76px;padding:0 max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dbe3f3}header strong{font-size:23px}.badge{font-size:13px;background:#e8efff;padding:5px 10px;border-radius:6px;margin-left:14px}main{max-width:1440px;margin:30px auto;padding:0 24px}button,input,select{font:inherit;color:inherit;border:1px solid #cbd8ef;border-radius:8px;background:white;min-height:46px;padding:10px 15px}button{cursor:pointer;font-weight:600}button:hover{border-color:#4264d8}button:disabled{opacity:.4;cursor:default}button.primary,nav button[aria-pressed=true]{background:#4560db;color:white;border-color:#4560db}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a7baff;outline-offset:2px}label{display:grid;gap:8px;font-size:14px;font-weight:600}h1{font-size:30px;margin:8px 0 20px}.eyebrow{font-size:13px;letter-spacing:.08em;color:#6e82a6}.login-card{max-width:430px;margin:8vh auto;padding:36px;background:white;border:1px solid #dbe3f3;border-radius:16px}.login-card p{color:#6e82a6;line-height:1.6}.login-card form{display:grid;gap:22px;margin-top:26px}.heading{display:flex;justify-content:space-between;align-items:center}nav{display:flex;gap:8px;margin:18px 0 24px;flex-wrap:wrap}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:24px;background:white;border:1px solid #dbe3f3;border-radius:12px;margin-bottom:24px}.filter-actions{display:flex;gap:8px;align-items:end;grid-column:span 2}.metrics{display:flex;gap:18px;margin:18px 0;flex-wrap:wrap}.metric{padding:16px 22px;min-width:180px;background:white;border:1px solid #dbe3f3;border-radius:10px}.metric strong{display:block;font-size:26px;margin-top:7px;font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse;background:#fff;font-size:14px;text-align:left}th{background:#edf2fc;font-weight:600;color:#58709c}th,td{padding:15px 14px;border-bottom:1px solid #e1e8f5;line-height:1.5;white-space:nowrap}td:first-child{white-space:normal}tbody tr:hover{background:#f8faff}.table-wrap{overflow:auto;border:1px solid #dbe3f3;border-radius:10px}details{background:#fff;border:1px solid #dbe3f3;border-radius:10px;margin:14px 0;overflow:hidden}summary{padding:20px;cursor:pointer;line-height:1.7;font-weight:600}summary small{display:block;margin-left:18px;color:#6e82a6;font-weight:400}.order-data{padding:0 20px 20px}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:26px 0}.error{color:#aa3347;background:#fff0f2;padding:14px;border-radius:8px}#message:empty{display:none}.muted{color:#6e82a6}@media(max-width:900px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:0 16px;margin-top:22px}h1{font-size:25px}}@media(max-width:520px){header{padding:0 16px}.filters{padding:18px;gap:14px;grid-template-columns:1fr}.filter-actions{grid-column:auto}.heading{gap:10px}.heading button{white-space:nowrap}.login-card{padding:24px}.metric{min-width:140px;flex:1}nav button{flex:1;white-space:nowrap;padding:10px 8px}.pagination{gap:10px;font-size:13px}}