:root{--bg:#f5f5f7;--text:#1d1d1f;--muted:#6e6e73;--card:#fff;--border:#d2d2d7;--accent:#007aff;--accent-hover:#0061e8}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.page{min-height:100vh;padding:24px 16px 48px}.page-inner{width:100%;max-width:720px;margin:0 auto}.form-card,.summary-container,.results-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 20px #00000014}.form-card{max-width:400px;margin:12vh auto 0;padding:40px}.form-card.compact{margin:0 auto 24px}h1{text-align:center;color:#333;margin:0 0 20px;font-size:28px}h2{text-align:center;margin:0 0 12px;font-size:22px}label{color:var(--muted);margin-bottom:8px;font-size:16px;display:block}.field{margin-bottom:20px;position:relative}input[type=text],input[type=date],input[type=number]{border:1px solid var(--border);color:#333;background:#f9f9fb;border-radius:8px;outline:none;width:100%;padding:12px;font-size:16px}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #007aff33}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px 0;font-size:18px}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.7;cursor:wait}button.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0;margin-top:12px}button.secondary:hover:not(:disabled){background:#f0f7ff}.suggestions{z-index:5;border:1px solid var(--border);background:#fff;border-radius:8px;max-height:220px;display:none;position:absolute;left:0;right:0;overflow-y:auto}.suggestions.open{display:block}.suggestions button{text-align:left;width:100%;color:var(--text);background:0 0;border-radius:0;padding:10px 12px;font-size:14px}.suggestions button:hover{background:#f0f0f0}.error{color:#c41e3a;text-align:center;margin:12px 0 0;font-size:15px}.summary-container{text-align:center;margin:0 0 20px;padding:25px}.summary-container p{margin:12px 0;font-size:20px}.summary-container strong{color:var(--accent)}.chart-container{width:100%;height:320px;margin:8px 0 20px}.attribution{text-align:center;color:var(--muted);margin-top:24px;font-size:13px}.attribution a{color:var(--accent)}table{border-collapse:collapse;width:100%;margin:16px 0 0;font-size:15px}th,td{border:1px solid var(--border);padding:8px}th{text-align:left;background:#f9f9f9}td{text-align:right}td:first-child{text-align:left}.spinner{border:3px solid #e8e8ed;border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:22px;height:22px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:600px){.form-card{margin-top:24px;padding:28px 20px}h1{font-size:24px}.summary-container p{font-size:18px}}