:root{
  --bg:#0b1220;--panel:#111b31;--muted:#90a3bf;--text:#eaf1ff;--line:#223251;--brand:#3b82f6;--brand2:#22c55e;--danger:#ef4444;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#08101d,#0d1730);color:var(--text)}
a{color:inherit;text-decoration:none} .wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;background:rgba(8,16,29,.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:5}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{font-weight:800;letter-spacing:.04em}.nav-links{display:flex;gap:18px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#162440;color:var(--text);padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--brand),#1d4ed8);border-color:#2960d6}.btn.green{background:linear-gradient(135deg,#16a34a,var(--brand2));border-color:#22c55e}.btn.ghost{background:transparent}
.hero{padding:64px 0 32px}.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.card{background:rgba(17,27,49,.9);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 40px rgba(0,0,0,.2)}
.h1{font-size:48px;line-height:1.05;margin:0 0 16px;font-weight:900}.muted{color:var(--muted)} .pill{display:inline-block;padding:8px 12px;border-radius:999px;background:#13203a;border:1px solid #213350;color:#c9d7f3;font-size:13px;font-weight:700}
.section{padding:26px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:#bfd0ef}.field input,.field select,.field textarea{width:100%;padding:12px 14px;background:#0c1529;border:1px solid #243554;color:#eef4ff;border-radius:12px}.field textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid .full{grid-column:1/-1}
.notice{padding:12px 14px;border-radius:12px;border:1px solid #2f4d7e;background:#10203d;color:#dbeafe;margin-top:12px}.error{border-color:#7f1d1d;background:#2b1116;color:#fecaca}.success{border-color:#14532d;background:#0f2017;color:#bbf7d0}
.steps{display:grid;grid-template-columns:260px 1fr;gap:18px}.step-list{display:flex;flex-direction:column;gap:8px}.step-item{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#0d1730;color:#d9e7ff;font-weight:700}.step-item.active{background:#16305b;border-color:#3b82f6}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.kpi{font-size:30px;font-weight:900}.small{font-size:12px}.hidden{display:none}
@media(max-width:920px){.grid2,.steps,.cards,.form-grid{grid-template-columns:1fr}.h1{font-size:36px}.nav-links{display:none}}