:root{--bg:#fafafa;--card:#fff;--muted:#666;--text:#222;--primary:#1976d2;--accent:#2e7d32;--danger:#b00020;--glass:#1976d20f;--radius:10px;--gap-sm:8px;--gap:16px;--max-width:1100px}html[data-theme=dark]{--bg:#1a1a1a;--card:#2d2d2d;--muted:#999;--text:#e0e0e0;--primary:#64b5f6;--accent:#66bb6a;--danger:#ef5350;--glass:#64b5f61a}*{box-sizing:border-box}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;line-height:1.45;transition:background-color .3s,color .3s}h1{color:var(--primary);margin:0 0 8px;font-size:28px;font-weight:700}h2{color:var(--text);margin:0 0 12px;font-size:18px;font-weight:600}h3{color:var(--text);margin:0 0 10px;font-size:15px;font-weight:600}.app-main{max-width:var(--max-width);margin:0 auto;padding:16px}.grid{gap:var(--gap);display:grid}.grid-2{grid-template-columns:30% 70%}@media (max-width:1023px){.grid-2{grid-template-columns:35% 65%}}@media (max-width:768px){.grid-2{grid-template-columns:40% 60%}}.card{background:var(--card);border-radius:var(--radius);border:1px solid #eee;padding:12px}html[data-theme=dark] .card{border-color:#444}.card--soft{background:#fbfcff;border:1px dashed #cfd8dc}html[data-theme=dark] .card--soft{background:#2d2d2d;border-color:#555}.card--accent{border:1.5px solid var(--primary);background:#f7faff}html[data-theme=dark] .card--accent{background:#1e3a5f}.card--highlight{background:#e8f5e9;border:2px solid #2e7d32}html[data-theme=dark] .card--highlight{background:#1b4d2a;border-color:#66bb6a}.card--info{border:2px solid var(--primary);background:#f6fafd}html[data-theme=dark] .card--info{background:#1e3a5f;border-color:#64b5f6}.card--warning{color:#ff8f00;background:#fffde7;border:1px solid #ffe082}html[data-theme=dark] .card--warning{color:#ffc400;background:#4d4200;border-color:#663}.form-list{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.form-row{grid-template-columns:minmax(140px,220px) 1fr;align-items:center;gap:12px;display:grid}.form-label{color:var(--text);white-space:nowrap;font-size:15px;font-weight:600}.muted{color:var(--muted);font-size:13px}input[type=number],input[type=text],select{color:var(--text);background:0 0;border:1px solid #e6e9ee;border-radius:8px;padding:8px;font-size:14px}html[data-theme=dark] input[type=number],html[data-theme=dark] input[type=text],html[data-theme=dark] select{color:#e0e0e0;background:#2d2d2d;border-color:#555}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--glass);outline:none}.input--compact{width:12ch}.select--compact{border-radius:6px;width:100%;height:36px;padding:4px 8px}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-weight:600;display:inline-flex}.btn--link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}table{border-collapse:collapse;width:100%;font-size:15px}td{padding:6px 0}.summary-row{justify-content:space-between;align-items:center;display:flex}.right{text-align:right}.small{color:var(--muted);font-size:12px}.divider{background:#e6e9ee;border-radius:2px;height:1px;margin:6px 0}html[data-theme=dark] .divider{background:#444}@media (max-width:720px){.grid-2{grid-template-columns:1fr}.form-row{grid-template-columns:minmax(160px,260px) 1fr}.form-label{margin-bottom:0}}.error-msg{color:var(--danger);margin-left:180px;font-size:12px}.align-end{justify-self:end}.comparison-table td:nth-child(2),.comparison-table td:nth-child(3){text-align:left}.comparison-table td{vertical-align:middle}.comparison-table .center-col{padding:8px 0}html[data-theme=dark] div[style*="background: #fbfbfb"],html[data-theme=dark] div[style*="background: #f9f9f9"],html[data-theme=dark] div[style*="background: #f5f5f5"],html[data-theme=dark] div[style*="background: #fffdf2"],html[data-theme=dark] div[style*="background: #f6fafd"],html[data-theme=dark] div[style*="background: #f7faff"],html[data-theme=dark] div[style*="background: #ffffff"],html[data-theme=dark] form[style*="background: #fbfbfb"],html[data-theme=dark] ul[style*="background: #fbfbfb"],html[data-theme=dark] div[style*="backgroundColor: #fbfbfb"],html[data-theme=dark] div[style*="backgroundColor: #f9f9f9"],html[data-theme=dark] div[style*="backgroundColor: #f5f5f5"],html[data-theme=dark] div[style*="backgroundColor: #fffdf2"],html[data-theme=dark] div[style*="backgroundColor: #f6fafd"],html[data-theme=dark] div[style*="backgroundColor: #f7faff"],html[data-theme=dark] div[style*="backgroundColor: #ffffff"],html[data-theme=dark] div[style*="background: #ffffff"],html[data-theme=dark] div[style*="backgroundColor: #ffffff"]{background-color:#2d2d2d!important}html[data-theme=dark] div[style*="color: #222"]{color:#e0e0e0!important}html[data-theme=dark] div[style*="color: #444"]{color:#bbb!important}html[data-theme=dark] div[style*="color: #666"]{color:#999!important}html[data-theme=dark] div[style*="borderColor: #d0d0d0"],html[data-theme=dark] div[style*="border: 1px solid #d0d0d0"],html[data-theme=dark] div[style*="borderBottom: 1px solid #ddd"],html[data-theme=dark] div[style*="borderTop: 1px solid #ddd"]{border-color:#555!important}