:root{--navy:#0b2545;--navy2:#13315c;--gold:#b8975a;--ink:#1c2733;--mute:#6b7785;--line:#dfe4ea;--bg:#f4f6f9;--ok:#2e7d5b;--bad:#a63d40}
*{box-sizing:border-box}
body{margin:0;font:16px/1.55 "Inter",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,h3,.brand{font-family:Georgia,"Times New Roman",serif;font-weight:600;color:var(--navy)}
header.top{background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff;border-bottom:3px solid var(--gold)}
.bar{max-width:1100px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.brand{color:#fff;font-size:22px;letter-spacing:.5px;text-decoration:none;display:flex;align-items:center;gap:10px}
.brand i{display:inline-block;width:26px;height:26px;border:2px solid var(--gold);transform:rotate(45deg);position:relative}
.brand i:after{content:"";position:absolute;inset:6px;background:var(--gold)}
nav a{color:#cfd8e6;text-decoration:none;margin-right:20px;font-size:14px;letter-spacing:.4px;text-transform:uppercase;padding-bottom:4px}
nav a:hover,nav a.on{color:#fff;border-bottom:2px solid var(--gold)}
main{max-width:1100px;margin:32px auto;padding:0 24px}
.narrow{max-width:760px}
.card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px;margin-bottom:24px;box-shadow:0 1px 3px rgba(11,37,69,.06)}
.card h2{margin-top:0;font-size:20px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.card h2 small{color:var(--gold);font:600 12px Arial;letter-spacing:1.5px;text-transform:uppercase;display:block;margin-bottom:4px}
.hero{background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff;border-radius:6px;padding:36px;margin-bottom:24px;border-left:5px solid var(--gold)}
.hero h1{color:#fff;margin:0 0 8px;font-size:30px}.hero p{margin:0;color:#cfd8e6}
label{display:block;font-weight:600;font-size:14px;margin:0 0 6px;color:var(--navy)}
select,input[type=text],input[type=number],textarea{width:100%;padding:10px 12px;border:1px solid #c5cdd8;border-radius:4px;font:inherit;background:#fff}
select:focus,input:focus,textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:640px){.grid{grid-template-columns:1fr}}
.q{padding:18px 0;border-bottom:1px solid var(--line)}.q:last-of-type{border-bottom:0}
.q p{margin:0 0 12px;font-weight:600}.q .n{color:var(--gold);font-family:Georgia,serif;margin-right:8px}
.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.scale label{margin:0;font-weight:400;text-align:center;font-size:12px;color:var(--mute);cursor:pointer}
.scale input{position:absolute;opacity:0}
.scale span{display:block;border:1px solid #c5cdd8;border-radius:4px;padding:10px 4px;background:#fff;transition:.15s}
.scale b{display:block;font-size:18px;color:var(--navy)}
.scale input:checked+span{background:var(--navy);color:#fff;border-color:var(--navy)}.scale input:checked+span b{color:var(--gold)}
.scale input:focus-visible+span{outline:2px solid var(--gold)}
.scale label:hover span{border-color:var(--gold)}
button,.btn{background:var(--navy);color:#fff;border:0;border-radius:4px;padding:12px 26px;font:600 14px Arial;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block}
button:hover,.btn:hover{background:var(--navy2);box-shadow:inset 0 -3px 0 var(--gold)}
button.danger{background:var(--bad)}button.ghost,.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.err{background:#fbeaea;border-left:4px solid var(--bad);padding:12px 16px;margin-bottom:18px;border-radius:3px}
.flash{background:#e8f3ee;border-left:4px solid var(--ok);padding:12px 16px;margin-bottom:18px;border-radius:3px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}
.kpi{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:6px;padding:18px 20px}
.kpi b{display:block;font:600 34px Georgia,serif;color:var(--navy)}.kpi span{color:var(--mute);font-size:13px;text-transform:uppercase;letter-spacing:1px}
.row{display:grid;grid-template-columns:minmax(150px,1.2fr) 3fr 60px;gap:12px;align-items:center;margin:8px 0;font-size:14px}
.track{background:#edf0f4;height:12px;border-radius:6px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,var(--navy),var(--navy2));border-radius:6px}
.fill.g{background:var(--gold)}
.num{text-align:right;font-variant-numeric:tabular-nums;color:var(--navy);font-weight:600}
table{width:100%;border-collapse:collapse;font-size:14px}th{background:var(--navy);color:#fff;text-align:left;padding:10px;font-size:12px;text-transform:uppercase;letter-spacing:.8px}
td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}tr:hover td{background:#f8f9fb}
.tag{font-size:11px;padding:2px 8px;border-radius:10px;background:#e7ecf4;color:var(--navy);text-transform:uppercase;letter-spacing:.6px}.tag.sim{background:#f6efe0;color:#7a5f27}
.filters a{margin-right:12px;color:var(--mute);text-decoration:none}.filters a.on{color:var(--navy);font-weight:700;border-bottom:2px solid var(--gold)}
.scroll{overflow-x:auto}
footer{text-align:center;color:var(--mute);font-size:12px;padding:30px}
form.inline{display:inline}