:root{--ink:#10233d;--muted:#607086;--line:#dbe5ef;--panel:#fff;--bg:#f5f8fb;--accent:#1e5aa8;--accent2:#0d7b83;--good:#117a4b;--warn:#9b6500;--bad:#a43f22;--critical:#9f1c2f}*{box-sizing:border-box}.wrap{padding:24px 20px 8px}.layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:20px;align-items:stretch}.subhead{margin:24px 0 10px;padding-top:18px;border-top:1px solid var(--line);font-size:.92rem;text-transform:uppercase;letter-spacing:.06em;color:#38536f}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field label{display:block;font-size:.86rem;font-weight:700;margin-bottom:6px}.field input, .field select{width:100%;padding:11px 12px;border:1px solid #cbd8e5;border-radius:10px;background:#fff;color:var(--ink);font:inherit}.field input:focus, .field select:focus{outline:3px solid #2e70b61f;border-color:#4d83ba}.help{font-size:.75rem;color:var(--muted);line-height:1.45;margin:5px 0 0}.presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.presets button, .actions button{border:1px solid #bfd0df;background:#fff;color:#244664;border-radius:999px;padding:8px 12px;font-weight:700;cursor:pointer}.presets button:hover, .actions button:hover{border-color:#6e9bbd}.actions{display:flex;gap:10px;margin-top:18px}.actions .primary{background:#164f89;color:#fff;border-color:#164f89}.error{margin-top:14px;padding:10px 12px;background:#fff0ef;color:#9b2c21;border-radius:10px}.result-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.result-head h2{margin-bottom:4px}.status{display:inline-flex;border-radius:999px;padding:7px 11px;font-weight:800;font-size:.8rem}.healthy{background:#e6f5ed;color:var(--good)}.warning{background:#fff5d7;color:var(--warn)}.high{background:#fff0e7;color:var(--bad)}.critical{background:#ffe8ed;color:var(--critical)}.score{font-size:.82rem;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.metric{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fbfdff;min-height:82px}.metric span{display:block;font-size:.74rem;color:var(--muted);line-height:1.35}.metric strong{display:block;margin-top:7px;font-size:1.08rem}.bar-group{margin-top:20px}.bar-row{display:grid;grid-template-columns:130px 1fr 58px;gap:9px;align-items:center;margin:9px 0;font-size:.8rem}.track{height:9px;background:#e6edf4;border-radius:99px;overflow:hidden}.bar{height:100%;background:linear-gradient(90deg,#2679b9,#13a0a0);border-radius:99px}.bar[data-over="1"]{background:#bd3f3f}.recommend{margin:18px 0 0;padding:14px 14px 14px 30px;background:#f2f7fb;border-radius:12px;line-height:1.55}.table-wrap{overflow:auto;margin-top:20px}table{width:100%;border-collapse:collapse;font-size:.82rem}th, td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th:first-child, td:first-child{text-align:left}.mini{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:.7rem;font-weight:800}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.content-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0f2238;color:#d8f3ff;padding:13px;border-radius:10px;overflow:auto}@media (max-width:900px){.layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.form-grid, .metrics, .content-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:92px 1fr 48px}}@media print{.presets, .actions{display:none!important}.layout{grid-template-columns:1fr}}