:root{--bg:#f0f4f8;--bg-card:#fff;--text:#1a202c;--text-muted:#718096;--text-label:#4a5568;--border:#cbd5e0;--input-bg:#fff;--shadow-card:0 1px 4px #00000014;--shadow-stat:0 1px 4px #00000012;--accent:#4f8ef7;--accent-hover:#3b7de8}html.dark{--bg:#0f1117;--bg-card:#1a1d27;--text:#e2e8f0;--text-muted:#718096;--text-label:#a0aec0;--border:#2d3748;--input-bg:#242736;--shadow-card:0 1px 4px #0006;--shadow-stat:0 1px 4px #0000004d;--accent:#4f8ef7;--accent-hover:#6aa0f8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.app{max-width:960px;margin:0 auto;padding:2rem 1rem}header{margin-bottom:2rem}.header-row{justify-content:space-between;align-items:center;display:flex}header h1{font-size:1.8rem;font-weight:700}.site-title{color:inherit;text-decoration:none}.site-title:hover{text-decoration:none}.subtitle{color:var(--text-muted);margin-top:.25rem}.theme-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;align-self:auto;padding:.3rem .6rem;font-size:1.1rem}.theme-toggle:hover:not(:disabled){background:var(--bg-card)}.card{background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.controls{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;display:flex}.asset-allocation-list,.field{flex-direction:column;gap:.4rem;min-width:140px;display:flex}.asset-allocation-list{width:100%}label{color:var(--text-label);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}select,input[type=number],input[type=date]{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:6px;padding:.5rem .7rem;font-size:.95rem}select:focus,input:focus{outline:2px solid var(--accent);border-color:#0000}.investment-form{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-end;padding:.55rem 1.4rem;font-size:.95rem;font-weight:600}button:disabled{opacity:.6;cursor:not-allowed}button:hover:not(:disabled){background:var(--accent-hover)}.results-summary{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.stat{background:var(--bg-card);box-shadow:var(--shadow-stat);border-radius:10px;flex:130px;padding:1rem 1.25rem}.stat .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.75rem;font-weight:600;display:block}.stat .value{font-size:1.2rem;font-weight:700}.positive{color:#38a169}.negative{color:#e53e3e}.error{color:#e53e3e;width:100%;margin-top:.5rem;font-size:.9rem}.header-actions{align-items:center;gap:.5rem;display:flex}.btn-login{padding:.35rem 1rem;font-size:.85rem}.nav-link{color:var(--text-muted);font-size:.85rem;text-decoration:none}.nav-link:hover{color:var(--text)}footer{border-top:1px solid var(--border);gap:1.5rem;margin-top:3rem;padding-top:1rem;display:flex}footer a{color:var(--text-muted);font-size:.85rem;text-decoration:none}footer a:hover{color:var(--text)}