:root{--bg:#0b1220;--card:#121b2e;--fg:#e8eefc;--mut:#9fb0d0;--ac:#3ddc97;--warn:#ffb547}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;background:var(--bg);color:var(--fg)}
a{color:var(--ac)}header,footer{padding:1rem 5vw;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
header nav a{margin-left:1rem;color:var(--mut);text-decoration:none}.logo{font-weight:800;color:var(--fg);text-decoration:none}
main{max-width:1000px;margin:auto;padding:0 5vw 3rem}.hero h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2}
.card{background:var(--card);border-radius:14px;padding:1.4rem;margin:1.2rem 0}
form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}label{display:flex;flex-direction:column;font-size:.9rem;color:var(--mut)}
input,select{margin-top:.3rem;padding:.6rem;border-radius:8px;border:1px solid #2a3654;background:#0d1526;color:var(--fg);font-size:1rem}
.cta{display:inline-block;background:var(--ac);color:#05241a;font-weight:700;padding:.8rem 1.3rem;border-radius:10px;text-decoration:none}
.cta.sm{padding:.45rem .9rem;font-size:.9rem}.note{font-size:.85rem;color:var(--mut)}
.row{display:grid;grid-template-columns:130px 1fr 110px;gap:.6rem;align-items:center;padding:.3rem 0;border-bottom:1px solid #1d2842}
.bar{height:14px;background:#1d2842;border-radius:7px;overflow:hidden}.bar i{display:block;height:100%;background:var(--ac)}
.row.gap .bar i{background:var(--warn)}.row.gap .nm::after{content:" ⚠";color:var(--warn)}
.gaps li{margin:.4rem 0}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #1d2842;padding:.4rem;text-align:left}
@media(max-width:560px){.row{grid-template-columns:100px 1fr 80px;font-size:.85rem}}