*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f6f8;color:#171717}.topbar{height:74px;background:#0d0d0f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:5;box-shadow:0 2px 10px rgba(0,0,0,.18)}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none}.brand span{display:block;color:#f04444;font-weight:700}.logo{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#d50000,#111);display:flex;align-items:center;justify-content:center;font-weight:900;border:2px solid #fff}.menu{background:#d50000;color:#fff;border:0;border-radius:12px;font-size:28px;padding:8px 14px}.side{position:fixed;right:-290px;top:74px;width:280px;height:calc(100vh - 74px);background:#171717;padding:18px;z-index:10;transition:.2s}.nav-open .side{right:0}.side a{display:block;color:#fff;text-decoration:none;padding:14px;border-radius:12px;margin-bottom:8px;background:#242424}.side a:hover{background:#d50000}.main{max-width:1180px;margin:0 auto;padding:24px}.page-title h1{margin:0 0 6px;font-size:30px}.page-title p{margin:0 0 20px;color:#666}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(0,0,0,.07);border:1px solid #e7e7e7}.card h2,.card h3{margin-top:0}.btn{display:inline-block;background:#d50000;color:#fff;text-decoration:none;border:0;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer}.btn.dark{background:#111}.input,textarea,select{width:100%;border:1px solid #ddd;border-radius:12px;padding:13px;margin:7px 0 14px;font-size:16px}textarea{min-height:130px}.table-wrap{overflow:auto;background:#fff;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.07)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #eee;vertical-align:top}th{background:#111;color:#fff}.status{padding:8px 10px;border-radius:999px;display:inline-block;font-weight:700}.Compatible{background:#dff5e5;color:#146c2e}.Possible{background:#fff3cd;color:#856404}.Need{background:#fde2e2;color:#9b111e}.alert{padding:14px 16px;border-radius:14px;margin:12px 0;background:#fff3cd}.error{background:#fde2e2}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login .card{width:100%;max-width:420px}.muted{color:#666}.answer{white-space:pre-wrap;line-height:1.55}@media(max-width:800px){.grid{grid-template-columns:1fr}.main{padding:18px}.page-title h1{font-size:24px}}