:root{--bg:#f8fafc;--nav:#0f172a;--primary:#2563eb;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--white:#fff;--primary-light:#eff6ff}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:'Plus Jakarta Sans',sans-serif;line-height:1.6}
a{color:var(--primary)}
.ct-nav{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid #e2e8f0;padding:0 20px;height:62px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.ct-logo{display:flex;align-items:center;gap:8px;font-family:'Sora',sans-serif;font-size:19px;font-weight:800;color:#0f172a;text-decoration:none}
.ct-logo em{color:#2563eb;font-style:normal}
.ct-nav-links{display:flex;align-items:center;gap:2px;margin-left:8px}
.ct-nav-links a{padding:6px 11px;border-radius:8px;font-size:13px;font-weight:600;color:#64748b;text-decoration:none}
.ct-nav-links a:hover{color:#0f172a;background:#f8fafc}
.ct-nav-right{display:flex;align-items:center;gap:8px;margin-left:auto}
.ct-dark-btn{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:14px}
.ct-dark-btn:hover{border-color:#2563eb;color:#2563eb}
.ct-back{font-size:13px;font-weight:700;color:#2563eb;text-decoration:none;padding:7px 14px;border-radius:8px;border:1.5px solid #bfdbfe;background:#eff6ff}
.ct-back:hover{background:#2563eb;color:#fff}
.ct-page{max-width:800px;margin:40px auto;padding:0 20px}
.header-text{text-align:center;margin-bottom:22px}
.header-text h1{font-family:'Sora',sans-serif;font-size:clamp(28px,5vw,36px);color:var(--nav);line-height:1.2}
.header-text p{color:var(--muted);margin-top:10px;font-size:16px;max-width:600px;margin-left:auto;margin-right:auto}
.calc-card{background:#fff;padding:30px;border-radius:16px;border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.04);margin-bottom:24px}
.calc-card h2,.calc-card h3{font-family:'Sora',sans-serif;color:var(--nav);margin-bottom:18px}
.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.input-group{margin-bottom:4px}
.input-group label{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:8px;text-transform:uppercase}
.input-group input,.input-group select{width:100%;padding:14px 15px;border:2px solid var(--border);border-radius:12px;font-size:16px;font-weight:700;font-family:inherit;outline:none;transition:.2s;color:var(--nav);background:#fff}
.input-group input:focus,.input-group select:focus{border-color:var(--primary)}
.btn{display:block;width:100%;padding:18px;background:var(--nav);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:800;font-family:'Sora',sans-serif;cursor:pointer;transition:.2s;margin-top:20px}
.btn:hover{background:var(--primary)}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.result-metric{background:#f8fafc;padding:20px;border-radius:12px;border:1px solid var(--border);text-align:center}
.metric-label{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase}
.metric-val{font-family:'Sora',sans-serif;font-size:20px;font-weight:800;color:var(--nav);margin-top:5px}
.final-total{background:#f0fdf4;padding:25px;border-radius:12px;border:1px solid #bbf7d0;text-align:center}
.final-total .val{font-size:32px;font-family:'Sora',sans-serif;font-weight:800;color:#16a34a;margin-top:5px;line-height:1.1}
.status-card{padding:20px;border-radius:12px;border:1px solid var(--border);margin-bottom:18px}
.status-good{background:#f0fdf4;border-color:#bbf7d0}
.status-warn{background:#fffbeb;border-color:#fde68a}
.status-bad{background:#fef2f2;border-color:#fecaca}
.table-wrap{overflow-x:auto}
.ct-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}
.ct-table th{background:#f1f5f9;padding:12px;border:1px solid var(--border);font-weight:700;color:var(--nav)}
.ct-table td{padding:12px;border:1px solid var(--border);color:#475569}
.ct-table tr:nth-child(even){background:#f8fafc}
.muted{color:var(--muted);font-size:.92rem}
.action-list{padding-left:20px}.action-list li{margin:8px 0}
.continue-links{display:flex;flex-wrap:wrap;gap:10px}
.continue-links a{padding:9px 12px;border-radius:8px;background:#eff6ff;border:1.5px solid #bfdbfe;text-decoration:none;font-weight:700;font-size:13px}
.ct-footer{max-width:800px;margin:10px auto 40px;padding:0 20px;color:var(--muted);font-size:12px;text-align:center}
.skip-link{position:absolute;top:-100px;left:16px;z-index:10000;background:#2563eb;color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;text-decoration:none}
.skip-link:focus{top:8px}
:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
[data-theme="dark"]{--bg:#0f172a;--nav:#e2e8f0;--primary:#60a5fa;--text:#e2e8f0;--muted:#94a3b8;--border:#1e293b;--white:#1e293b;--primary-light:#1e3a5f}
[data-theme="dark"] body{background:#0f172a;color:#e2e8f0}
[data-theme="dark"] .ct-nav{background:#0f172a;border-bottom-color:#1e293b}
[data-theme="dark"] .ct-logo{color:#e2e8f0}
[data-theme="dark"] .ct-dark-btn{background:#0f172a;border-color:#334155;color:#94a3b8}
[data-theme="dark"] .calc-card,.data-theme-dark .calc-card{background:#1e293b;border-color:#334155;color:#e2e8f0}
[data-theme="dark"] .input-group input,[data-theme="dark"] .input-group select{background:#1e293b;border-color:#334155;color:#e2e8f0}
[data-theme="dark"] .result-metric{background:#182338;border-color:#334155}
[data-theme="dark"] .ct-table th{background:#0f172a;color:#e2e8f0}
[data-theme="dark"] .ct-table td{border-color:#334155;color:#cbd5e1}
[data-theme="dark"] .ct-table tr:nth-child(even){background:#182338}
[data-theme="dark"] .header-text h1,.data-theme-dark .header-text h1{color:#e2e8f0}
@media(max-width:600px){.ct-nav-links{display:none}.ct-back{padding:7px 10px}.ct-page{padding:0 14px;margin-top:26px}.calc-card{padding:20px 16px}.input-grid,.result-grid{grid-template-columns:1fr}.header-text h1{font-size:24px}.header-text p{font-size:14px}.btn{padding:16px}.final-total .val{font-size:28px}}