:root{color:#162033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fb;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}.dashboard-shell{color:#17202a;background:#f6f8fa;min-height:100vh;padding:28px}.dashboard-header,.filter-bar,.metric-grid,.analytics-grid,.dashboard-panel{max-width:1240px;margin-left:auto;margin-right:auto}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.eyebrow,.panel-label,.metric-card span{color:#1363df;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:700}.dashboard-header h1{color:#17202a;letter-spacing:0;margin:0;font-size:2.15rem;font-weight:760;line-height:1.12}.dashboard-intro{color:#5b6776;max-width:650px;margin:12px 0 0}.data-badge{color:#1f8a5b;background:#ecf8f0;border:1px solid #b8d9c3;border-radius:999px;flex:none;padding:8px 12px;font-size:.84rem;font-weight:700}.filter-bar{background:#fff;border:1px solid #d8dee6;border-radius:8px;grid-template-columns:minmax(310px,1.4fr) repeat(3,minmax(160px,1fr));align-items:end;gap:12px;padding:14px;display:grid}.filter-bar label{color:#5b6776;gap:6px;font-size:.78rem;font-weight:700;display:grid}.filter-bar select,.date-control button{color:#17202a;background:#fff;border:1px solid #cfd7e2;border-radius:6px;min-height:38px}.filter-bar select{padding:0 10px}.date-control{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.date-control button{cursor:pointer;font-weight:700}.date-control button.active{color:#1363df;background:#e8f1ff;border-color:#1363df}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.metric-card,.dashboard-panel{background:#fff;border:1px solid #d8dee6;border-radius:8px}.metric-card{padding:18px}.metric-card strong{color:#17202a;font-size:1.55rem;line-height:1.2;display:block}.metric-card p{color:#5b6776;margin:8px 0 0;font-size:.86rem}.analytics-grid{grid-template-columns:minmax(0,1.8fr) minmax(300px,.9fr);gap:16px;margin-top:16px;display:grid}.dashboard-panel{padding:20px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel-heading.compact{margin-bottom:12px}.panel-heading h2{color:#17202a;margin:0;font-size:1.1rem}.panel-heading p{color:#5b6776;text-align:right;max-width:360px;margin:0;font-size:.88rem}.bar-chart{grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:8px;min-height:260px;padding-top:12px;display:grid}.bar-group{grid-template-rows:1fr auto;gap:8px;min-width:0;display:grid}.bar-track{border-bottom:1px solid #d8dee6;justify-content:center;align-items:end;gap:3px;display:flex}.bar{border-radius:4px 4px 0 0;width:9px;min-height:4px}.bar.volume{background:#1363df}.bar.count{background:#1f8a5b}.bar-label{color:#5b6776;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.chart-legend{color:#5b6776;flex-wrap:wrap;gap:16px;margin-top:16px;font-size:.86rem;display:flex}.legend-dot{border-radius:999px;width:9px;height:9px;margin-right:6px;display:inline-block}.volume-dot{background:#1363df}.count-dot{background:#1f8a5b}.reason-list{gap:14px;display:grid}.reason-row{grid-template-columns:1fr;gap:6px;display:grid}.reason-row div:first-child{justify-content:space-between;gap:12px;display:flex}.reason-row strong{color:#17202a;font-size:.9rem}.reason-row span,.reason-row b{color:#5b6776;font-size:.82rem}.reason-meter{background:#eef2f6;border-radius:999px;height:8px;overflow:hidden}.reason-meter span{border-radius:inherit;background:#c2413b;height:100%;display:block}.table-panel{margin-top:16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.86rem}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e6ebf1;padding:11px 10px}th{color:#5b6776;text-transform:uppercase;font-size:.75rem;font-weight:800}tr:hover td{background:#f9fbfd}.numeric{text-align:right}.status-badge{border-radius:999px;justify-content:center;min-width:74px;padding:4px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.status-badge.approved{color:#1f8a5b;background:#ecf8f0}.status-badge.declined{color:#c2413b;background:#fff1f0}.empty-state{color:#5b6776;text-align:center;background:#fbfcfe;border:1px dashed #cfd7e2;border-radius:8px;padding:24px}@media (width<=1040px){.filter-bar,.metric-grid,.analytics-grid{grid-template-columns:1fr 1fr}.date-control,.trend-panel{grid-column:1/-1}}@media (width<=720px){.dashboard-shell{padding:18px}.dashboard-header,.panel-heading{display:block}.data-badge{margin-top:16px;display:inline-flex}.filter-bar,.metric-grid,.analytics-grid,.date-control{grid-template-columns:1fr}.panel-heading p{text-align:left;margin-top:8px}}