:root{font-family:Segoe UI,system-ui,sans-serif;line-height:1.5;color:#1b1b1b;background:#f4f6f5}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh}.header{background:#1b4332;color:#fff;padding:1rem 1.5rem 0}.header-top{display:flex;justify-content:space-between;align-items:center}.header h1{margin:0;font-size:1.25rem}.user{font-size:.85rem;opacity:.9}.nav{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:.75rem;padding-bottom:.5rem}.nav a{color:#d8f3dc;text-decoration:none;padding:.35rem .75rem;border-radius:6px}.nav a.active{background:#40916c;color:#fff}.date-range{display:flex;gap:.75rem;margin-right:auto}.date-range label{display:flex;flex-direction:column;font-size:.75rem;gap:.2rem}.date-range input{border:none;border-radius:4px;padding:.25rem .4rem}.main{padding:1.5rem;max-width:1200px;margin:0 auto}.module{display:flex;flex-direction:column;gap:1.25rem}.hint{margin:0;font-size:.85rem;color:#555}.scorecards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.scorecard{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #00000014}.scorecard.primary{border-left:4px solid #2d6a4f}.scorecard-label{font-size:.8rem;color:#666}.scorecard-value{font-size:1.4rem;font-weight:600;margin-top:.25rem}.chart-box,.table-box{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #00000014}.chart-box h3,.table-box h3{margin:0 0 .75rem;font-size:1rem}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:900px){.charts-row{grid-template-columns:1fr}}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem;border-bottom:1px solid #eee}th{font-weight:600;color:#444}.loading,.error{padding:2rem;text-align:center}.error{color:#b00020;background:#fdecea;border-radius:8px}