:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.dp{min-height:100vh;background:#f5f7fa;color:#111827;font-size:14px}.shell{max-width:1240px;margin:0 auto;padding:24px}.topbar{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e3e8ef}.topbar-inner{max-width:1240px;margin:auto;min-height:64px;padding:0 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand{font-weight:800;color:#0877a8;font-size:15px}.divider{height:22px;width:1px;background:#e3e8ef}.orgname{font-weight:650}.navgroup{margin-left:auto;display:flex;gap:5px;align-items:center;flex-wrap:wrap}.btn{font:inherit;border:1px solid transparent;background:transparent;color:#344054;padding:7px 10px;border-radius:9px;cursor:pointer;font-weight:600}.btn:hover,.btn.active{background:#f0f5f8}.btn.active{color:#0877a8;background:#e9f5fa}.btn.outline{border-color:#d9e0e8;background:#fff}.btn.primary{background:#0877a8;color:#fff;border-color:#0877a8}.btn.small{padding:5px 8px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.stack{display:grid;gap:16px}.pagehead{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.pagehead h1{margin:0;font-size:23px}.pagehead p{margin:4px 0 0;color:#667085}.pagehead .right{margin-left:auto;color:#667085;font-size:12px}.crumbs{font-size:12px;color:#667085}.crumbs button{border:0;background:none;color:#0877a8;padding:0;cursor:pointer}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:#fff;border:1px solid #e3e8ef;border-radius:14px;padding:18px;box-shadow:0 1px 2px #1018280a}.card.tint{background:#f8fafc}.clickable{cursor:pointer}.clickable:hover{border-color:#c5d3df;box-shadow:0 3px 12px #10182812}.metric .k{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#667085;font-weight:700}.metric .v{font-size:27px;font-weight:800;margin-top:7px;line-height:1.15}.metric .h{font-size:12px;color:#667085;margin-top:7px}.sectionhead{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sectionhead h2{margin:0;text-transform:uppercase;font-size:14px;letter-spacing:.04em}.sectionhead .right{margin-left:auto}.cardfooter{border-top:1px solid #e3e8ef;margin-top:14px;padding-top:10px;color:#667085;font-size:12px}.muted{color:#667085}.small{font-size:12px}.kvrow{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #eef2f6}.kvrow:last-child{border-bottom:0}.up{color:#087a55;font-weight:700}.down{color:#c4322b;font-weight:700}.flat-trend{color:#667085;font-weight:700}.badge{display:inline-flex;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;border:1px solid transparent}.badge.ok{background:#e7f6ef;color:#087a55;border-color:#c6e9d9}.badge.warn{background:#fdf5e2;color:#9a6700;border-color:#f3e2b6}.badge.danger{background:#fdeceb;color:#c4322b;border-color:#f6cdca}.badge.info{background:#e9f5fa;color:#0877a8;border-color:#cfe8f3}.badge.neutral{background:#f2f4f7;color:#475467;border-color:#e3e8ef}.attentionrow,.productrow{display:flex;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid #eef2f6;cursor:pointer}.attentionrow:hover,.productrow:hover{background:#f8fbfd}.attentionrow .name,.productrow .t{font-weight:650;flex:1}.attentionrow .count{margin-left:auto;color:#667085;font-size:12px}.rank{width:26px;height:26px;border-radius:8px;background:#e9f5fa;color:#0877a8;display:grid;place-items:center;font-weight:800;font-size:12px}.productrow .val{font-weight:700}.bullets{margin:0;padding-left:18px;color:#667085}.toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.field{display:grid;gap:5px}.field>span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#667085;font-weight:700}.input,.select{border:1px solid #d9e0e8;background:#fff;border-radius:9px;padding:9px 10px;font:inherit;min-width:190px}.tablewrap{border:1px solid #e3e8ef;border-radius:12px;overflow:hidden;background:#fff}.dp-table{width:100%;border-collapse:collapse}.dp-table th{background:#fafbfc;text-align:left;padding:10px 12px;border-bottom:1px solid #e3e8ef;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#667085}.dp-table td{padding:11px 12px;border-bottom:1px solid #eef2f6;vertical-align:middle}.dp-table tbody tr:last-child td{border-bottom:0}.dp-table .rowclick{cursor:pointer}.dp-table .rowclick:hover{background:#f8fbfd}.num{text-align:right;font-variant-numeric:tabular-nums}.pager{display:flex;align-items:center;gap:10px;color:#667085;font-size:12px}.pager .spacer{flex:1}.bulkbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.bulkbar .right{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.notice{border:1px solid #cfe8f3;background:#e9f5fa;color:#0b5d80;border-radius:10px;padding:10px 12px}.error{border:1px solid #f6cdca;background:#fdeceb;color:#c4322b;border-radius:10px;padding:10px 12px}.loginwrap{display:grid;place-items:center;padding:24px}.logincard{width:min(430px,100%);display:grid;gap:14px}.logincard h1{margin:0}.scrim{position:fixed;inset:0;background:#10182859;z-index:50}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(680px,100%);background:#fff;z-index:51;border-left:1px solid #e3e8ef;box-shadow:-8px 0 30px #1018281f;display:flex;flex-direction:column}.drawer header{padding:18px 20px;border-bottom:1px solid #e3e8ef;display:flex;gap:12px;align-items:flex-start}.drawer header h2{margin:0;font-size:18px}.drawer .close{margin-left:auto}.drawer .body{padding:18px 20px 30px;overflow:auto;display:grid;gap:16px}@media(max-width:900px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3,.two{grid-template-columns:1fr}}@media(max-width:600px){.shell{padding:16px}.topbar-inner{padding:8px 16px}.navgroup{width:100%;margin-left:0;overflow-x:auto;flex-wrap:nowrap}.grid4{grid-template-columns:1fr}.toolbar,.toolbar .field,.input,.select{width:100%}.tablewrap{border:0;background:transparent}.dp-table thead{display:none}.dp-table,.dp-table tbody,.dp-table tr,.dp-table td{display:block;width:100%}.dp-table tbody tr{border:1px solid #e3e8ef;border-radius:12px;background:#fff;margin-bottom:10px;padding:6px 12px}.dp-table td{display:flex;gap:12px;padding:8px 0}.dp-table td:before{content:attr(data-label);flex:0 0 44%;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#667085;font-weight:700}.num{text-align:left}.drawer{width:100%;border-left:0}.pagehead .right{margin-left:0;text-align:left}}