:root{--ok:#059669;--ok-bg:#d1fae5;--ok-bd:#6ee7b7;--warn:#d97706;--warn-bg:#fef3c7;--warn-bd:#fcd34d;--danger:#dc2626;--danger-bg:#fee2e2;--danger-bd:#fca5a5;--blue:#1d4ed8;--navy:#1e3a5f;--dark:#0f172a;--teal:#0d9488;--g50:#f8fafc;--g100:#f1f5f9;--g200:#e2e8f0;--g300:#cbd5e1;--g400:#94a3b8;--g600:#475569;--g700:#334155;--g800:#1e293b;--fd:"Barlow Condensed",sans-serif;--fb:"Barlow",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--fb);background:var(--g100);color:var(--g800);font-size:15px;line-height:1.5}.nav{background:var(--dark);border-bottom:1px solid hsla(0,0%,100%,.1);position:-webkit-sticky;position:sticky;top:0;z-index:100;padding:0 20px}.nav-in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:0}.nav-brand{font-family:var(--fd);font-weight:900;font-size:1.1rem;color:#fff;padding:12px 20px 12px 0;border-right:1px solid hsla(0,0%,100%,.1);margin-right:8px;white-space:nowrap}.nav-tab{color:hsla(0,0%,100%,.55);text-decoration:none;font-size:13px;font-weight:600;padding:14px 16px;border-bottom:3px solid transparent;transition:all .15s;white-space:nowrap}.nav-tab:hover{color:#fff}.nav-tab.active{color:#fff;border-bottom-color:var(--blue)}.badge{display:inline-flex;align-items:center;gap:3px;font-family:var(--fd);font-weight:700;border-radius:7px;padding:3px 9px;border-width:1.5px;border-style:solid;white-space:nowrap}.badge.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-bd)}.badge.warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-bd)}.badge.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-bd)}.badge.lg{font-size:1rem;padding:4px 11px}.badge.xl{font-size:1.6rem;padding:6px 16px}.gp{display:inline-flex;align-items:center;gap:4px;font-family:var(--fd);font-weight:700;font-size:11px;border-radius:50px;padding:2px 9px;border:1.5px solid;white-space:nowrap}.gp.hit{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-bd)}.gp.part{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-bd)}.gp.miss{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-bd)}.gp.na{background:var(--g100);color:var(--g400);border-color:var(--g300)}.btn{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:8px 16px;font-size:13px;font-family:var(--fb);font-weight:600;cursor:pointer;border:none;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#1e40af}.btn-secondary{background:var(--g100);color:var(--g700);border:1.5px solid var(--g200)}.btn-secondary:hover{border-color:var(--blue);color:var(--blue)}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:#0f766e}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1.5px solid var(--danger-bd)}.btn-danger:hover{background:var(--danger);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.07);border:1.5px solid var(--g200)}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .22s ease both}