:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#152238;background:#f4f6f9}*{box-sizing:border-box}body{margin:0}.shell{max-width:1500px;margin:auto;padding:32px 36px 56px}header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}.eyebrow{margin:0 0 7px;color:#748197;font-size:11px;font-weight:800;letter-spacing:1.5px}h1,h2{margin:0}h1{font-size:32px;letter-spacing:0}.sub{margin:9px 0 0;color:#66738a}.status{display:flex;align-items:center;gap:10px;color:#637188;font-size:13px}.status-dot{width:9px;height:9px;border-radius:50%;background:#d59b27}.status-dot.ok{background:#21946d}.status-dot.error{background:#c94d59}button,select,input{font:inherit}button{border:0;background:#e8edf4;color:#26364f;border-radius:5px;padding:9px 14px;cursor:pointer}.primary{background:#1e4e90;color:#fff;font-weight:700}.controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap;padding:18px;background:#fff;border:1px solid #e0e5ec;border-radius:7px}label{display:grid;gap:6px;color:#53637a;font-size:12px;font-weight:700}select,input{min-height:38px;border:1px solid #cbd4df;border-radius:5px;padding:0 10px;color:#1c2d46;background:#fff}.cutoff{display:flex;gap:12px;align-items:center;color:#68778c;font-size:13px;padding:15px 2px}.cutoff strong{color:#1c355b}.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.chart-card{background:#fff;border:1px solid #dfe5ed;border-radius:7px;padding:18px;min-width:0}.chart-head{display:flex;justify-content:space-between;gap:12px}.chart-head h2{font-size:18px}.metric{font-size:20px;font-weight:800;color:#1c3760}.metric small{display:block;color:#7a8799;font-weight:500;font-size:11px;text-align:right}.chart{height:240px;margin-top:18px;display:flex;align-items:end;gap:4px;border-bottom:1px solid #dce3ec;padding:0 3px}.bar-group{height:100%;flex:1;display:flex;align-items:flex-end;gap:2px;min-width:0;justify-content:center}.bar{width:45%;min-height:2px;border-radius:3px 3px 0 0}.current-bar{opacity:1}.compare-bar{opacity:.5}.axis{display:flex;justify-content:space-between;color:#8692a3;font-size:10px;padding-top:7px}.legend{display:flex;gap:14px;color:#738096;font-size:11px;margin-top:13px}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:38px 0 14px}.section-heading span{color:#7a8798;font-size:12px}.table-wrap{overflow:auto;background:#fff;border:1px solid #dfe5ed;border-radius:7px}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:14px 16px;text-align:right;border-bottom:1px solid #edf0f4;font-size:13px}th{background:#f8fafc;color:#6f7c8f;font-size:11px;text-transform:uppercase;letter-spacing:.5px}th:first-child,td:first-child{text-align:left}.site{display:flex;align-items:center;gap:9px;font-weight:700}.site-dot{width:9px;height:9px;border-radius:50%}.positive{color:#16805f}.negative{color:#c34b55}.muted{color:#8b97a7}.small{font-size:12px;margin-top:8px;padding-left:2px}.item-name{text-align:left;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#1c355b}.thumb-cell{width:56px;text-align:center}.item-thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid #e3e8ef;display:inline-block;vertical-align:middle;background:#eef2f7}.item-thumb.placeholder{background:#f0f3f8;border:1px dashed #d5dce6}.static-value{min-height:38px;display:flex;align-items:center;padding:0 10px;color:#1c355b;font-weight:700;background:#f0f3f8;border:1px solid #dce3ec;border-radius:5px}.line-chart{width:100%;height:100%}@media(max-width:850px){.shell{padding:22px 16px 40px}header{align-items:flex-start;flex-direction:column}h1{font-size:27px}.charts{grid-template-columns:1fr}.controls{align-items:stretch}.controls label,.controls button{width:100%}.chart{height:210px}}