:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18313b;background:#edf3f5}*{box-sizing:border-box}body{margin:0}.sample-nav{max-width:900px;margin:22px auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.sample-nav a{color:#082d59;font-weight:800;text-decoration:none}.sample-nav button{border:0;border-radius:10px;padding:11px 16px;background:#079ea9;color:#fff;font:inherit;font-weight:800;cursor:pointer}.report{position:relative;max-width:850px;margin:0 auto 50px;padding:40px;background:#fff;box-shadow:0 18px 55px rgba(8,45,89,.12)}.sample-banner{margin:-40px -40px 28px;padding:12px;text-align:center;background:#fff1d6;color:#7a4700;border-bottom:2px solid #e5a11a;font-size:.8rem;font-weight:900;letter-spacing:.1em}.report-brand{display:flex;align-items:center;gap:14px;border-bottom:5px solid #079ea9;padding-bottom:18px}.report-brand img{width:58px;height:58px;border-radius:14px}.report-brand p{margin:0;text-transform:uppercase;letter-spacing:.12em;color:#08747d;font-weight:900}.report-brand h1{margin:4px 0 0;color:#082d59;font-size:1.75rem}.details{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:24px 0;background:#dce8ea;border:1px solid #dce8ea}.details div{display:grid;gap:5px;background:#f7fafb;padding:14px}.details small,.total-banner small{color:#5f7077;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.total-banner{display:flex;justify-content:space-between;gap:20px;background:#079ea9;color:#fff;padding:18px 20px}.total-banner div{display:grid;gap:5px}.total-banner small{color:#d9ffff}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0;text-align:center}.metrics div{display:grid;gap:3px;padding:8px}.metrics div+div{border-left:1px solid #dce8ea}.metrics strong{color:#082d59;font-size:1.5rem}.metrics span{color:#5f7077;font-size:.8rem}.report-section{margin-top:28px}.report-section h2{font-size:1.05rem;color:#08747d;border-bottom:2px solid #dce8ea;padding-bottom:8px}.drain-total{display:grid;grid-template-columns:90px 1fr 80px;align-items:center;gap:12px;margin:13px 0}.drain-total>span{height:12px;background:#dce8ea;border-radius:8px;overflow:hidden}.drain-total i{display:block;height:100%;background:#079ea9}.drain-total b{text-align:right;color:#082d59}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:right;padding:10px 8px;border-bottom:1px solid #dce8ea}th:first-child,td:first-child{text-align:left}thead th,tfoot th{color:#082d59}tbody tr:nth-child(even){background:#f7fafb}aside{margin-top:28px;padding:15px;background:#fff8e8;border-left:4px solid #e5a11a;line-height:1.5}footer{margin-top:30px;padding-top:18px;border-top:1px solid #dce8ea;color:#5f7077;font-size:.75rem;line-height:1.5}@media(max-width:600px){.report{padding:22px;margin-bottom:0}.sample-banner{margin:-22px -22px 22px}.details{grid-template-columns:1fr}.total-banner{display:grid}.drain-total{grid-template-columns:70px 1fr 70px}table{font-size:.75rem}th,td{padding:8px 4px}}@media print{body{background:#fff}.sample-nav{display:none}.report{box-shadow:none;margin:0;max-width:none}.sample-banner{-webkit-print-color-adjust:exact;print-color-adjust:exact}}