:root{--ink:#121214;--ink-2:#4a4a50;--ink-3:#5c5c63;--bg:#f6f5f2;--bg-2:#fbfaf8;--line:#dedcd6;--accent:#ff8a00;--accent-ink:#9a4606;--primary:#141416;--primary-ink:#f7f6f3;--ok:#1f6b3a;--ok-bg:#e6f3ea;--err:#a02020;--err-bg:#fbe9e7;--info-bg:#e8eef6;--radius:10px;--radius-sm:6px;--shadow:0 1px 2px rgba(18,18,20,.06),0 8px 24px -12px rgba(18,18,20,.18);--font:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;--focus:0 0 0 3px rgba(255,138,0,.45);--gap:1rem}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}
body{margin:0;font:16px/1.6 var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration-color:rgba(18,18,20,.35);text-underline-offset:3px}a:hover{text-decoration-color:var(--accent)}
h1,h2,h3{line-height:1.2;letter-spacing:-.01em;margin:0 0 .5em}h1{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.1rem);font-weight:700}h2{font-size:1.15rem;font-weight:650}
p{margin:0 0 .8em}.nagy{font-size:1.15rem}.halk{color:var(--ink-2)}.kicsi{font-size:.9rem}small{font-weight:400;color:var(--ink-3)}
.skip{position:absolute;left:-999px;top:0;background:var(--primary);color:var(--primary-ink);padding:.5rem 1rem;z-index:99}.skip:focus{left:8px;top:8px}
:focus-visible{outline:none;box-shadow:var(--focus)}
.fej{background:var(--bg-2);border-bottom:1px solid var(--line)}.fej-in,.lab-in{max-width:1180px;margin:0 auto;padding:.7rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.logo{font-weight:700;text-decoration:none;letter-spacing:-.02em;font-size:1.05rem}.logo span{color:var(--accent-ink)}
.fej-nav{display:flex;align-items:center;gap:1rem}.fej-nav a{text-decoration:none}.fej-nav form{margin:0}
.link{background:none;border:0;padding:0;font:inherit;color:var(--ink-2);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.fo{max-width:1180px;margin:0 auto;padding:1.5rem 1.25rem 3rem;min-height:60vh}body.teljes .fo{max-width:1600px}
.lab{border-top:1px solid var(--line);color:var(--ink-3);font-size:.85rem}.lab a{color:inherit}
.lap{padding-block:.5rem}.lap-szuk{max-width:440px;margin-inline:auto}.lap-kozep{max-width:760px}.lap-fej{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.lap-fej h1{margin-bottom:.2em}
.gomb{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:var(--primary-ink);border:1px solid var(--primary);border-radius:var(--radius-sm);padding:.6rem 1.1rem;font:600 .95rem/1.2 var(--font);text-decoration:none;cursor:pointer;transition:transform .15s cubic-bezier(.2,.7,.3,1),background .15s cubic-bezier(.2,.7,.3,1)}
.gomb:hover{background:#2a2a2e;transform:translateY(-1px)}.gomb:active{transform:translateY(0)}.gomb:disabled{opacity:.55;cursor:not-allowed;transform:none}
.gomb-masodlagos{background:var(--bg-2);color:var(--ink);border-color:var(--line)}.gomb-masodlagos:hover{background:#efede8}
.gomb-kis{padding:.4rem .8rem;font-size:.85rem}.gomb-nagy{padding:.8rem 1.4rem;font-size:1.05rem}.gomb-veszely{background:var(--err);border-color:var(--err)}.gomb-veszely:hover{background:#7e1818}
.pont{background:var(--accent);color:var(--ink);border-radius:999px;padding:0 .5em;font-size:.8rem}
.flash{border-radius:var(--radius-sm);padding:.7rem 1rem;margin:0 0 1rem;border:1px solid transparent}.flash ul{margin:0;padding-left:1.2rem}
.flash-siker{background:var(--ok-bg);color:var(--ok);border-color:#bfdcc8}.flash-hiba{background:var(--err-bg);color:var(--err);border-color:#efc6c0}.flash-info{background:var(--info-bg);color:#284a72;border-color:#c7d6ea}
.urlap{display:grid;gap:var(--gap)}.mezo{display:grid;gap:.3rem}.mezo>span{font-weight:600;font-size:.92rem}.mezo .sugo{color:var(--ink-3);font-size:.85rem;line-height:1.45}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],textarea,select{width:100%;font:inherit;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.55rem .7rem;transition:border-color .15s cubic-bezier(.2,.7,.3,1)}
textarea{resize:vertical;min-height:2.6rem}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--accent)}input[type=color]{width:3.2rem;height:2.4rem;padding:.15rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-2)}
.check{grid-template-columns:auto 1fr;align-items:start;gap:.6rem}.check input{margin-top:.35rem}.check small{display:block}
.sor{display:grid;gap:var(--gap)}.sor-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sor-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.csoport{border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;margin:0;display:grid;gap:var(--gap);background:var(--bg-2)}.csoport>legend{font-weight:650;padding:0 .3rem}
.valaszto{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.valaszto-elem{display:flex;gap:.6rem;align-items:flex-start;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.6rem .8rem;cursor:pointer;background:var(--bg)}.valaszto-elem:has(input:checked){border-color:var(--ink);background:#fff8ee}.valaszto-elem input{margin-top:.3rem}.valaszto-elem span{font-size:.92rem;line-height:1.4}
.lepes{border:0;padding:0;margin:0;display:grid;gap:var(--gap)}.lepes>legend{font-size:1.2rem;font-weight:650;margin-bottom:.4rem}
.lepes-jelzo{display:flex;gap:.4rem;padding:0;margin:0 0 1.2rem;list-style:none;flex-wrap:wrap}.lepes-jelzo li{font-size:.85rem;color:var(--ink-3);padding:.3rem .7rem;border-radius:999px;border:1px solid var(--line)}.lepes-jelzo li[aria-current]{color:var(--ink);border-color:var(--ink);background:var(--bg-2);font-weight:600}
.lepes-gombok{display:flex;justify-content:space-between;gap:1rem;margin-top:.5rem}.lepes-gombok .gomb:only-child{margin-left:auto}
.kartyak{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap)}.kartya{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:var(--shadow);display:flex;flex-direction:column}.kartya h2{margin-bottom:.4rem}.kartya h2 a{text-decoration:none}.kartya-linkek{margin-top:auto;padding-top:.5rem}
.cimkek{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:0 0 .5rem}.cimke{display:inline-block;font-size:.8rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:#e9e7e1;color:var(--ink-2)}.cimke-ready{background:var(--ok-bg);color:var(--ok)}.cimke-error{background:var(--err-bg);color:var(--err)}.cimke-generating,.cimke-queued{background:#fff1dc;color:var(--accent-ink)}.cimke-elo{background:var(--ok);color:#f2faf4}
.ures{background:var(--bg-2);border:1px dashed var(--line);border-radius:var(--radius);padding:2.5rem 1.5rem;text-align:center;max-width:520px}
.panel{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.25rem}.panelok{margin-top:1.25rem}.panel form{margin-top:.5rem}
form.inline{display:inline;margin:0}.tavol{margin-top:1.5rem}.panel-velemeny{margin-bottom:1.25rem;border-left:3px solid var(--accent)}.panel-velemeny form{display:inline;margin:0}.csillagok{display:flex;gap:.3rem;flex-direction:row-reverse;justify-content:flex-end}.csillagok input{position:absolute;opacity:0;width:0;height:0}.csillagok label{font-size:1.9rem;line-height:1;cursor:pointer;color:#cfcdc6;transition:transform .15s cubic-bezier(.2,.7,.3,1)}.csillagok label:hover{transform:scale(1.12)}.csillagok input:checked~label,.csillagok label:hover,.csillagok label:hover~label{color:var(--accent)}.csillagok input:focus-visible+label{box-shadow:var(--focus);border-radius:4px}.cimke-link{text-decoration:none}.cimke-link:hover{background:#dedcd6}.idoszak{margin-bottom:1rem}.idoszak a{text-decoration:none;font:600 .85rem var(--font);padding:.4rem .9rem;color:var(--ink-3)}.idoszak a.aktiv{background:var(--primary);color:var(--primary-ink)}.csomagok{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--gap)}.csomag.jelenlegi{border-color:var(--ink)}.csomag-ar{font-size:1.6rem;font-weight:700;margin:0;letter-spacing:-.01em}.csomag-lista{padding-left:1.1rem;margin:.6rem 0 1rem;color:var(--ink-2);font-size:.92rem;line-height:1.5}.csomag-lista li{margin:.2rem 0}.chart-tok{overflow-x:auto}.chart{width:100%;height:auto;display:block;font:500 11px var(--font)}.chart-racs{stroke:var(--line);stroke-width:1}.chart-tengely{fill:var(--ink-3)}.chart-rud{fill:var(--accent-ink)}.chart-cel{fill:transparent}.chart-oszlop:hover .chart-cel,.chart-oszlop:focus-visible .chart-cel{fill:rgba(18,18,20,.06)}.chart-oszlop:focus-visible{outline:none}.chart-oszlop:focus-visible .chart-rud{stroke:var(--accent);stroke-width:2}.tabla-gorgo{max-height:340px;overflow-y:auto}.tabla-gorgo:focus-visible{box-shadow:var(--focus);border-radius:var(--radius-sm)}.stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem;margin-bottom:1.25rem}.stat div{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1rem}.stat strong{display:block;font-size:1.5rem;line-height:1.2}.tabla{width:100%;border-collapse:collapse;font-size:.9rem}.tabla th,.tabla td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}.tabla th{font-weight:650;color:var(--ink-2)}.tabla-tok{overflow-x:auto}.velemeny-admin{display:grid;gap:.6rem}.velemeny-admin .uzenet form{display:inline-block;margin:.4rem .4rem 0 0}.panel-varakozas{text-align:center;padding:2.5rem 1.5rem}.panel-hiba{border-color:#efc6c0}
.porgo{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);margin:0 auto 1rem;animation:porog 1s linear infinite}@keyframes porog{to{transform:rotate(360deg)}}
.elonezet-fej{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem}
.nezet-valto{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--bg-2)}.nezet-valto button{border:0;background:none;font:600 .82rem var(--font);padding:.35rem .8rem;color:var(--ink-3);cursor:pointer}.nezet-valto button.aktiv{background:var(--primary);color:var(--primary-ink)}
.elonezet-keret{background:#e4e2dc;border:1px solid var(--line);border-radius:var(--radius);padding:.75rem;overflow:hidden;height:70vh}.elonezet{display:block;height:100%;transform-origin:0 0;border:0;background:#fff;margin:0 auto;border-radius:4px;box-shadow:var(--shadow);transition:width .3s cubic-bezier(.2,.7,.3,1)}
.veszely{margin-top:2rem;color:var(--ink-3)}.veszely summary{cursor:pointer}.veszely form{margin-top:.5rem}details>summary{cursor:pointer}
.uzenetek{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}.uzenet{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1.1rem}.uzenet.uj{border-left:3px solid var(--accent)}.uzenet-fej{margin-bottom:.3rem}
.szerk-racs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.25rem;align-items:start}.szerk-ragad{position:sticky;top:1rem}.elonezet-keret-szerk{height:calc(100vh - 6rem)}
.parancs{margin-bottom:1rem}.parancs-lab{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.6rem}.parancs-valasz{margin:.6rem 0 0;min-height:1.4em}.parancs-valasz.hiba{color:var(--err)}.parancs-valasz.siker{color:var(--ok)}
.szerk-urlap{gap:.6rem}
.ed-szekcio{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius)}.ed-szekcio-det>summary{padding-right:7rem;display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;font-weight:650;list-style:none}.ed-szekcio-det>summary::-webkit-details-marker{display:none}.ed-szekcio-det>summary::before{content:"›";display:inline-block;transition:transform .2s cubic-bezier(.2,.7,.3,1);color:var(--ink-3)}.ed-szekcio-det[open]>summary::before{transform:rotate(90deg)}
.ed-szekcio-nev{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ed-szekcio-id{color:var(--ink-3);font-weight:400;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ed-szekcio-gombok{position:absolute;right:.6rem;top:.55rem;display:flex;gap:.25rem}.ed-rendszer .ed-szekcio-det>summary{background:#f0eee9;border-radius:var(--radius) var(--radius) 0 0}
.ed-szekcio-test{padding:.5rem 1rem 1rem;display:grid;gap:.7rem;border-top:1px solid var(--line)}
.ed-mezo{display:grid;gap:.25rem}.ed-mezo>span{font-size:.85rem;font-weight:600}.ed-sugo{color:var(--ink-3);font-size:.8rem;line-height:1.4}.ed-check{grid-template-columns:auto 1fr;align-items:center;gap:.5rem}.ed-check>span{font-weight:500}
.ed-sor{display:grid;gap:.7rem}.ed-sor-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ed-sor-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ed-sor-auto{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.ed-csoport{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .9rem .9rem;margin:0;display:grid;gap:.6rem;background:var(--bg)}.ed-csoport>legend{font-size:.85rem;font-weight:650;padding:0 .3rem}
.ed-kep-elonezet{width:160px;height:100px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line)}
.ed-elem{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.6rem .8rem;background:var(--bg-2);display:grid;gap:.5rem}.ed-elem-fej{display:flex;align-items:center;justify-content:space-between}.ed-elem-sorszam{font-size:.8rem;color:var(--ink-3);font-weight:600}.ed-elem-gombok{display:flex;gap:.25rem}
.ed-ikon{width:1.8rem;height:1.8rem;border:1px solid var(--line);background:var(--bg-2);border-radius:var(--radius-sm);cursor:pointer;font:600 .95rem var(--font);color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;transition:transform .15s cubic-bezier(.2,.7,.3,1)}.ed-ikon:hover{transform:translateY(-1px);color:var(--ink)}.ed-torol:hover{color:var(--err);border-color:#efc6c0}
.ed-gomb-kis{justify-self:start;background:none;border:1px dashed var(--line);border-radius:var(--radius-sm);padding:.35rem .8rem;font:600 .85rem var(--font);color:var(--ink-2);cursor:pointer}.ed-gomb-kis:hover{border-color:var(--ink);color:var(--ink)}
.ed-uj{display:flex;gap:.7rem;align-items:flex-end;margin-top:.5rem}.ed-uj .ed-mezo{flex:1}
.szerk-mentes{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1rem;position:sticky;bottom:0;background:var(--bg);padding:.8rem 0;border-top:1px solid var(--line)}
.ed-szekcio.ed-valtozott summary::after{content:"módosítva";font-size:.75rem;color:var(--accent-ink);font-weight:600;margin-left:.3rem}
@media (max-width:1023px){.szerk-racs{grid-template-columns:1fr}.szerk-ragad{position:static}.elonezet-keret-szerk{height:60vh}.sor-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.fo{padding-inline:1rem}.sor-2,.sor-3,.ed-sor-2,.ed-sor-3,.valaszto{grid-template-columns:1fr}.lap-fej{flex-direction:column}.elonezet-keret{height:60vh;padding:.4rem}.lepes-gombok{flex-direction:column-reverse}.lepes-gombok .gomb{justify-content:center}.ed-uj{flex-direction:column;align-items:stretch}}
.dns-tabla{width:100%;border-collapse:collapse;font-size:.92rem;margin:.75rem 0}.dns-tabla th,.dns-tabla td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--line,#e5e2db);vertical-align:top}.dns-tabla th{font-size:.8rem;color:var(--ink-3);font-weight:600}.dns-tabla code,.panel code{font:.9em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f1efe9;padding:.1rem .35rem;border-radius:4px;word-break:break-all}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.porgo{border-top-color:var(--accent)}}