.systemPage{max-width:1240px;margin:22px auto;padding:0 18px}
.systemHero{background:linear-gradient(135deg,#fff,#effaf1);border:1px solid #e5e7eb;border-radius:24px;padding:28px;box-shadow:0 14px 38px rgba(15,23,42,.07);display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}
.systemHero h1{font-size:42px;margin:8px 0;letter-spacing:-.04em}.systemHero p{color:#64748b;font-size:18px;margin:0}.systemHero button{background:#078438;color:white;border-radius:16px;padding:13px 18px;font-weight:900}
.systemRoot{display:grid;gap:18px}.systemGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.systemCard{background:white;border:1px solid #e5e7eb;border-radius:22px;padding:20px;box-shadow:0 10px 28px rgba(15,23,42,.06)}.systemCard h2{margin:0 0 14px}.checkRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f7}.checkRow:last-child{border-bottom:0}.checkRow b{display:block}.checkRow small{color:#64748b}.statusOk{background:#dcfce7;color:#15803d}.statusBad{background:#fee2e2;color:#b91c1c}.statusOk,.statusBad{border-radius:999px;padding:6px 10px;font-weight:900;font-size:13px}
.versionItem{padding:10px 0;border-bottom:1px solid #eef2f7}.versionItem:last-child{border-bottom:0}.versionItem b{display:block}.versionItem small{color:#64748b}
@media(max-width:800px){.systemGrid{grid-template-columns:1fr}.systemHero{display:block}.systemHero button{margin-top:16px}.systemHero h1{font-size:32px}}