:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--primary-lighter:#eff6ff;--accent:#2563eb;--bg-dark:#fff;--bg-card:#fff;--bg-card-hover:#f8f9fa;--bg-surface:#f8f9fa;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb;--border-hover:#d1d5db;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--gradient:linear-gradient(135deg,#2563eb,#1d4ed8);--radius:12px;--radius-sm:8px;--shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);--shadow-lg:0 4px 12px rgba(0,0,0,.08);--max-width:1200px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;min-height:100vh}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}img{height:auto;max-width:100%}.container{margin:0 auto;max-width:var(--max-width);padding:0 1.5rem}.page{padding:2rem 0 4rem}.page-header{margin-bottom:3rem;text-align:center}.page-header h1{color:#111827;font-size:2.5rem;font-weight:800;margin-bottom:.75rem}.page-header p{color:var(--text-secondary);font-size:1.125rem;margin:0 auto;max-width:640px}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;transition:box-shadow .2s,border-color .2s}.card,.card:hover{background:var(--bg-card)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.calc-layout{margin:0 auto 2rem;max-width:800px}.calc-layout.two-col{align-items:start;display:grid;gap:2rem;grid-template-columns:420px 1fr;max-width:100%}.calc-form{width:100%}.calc-results{margin-top:2rem}.calc-layout.two-col .calc-results{margin-top:0}.calc-results .result-list{display:grid;gap:1rem;margin-top:1rem}@media(max-width:768px){.calc-layout.two-col{grid-template-columns:1fr}}.calc-results .result-desc{color:var(--text-secondary);margin-bottom:1rem}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);color:#fff;transform:translateY(-1px)}.btn-outline{background:#fff;border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary-lighter);color:var(--primary-dark)}.form-group{margin-bottom:1.25rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-control{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.grid-2,.grid-3{gap:1.5rem}.grid-2,.grid-3,.grid-4{display:grid;grid-template-columns:1fr}.grid-4{gap:1rem}@media(min-width:640px){.grid-2,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.page-header h1{font-size:3rem}}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.badge-primary{background:#2563eb14;color:var(--primary)}.badge-success{background:#16a34a1a;color:var(--success)}.badge-warning{background:#d977061a;color:var(--warning)}.table-wrapper{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;font-size:.875rem;width:100%}th{background:#f9fafb;color:#374151;font-weight:600;text-align:left;white-space:nowrap}td,th{border-bottom:1px solid var(--border);padding:.875rem 1rem}td{vertical-align:top}tr:last-child td{border-bottom:none}tr:hover td{background:#f9fafb}.result-card{background:var(--primary-lighter);border:1px solid rgba(37,99,235,.2);border-radius:var(--radius);margin-top:2rem;padding:2rem}.result-card h3{color:var(--primary-dark);font-size:1.25rem;margin-bottom:1.5rem}.result-value{color:var(--primary);font-size:2rem;font-weight:800}.result-label{color:var(--text-muted);font-size:.875rem;margin-top:.25rem}.updated-date{color:var(--text-muted);font-size:.75rem;margin-top:2rem}.text-center,.updated-date{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.gap-1{gap:.5rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}