:root{--accent:#1f4e79;--accent-2:#2e7d32;--bg:#f7f8fa;--card:#fff;--muted:#667085;--border:#e4e7ec}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:#1a1a1a}.header{background:var(--accent);color:#fff;padding:22px 24px}.header h1{margin:0;font-size:20px}.header p{margin:6px 0 0;opacity:.88;font-size:13px;max-width:720px}.container{max-width:980px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.controls{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.field input,.field select{padding:8px 10px;border:1px solid #d0d5dd;border-radius:8px;font-size:14px;min-width:120px;background:#fff}button.primary{background:var(--accent);color:#fff;border:0;padding:10px 22px;border-radius:8px;font-size:14px;cursor:pointer;font-weight:600}button.primary:disabled{opacity:.6;cursor:default}.cards{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}.metric{flex:1 1;min-width:150px}.metric .k{font-size:12px;color:var(--muted)}.metric .v{font-size:24px;font-weight:700;margin-top:4px;color:var(--accent)}.metric .v.green{color:var(--accent-2)}.chartcard{margin-top:16px}.chartcard h3{margin:0 0 10px;font-size:14px;color:#1a1a1a}.note{font-size:12px;color:var(--muted);margin-top:6px}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:#eef2ff;color:var(--accent);margin-left:8px}.footer{color:var(--muted);font-size:12px;padding:8px 24px 32px;max-width:980px;margin:0 auto}a{color:var(--accent)}