:root{--bg:#fffdfa;--cream:#f3efe8;--ink:#1d1915;--black:#1d1915;--muted:#6b645c;--line:#281e141a;--yellow:#f5c518;--yellow-2:#fff3bf;--radius:12px;--soft-shadow:0 2px 4px #281e140d, 0 28px 50px -28px #3c281461;--nav-szeles:248px;--nav-keskeny:76px;--tartalom-max:1360px;--side-bg:#1b1714;--side-text:#efe9e1;--side-muted:#a1978d;--side-pill:#2e2824;--side-line:#ffffff14;--font:"Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Bricolage Grotesque", "Manrope", ui-sans-serif, sans-serif;--hover:#281e140d;color-scheme:light}:root[data-theme=dark]{--bg:#1e1b19;--cream:#141210;--ink:#f2ede6;--black:#3a332e;--muted:#a9a198;--line:#ffffff1a;--yellow:#f5c518;--yellow-2:#f5c5182e;--soft-shadow:0 1px 0 #ffffff0d inset, 0 28px 50px -26px #000000e6;--side-bg:#171310;--side-pill:#292320;--hover:#ffffff0f;color-scheme:dark}*{box-sizing:border-box}body{font-family:var(--font);background:var(--cream);color:var(--ink);margin:0;line-height:1.55}.app{grid-template-columns:var(--nav-szeles) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--side-bg);color:var(--side-text);flex-direction:column;gap:16px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.sidebar-fej{flex-shrink:0;align-items:center;gap:8px;padding:0 2px;display:flex}.brand{color:var(--side-text);font-size:.98rem;font-weight:700;font-family:var(--display);letter-spacing:-.01em;flex:1;align-items:center;gap:10px;min-width:0;padding:2px 4px;text-decoration:none;display:flex}.brand-jel{border-radius:11px;flex-shrink:0;width:38px;height:38px;display:none}.brand-lock{flex-direction:column;gap:3px;min-width:0;display:flex}.brand-logo{width:158px;height:auto;display:block}.brand-nev{letter-spacing:.12em;text-transform:uppercase;color:var(--side-muted);white-space:nowrap;text-overflow:ellipsis;padding-left:3px;font-size:10.5px;font-weight:700;overflow:hidden}.nav-toggle{border:1px solid var(--side-line);width:32px;height:32px;color:var(--side-muted);cursor:pointer;background:0 0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-toggle:hover{color:var(--side-text);background:#ffffff12}.nav-toggle .ico-zar{display:none}.sidebar nav{flex-direction:column;flex:1;gap:15px;min-height:0;display:flex;overflow-y:auto}.nav-csoport{flex-direction:column;gap:2px;display:flex}.nav-cimke{text-transform:uppercase;letter-spacing:.08em;color:var(--side-muted);padding:14px 12px 6px;font-size:11px;font-weight:700}.nav-link{height:42px;color:var(--side-muted);border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .14s,color .14s;display:flex;position:relative}.nav-ico{color:var(--side-muted);flex-shrink:0}.nav-link:hover{color:var(--side-text);background:#ffffff0f}.nav-link.aktiv{background:var(--side-pill);color:var(--side-text);box-shadow:inset 0 1px #ffffff0f}.nav-link.aktiv:before{content:"";background:linear-gradient(#ffe27a,#f5c518);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0;box-shadow:0 0 12px 2px #f5c51880}.nav-link.aktiv .nav-ico{color:#f5c518}.sidebar-lab{border-top:1px solid var(--side-line);flex-direction:column;flex-shrink:0;gap:6px;padding:12px 6px 0;display:flex}.user-email{color:var(--side-muted);word-break:break-all;padding:0 4px;font-size:.76rem}.sidebar-lab .btn.ghost{border-color:var(--side-line);color:var(--side-text);background:0 0;justify-content:flex-start;gap:10px;min-height:36px}.sidebar-lab .btn.ghost:hover{color:var(--side-text);background:#ffffff12}.sidebar-lab .btn.ghost .nav-ico{color:var(--side-muted)}.theme-toggle .ico-sun,:root[data-theme=dark] .theme-toggle .ico-moon{display:none}:root[data-theme=dark] .theme-toggle .ico-sun{display:block}.topbar{z-index:25;background:color-mix(in srgb, var(--cream) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:60px;padding:0 40px;display:flex;position:sticky;top:0}.topbar-crumb{color:var(--muted);align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:600;display:flex}.topbar-crumb a{color:var(--muted);text-decoration:none}.topbar-crumb a:hover{color:var(--ink)}.topbar-sep{opacity:.5}.topbar-cur{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.topbar-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar-ico{border:1px solid var(--line);background:var(--bg);width:40px;height:40px;color:var(--muted);cursor:pointer;border-radius:11px;place-items:center;display:grid}.topbar-ico:hover{color:var(--ink);background:var(--hover)}.topbar-ico .ico-sun,:root[data-theme=dark] .topbar-ico .ico-moon{display:none}:root[data-theme=dark] .topbar-ico .ico-sun{display:block}.tartalom{min-width:0}.tartalom main{max-width:var(--tartalom-max);margin:0 auto;padding:16px 40px 64px}.tartalom main.fluid{max-width:none;height:100vh;margin:0;padding:0;overflow:hidden}.vendeg{max-width:1100px;margin:0 auto;padding:36px 28px}@media (width>=841px){:root[data-nav=zart] .app{grid-template-columns:var(--nav-keskeny) 1fr}:root[data-nav=zart] .sidebar{align-items:center;padding:14px 8px 16px}:root[data-nav=zart] .sidebar-fej{flex-direction:column;gap:10px}:root[data-nav=zart] .brand{justify-content:center;padding:0}:root[data-nav=zart] .brand-lock{display:none}:root[data-nav=zart] .brand-jel{display:block}:root[data-nav=zart] .nav-toggle .ico-nyit{display:none}:root[data-nav=zart] .nav-toggle .ico-zar{display:block}:root[data-nav=zart] .nav-cimke{display:none}:root[data-nav=zart] .nav-csoport{border-bottom:1px solid var(--line);align-items:center;gap:4px;width:100%;padding-bottom:8px}:root[data-nav=zart] .nav-csoport:last-child{border-bottom:0}:root[data-nav=zart] .nav-link{justify-content:center;width:40px;padding:9px}:root[data-nav=zart] .nav-cimszo,:root[data-nav=zart] .user-email{display:none}:root[data-nav=zart] .sidebar-lab{align-self:stretch}:root[data-nav=zart] .sidebar-lab .btn.ghost{justify-content:center;width:40px;min-height:40px;padding:0}}@media (width<=840px){body{overflow-x:hidden}.app{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:40;border-right:0;border-bottom:1px solid var(--side-line);flex-flow:row;align-items:center;gap:10px;min-width:0;height:auto;padding:10px 14px;position:sticky;top:0}.brand-lock{display:none}.brand-jel{display:block}.nav-toggle{display:none}.sidebar nav{scrollbar-width:none;flex-flow:row;flex:1;gap:4px;min-width:0;overflow:auto hidden}.sidebar nav::-webkit-scrollbar{display:none}.nav-csoport{flex-direction:row;flex:none;gap:4px}.nav-link{flex:none;height:38px}.nav-link.aktiv:before,.nav-cimke{display:none}.sidebar-lab{border-top:0;flex-direction:row;flex:none;align-items:center;gap:6px;padding:0}.user-email,.sidebar-lab .nav-cimszo{display:none}.sidebar-lab .btn.ghost{justify-content:center;width:40px;min-height:38px;padding:0}.topbar{min-height:54px;padding:0 20px}.tartalom main{padding:18px 16px 56px}.tartalom main.fluid{height:auto;padding:0;overflow:visible}input,select,textarea{font-size:16px!important}}h1{font-family:var(--display);letter-spacing:-.02em;margin:0 0 22px;font-size:clamp(26px,3.2vw,36px);font-weight:600;line-height:1.05}h2{margin:0 0 8px;font-size:1.12rem;font-weight:600}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:22px 26px}.card a{color:var(--ink);border-bottom:2px solid var(--yellow);text-decoration:none}.card a:hover{background:var(--yellow-2)}.muted{color:var(--muted);font-size:.92rem}.badge{background:var(--yellow-2);color:var(--ink);vertical-align:middle;border-radius:999px;margin-left:10px;padding:2px 12px;font-size:.8rem;font-weight:500;display:inline-block}.btn{border:1px solid var(--black);border-radius:var(--radius);background:var(--black);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 22px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.yellow{background:var(--yellow);color:#1a1a1a;border-color:#0000;box-shadow:0 6px 16px -8px #f5c518b3}.btn.yellow:hover{background:#ffd02a}.btn.ghost{border-color:var(--line);color:var(--ink);background:0 0;min-height:36px;padding:0 14px;font-weight:500}.btn.ghost:hover{background:var(--hover);transform:none}.btn.ghost .nav-ico{color:var(--muted)}label{font-size:.9rem;font-weight:500}input{border:1px solid var(--line);border-radius:var(--radius);background:var(--cream);width:100%;margin:6px 0 18px;padding:12px 14px;font-family:inherit;font-size:1rem}input[type=search]{appearance:none;text-align:center;line-height:normal}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input:focus{outline:2px solid var(--yellow);outline-offset:0;border-color:var(--yellow);background:var(--bg)}ul{margin:8px 0 0;padding-left:20px}li{margin-bottom:6px}.error{color:#a02020;border-radius:var(--radius);background:#fdecec;border:1px solid #f5c6c6;margin-bottom:18px;padding:10px 14px;font-size:.92rem}table.lista{border-collapse:collapse;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);width:100%;overflow:hidden}table.lista th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--line);background:var(--bg);padding:12px 16px;font-size:.78rem;font-weight:600}table.lista td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px 16px;font-size:.93rem}table.lista tr:last-child td{border-bottom:0}table.lista tbody tr:hover{background:var(--hover)}table.lista a{color:var(--ink);border-bottom:2px solid var(--yellow);text-decoration:none}.panel-hatter{z-index:40;background:#10101059;position:fixed;inset:0}.panel{background:var(--bg);z-index:41;width:min(540px,94vw);padding:26px 30px;animation:.22s panel-beuszas;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-18px 0 44px #1010102e}@keyframes panel-beuszas{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}.panel-bezaras{float:right;color:var(--muted);border-radius:var(--radius);padding:2px 10px;font-size:1.3rem;text-decoration:none}.panel-bezaras:hover{background:var(--hover)}
