:root{color:#19213a;background:#f5f7fb;font-family:Inter,PingFang SC,sans-serif}body{margin:0}main{max-width:1040px;margin:auto;padding:40px 24px}header{margin-bottom:28px}h1{margin:0}header p,.hint{color:#667085}section{background:#fff;border:1px solid #e7eaf1;border-radius:12px;margin:16px 0;padding:20px}.metrics{background:0 0;border:0;grid-template-columns:repeat(4,1fr);gap:14px;padding:0;display:grid}article{color:#fff;background:#18264e;border-radius:12px;padding:20px}article small,td small{color:#667085;margin-top:4px;display:block}article strong{margin-top:8px;font-size:28px;display:block}form{flex-wrap:wrap;gap:10px;display:flex}input,select,button{font:inherit;border:1px solid #ccd3e0;border-radius:7px;padding:10px}button{color:#fff;cursor:pointer;background:#2c60d5;border:0}button.secondary{color:#263451;background:#eef2f8;border:1px solid #ccd3e0}button:disabled{cursor:not-allowed;opacity:.5}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf0f5;padding:10px}pre{white-space:pre-wrap;background:#fff6e8;border-radius:8px;padding:12px}.product-filters input{min-width:150px}.table-wrap{overflow-x:auto}.pagination{justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;display:flex}@media (width<=640px){.metrics{grid-template-columns:repeat(2,1fr)}}