.app{min-height:100vh;padding:1rem}.header{text-align:center;margin-bottom:1.5rem}.header h1{margin:0;font-size:1.75rem;font-weight:600;color:var(--text)}.subtitle{margin:.25rem 0 0;font-size:.9rem;color:var(--muted)}.layout{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;max-width:1400px;margin:0 auto}@media (max-width: 900px){.layout{grid-template-columns:1fr}}.sidebar{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;height:fit-content;position:sticky;top:1rem}.main{min-height:200px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.form{display:flex;flex-direction:column;gap:1rem}.fieldset{border:none;padding:0;margin:0}.fieldset legend{font-weight:600;color:var(--accent);margin-bottom:.75rem;padding:0}.row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.row label{flex:1;min-width:120px;display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted)}.row label input,.row label select{padding:.5rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}.row label input:focus,.row label select:focus{outline:none;border-color:var(--accent)}.row2 label{min-width:140px}.row3 label{min-width:80px}.submitBtn{padding:.75rem 1rem;background:var(--accent);color:var(--bg);border:none;border-radius:8px;font-weight:600}.submitBtn:hover:not(:disabled){filter:brightness(1.1)}.submitBtn:disabled{opacity:.7;cursor:not-allowed}.chartResult{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.chartResult.error{color:var(--error);padding:1rem}.chartTitle{margin:0;font-size:1.25rem;font-weight:600}.chartSvg,.chartGrid{width:100%;max-width:100%;overflow:auto}.chartSvg{min-height:300px;align-self:stretch}.chartSvg svg,.chartGrid svg{width:100%;max-width:100%;height:auto;display:block}.chartSvg svg{min-width:400px;min-height:260px}.chartResultEmpty{color:var(--muted);padding:1rem}:root{--bg: #f5f4f0;--surface: #ffffff;--border: #e0ddd6;--text: #1a1918;--muted: #5c5954;--accent: #8b6914;--error: #c53030}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}#root{min-height:100vh}input,select,button{font:inherit}button{cursor:pointer}