:root{
  --bg:#06070b;--bg2:#0d1220;--panel:rgba(16,20,31,.9);--panel2:rgba(21,26,40,.84);
  --text:#f5f7fb;--muted:#9aa6b8;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);
  --accent:#6d5efc;--accent2:#1d9bf0;--success:#16a34a;--warning:#f59e0b;--danger:#ef4444;
  --shadow:0 24px 70px rgba(0,0,0,.35);--r1:28px;--r2:18px;--r3:14px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{
  margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(109,94,252,.16), transparent 28%),
    radial-gradient(circle at top right, rgba(29,155,240,.10), transparent 22%),
    linear-gradient(180deg, #0b0f17 0%, var(--bg) 100%);
}
a{color:inherit}.wrap{width:min(1180px,calc(100% - 2rem));margin:0 auto}
.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(12px);background:rgba(6,7,11,.72);border-bottom:1px solid var(--line)}
.header-row,.footer-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0}
.brand{display:flex;align-items:center;gap:.9rem;text-decoration:none}
.brand-badge{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:var(--shadow);font-weight:900}
.eyebrow{margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:#d4dbe7;font-weight:800}
.brand-title,h1{margin:0;font-size:1.05rem}
.nav{display:flex;gap:.35rem;flex-wrap:wrap}
.nav a,.nav button{padding:.72rem .95rem;border-radius:999px;color:var(--muted);font-weight:700;text-decoration:none;background:none;border:0;cursor:pointer}
.nav a:hover,.nav a.active,.nav button:hover{background:rgba(255,255,255,.06);color:var(--text)}
.hero{padding:4rem 0 2rem}.hero-grid,.section-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:1.2rem;align-items:start}
.hero-copy,.panel,.info-card,.summary-item,.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r1);box-shadow:var(--shadow)}
.hero-copy,.panel,.info-card,.summary-item,.kpi-card{padding:1.2rem}
.hero-copy{background:linear-gradient(180deg, rgba(17,22,34,.96), rgba(11,15,23,.93))}
.hero h2{margin:0 0 1rem;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.95;max-width:11ch}
.lede,.muted,.small-note,.panel-head p,.summary-item span,.kpi-card span,.table-sub{color:var(--muted)}
.hero-actions,.toolbar-row,.inline-actions,.cta-row{display:flex;gap:.75rem;flex-wrap:wrap}
.mode-pill,.pill{display:inline-flex;align-items:center;gap:.45rem;padding:.62rem .95rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.95rem 1.2rem;border-radius:14px;border:1px solid transparent;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;transition:.18s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(0,0,0,.28)}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-color:rgba(255,255,255,.08)}
.btn-secondary{background:rgba(255,255,255,.04);color:var(--text);border-color:var(--line2)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}
.btn-full{width:100%}
.section{padding:1.25rem 0 3rem}.stack,.form-grid,.helper-list,.progress-track{display:grid;gap:1rem}
.panel-head h3{margin:0 0 .35rem;font-size:1.2rem}
fieldset{border:1px solid var(--line);margin:0;border-radius:var(--r2);padding:1rem;display:grid;gap:.8rem;background:rgba(255,255,255,.03)}
legend{padding:0 .35rem;font-weight:800}
label{display:grid;gap:.4rem;font-weight:700}
input,select,textarea{width:100%;padding:.9rem .95rem;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--text);font:inherit}
input::placeholder,textarea::placeholder{color:#7d899d}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(109,94,252,.55);box-shadow:0 0 0 3px rgba(109,94,252,.16)}
.grid-2,.grid-3,.grid-4,.kpi-grid,.search-row{display:grid;gap:.85rem}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.search-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:end}
.notice{padding:1rem 1.05rem;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.notice.success{border-color:rgba(22,163,74,.35);background:rgba(22,163,74,.10)}
.notice.warning{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.10)}
.notice.error{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.10)}
.notice.info{border-color:rgba(29,155,240,.35);background:rgba(29,155,240,.10)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--r2);background:rgba(255,255,255,.03)}
table{width:100%;border-collapse:collapse}th,td{padding:.85rem .9rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#d4dbe7}.center-empty{text-align:center;padding:2rem 1rem;color:var(--muted)}
.hidden{display:none!important}
iframe.label-frame{width:100%;min-height:620px;border:1px solid var(--line);border-radius:18px;background:#fff}
.progress-step{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);color:var(--muted)}
.progress-step span{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid var(--line2);font-size:.82rem;font-weight:800}
.progress-step.active{color:var(--text);border-color:rgba(109,94,252,.34);background:rgba(109,94,252,.10)}
.progress-step.active span{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent}
.footer{border-top:1px solid var(--line);margin-top:2rem;background:rgba(255,255,255,.02)}
@media (max-width:920px){.hero-grid,.section-grid,.kpi-grid,.grid-2,.grid-3,.grid-4,.search-row{grid-template-columns:1fr}.header-row,.footer-row{flex-direction:column;align-items:flex-start}}