:root{--bg:#f4f7f6;--card:#fff;--ink:#17322e;--muted:#6b7c79;--line:#dde7e5;--accent:#0e7568;--accent2:#0b5d52;--gold:#b7912e;--red:#b4453a;--green:#2e7d4f;--chip:#e8f2f0}@media (prefers-color-scheme:dark){:root{--bg:#101917;--card:#17221f;--ink:#e7efed;--muted:#93a5a1;--line:#24332f;--chip:#1d2b28}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,Segoe UI,Arial,sans-serif}a{color:var(--accent)}.wrap{max-width:1180px;margin:0 auto;padding:0 16px 48px}.topbar{z-index:5;background:var(--accent2);color:#fff;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:15px;font-weight:700}.szerep-chip{background:#ffffff26;border-radius:10px;padding:2px 10px;font-size:12.5px}.ki{opacity:.9;margin-left:auto;font-size:12.5px}.kilep{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:8px;padding:4px 10px;font-size:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:14px 16px}.card h2{color:var(--accent);margin:0 0 2px;font-size:14px}.card .sub{color:var(--muted);margin-bottom:10px;font-size:12px}.gomb{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:700}.gomb:disabled{opacity:.6;cursor:default}.gomb.sima{background:var(--chip);color:var(--accent)}.hiba{color:var(--red);margin-top:8px;font-size:12.5px}.sub{color:var(--muted);font-size:12px}.pill{background:var(--chip);color:var(--accent);border-radius:10px;padding:1px 9px;font-size:11.5px;font-weight:700;display:inline-block}.login-hatter{background:linear-gradient(160deg,var(--accent2),#122);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.loginbox{background:var(--card);border-radius:16px;width:380px;max-width:100%;padding:34px 34px 26px;box-shadow:0 18px 50px #00000040}.loginbox h1{color:var(--accent2);margin:0;font-size:19px;display:inline}.loginbox .alcim{color:var(--muted);letter-spacing:.4px;margin-left:8px;font-size:11.5px}.loginbox .sub{margin:4px 0 16px}.loginbox input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:9px;margin-bottom:10px;padding:11px 12px;font-size:14px}.loginbox .gomb{width:100%;padding:11px}.munkater{text-align:left;background:var(--chip);border:1px solid var(--line);cursor:pointer;width:100%;color:var(--ink);border-radius:10px;margin-bottom:8px;padding:10px 12px;font-size:13px;display:block}.munkater b{color:var(--accent2)}.munkater span{color:var(--muted);font-size:12px;display:block}