*,*:before,*:after{box-sizing:border-box}:root{--bg: #0d0d0d;--bg2: #141414;--bg3: #1a1a1a;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #e8e8e8;--text2: #a0a0a0;--text3: #555;--green: #2dd98f;--green2: rgba(45,217,143,.12);--red: #ff5c5c;--red2: rgba(255,92,92,.12);--amber: #ffb400;--amber2: rgba(255,180,0,.14);--blue: #4299e1;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--radius: 6px;--radius-lg: 10px}[data-theme=light]{--bg: #f2f3f7;--bg2: #ffffff;--bg3: #eef0f5;--border: rgba(20,20,40,.08);--border2: rgba(20,20,40,.14);--text: #14161c;--text2: #4b4f5c;--text3: #868b99;--green: #189a63;--green2: rgba(24,154,99,.12);--red: #c53030;--red2: rgba(197,48,48,.1);--amber: #b7791f;--amber2: rgba(183,121,31,.12);--blue: #2b6cb0}html,body,#root{height:100%;margin:0;padding:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:13px}.app-shell{display:flex;height:100vh;overflow:hidden}.main{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 24px 80px}.sidebar{width:240px;min-width:240px;max-width:240px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow:hidden}.hamburger-btn{display:none}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:16px 14px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-logo-mark{width:32px;height:32px;background:var(--green2);border:1px solid var(--green);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--green);flex-shrink:0}.sidebar-logo-text{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text);line-height:1.2}.sidebar-logo-sub{font-size:10px;color:var(--text3);margin-top:1px}.sidebar-section{padding:4px 0}.sidebar-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--text3);padding:10px 16px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:11px 16px;color:var(--text2);text-decoration:none;font-size:15px;transition:background .1s,color .1s}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{background:var(--green2);color:var(--green);font-weight:600}.sidebar-nezet-valto{padding:10px 12px;border-top:1px solid var(--border);flex-shrink:0}.sidebar-nezet-valto-cim{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--text3);margin-bottom:6px}.sidebar-ceg-select{width:100%;padding:5px 8px;font-size:11px;border-radius:var(--radius);background:var(--bg3);border:1px solid var(--border2);color:var(--text);cursor:pointer}.topbar-nezet-inline{flex:1;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--amber);min-width:0}.topbar{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.ertesites-jelzo{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-size:9px;font-weight:700;border-radius:20px;min-width:15px;height:15px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.ertesites-panel{position:absolute;top:calc(100% + 6px);right:0;width:340px;max-height:400px;overflow-y:auto;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0006;z-index:150}.ertesites-panel-fejlec{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:12px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg2)}.ertesites-sor{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);cursor:pointer}.ertesites-sor:hover{background:var(--bg3)}.ertesites-sor.uj{background:#4299e10f}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:8px;padding:10px 12px}.user-av{width:28px;height:28px;border-radius:50%;background:var(--green2);border:1px solid var(--green);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--green);flex-shrink:0;font-family:var(--font-mono)}.user-name{font-size:12px;font-weight:600;color:var(--text)}.user-role{font-size:10px;color:var(--text3)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.page-title{font-family:var(--font-mono);font-size:14px;color:var(--text3)}.page-title span{color:var(--green);font-weight:700}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:12px}.empty{padding:24px;text-align:center;color:var(--text3);font-size:12px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:11px;color:var(--text2);font-weight:500}.form-input{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-size:12px;padding:7px 10px;font-family:var(--font-sans);outline:none;transition:border-color .15s;width:100%}.form-input:focus{border-color:var(--green)}.form-input::placeholder{color:var(--text3)}.form-hint{font-size:11px;color:var(--text3);line-height:1.4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.form-msg{font-size:11px;margin-right:auto}.form-msg.ok{color:var(--green)}.form-msg.err{color:var(--red)}.btn{padding:6px 12px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text2);font-size:12px;cursor:pointer;font-family:var(--font-sans);transition:background .1s,color .1s;white-space:nowrap}.btn:hover{background:var(--bg2);color:var(--text)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--green2);border-color:var(--green);color:var(--green);font-weight:600}.btn.primary:hover{background:#2dd98f33}.btn.danger{background:var(--red2);border-color:var(--red);color:var(--red)}.btn.danger:hover{background:#ff5c5c33}.chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.chip.green{background:var(--green2);color:var(--green);border:1px solid rgba(45,217,143,.3)}.chip.red{background:var(--red2);color:var(--red);border:1px solid rgba(255,92,92,.3)}.chip.amber{background:#ffb4001f;color:var(--amber);border:1px solid rgba(255,180,0,.3)}.chip.gray{background:var(--bg3);color:var(--text3);border:1px solid var(--border2)}.chip.blue{background:#4299e11f;color:var(--blue);border:1px solid rgba(66,153,225,.3)}.mono{font-family:var(--font-mono)}.tbl{width:100%;border-collapse:collapse;font-size:12px}.tbl thead th{text-align:left;padding:8px 12px;font-size:11px;color:var(--text3);border-bottom:1px solid var(--border);white-space:nowrap}.tbl tbody td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.tbl tbody tr{cursor:default;transition:background .1s}.tbl tbody tr.kattinthato{cursor:pointer}.tbl tbody tr.kattinthato:hover{background:var(--bg3)}.tbl-scroll{max-height:520px;overflow-y:auto}.tbl-scroll .tbl thead th{position:sticky;top:0;background:var(--bg2);z-index:1}.tbl-tovabbi{padding:8px 12px;font-size:11px;color:var(--text3);border-top:1px solid var(--border)}.panel-scroll{max-height:340px;overflow-y:auto}.ph{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.ph-title{font-size:13px;font-weight:600;color:var(--text)}.varos-chip{padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;background:var(--bg3);border:1px solid var(--border2);color:var(--text2);cursor:pointer;white-space:nowrap;transition:background .1s,color .1s,border-color .1s}.varos-chip:hover{background:var(--bg2);color:var(--text)}.varos-chip.aktiv{background:var(--green2);border-color:var(--green);color:var(--green)}.support-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.support-form-doboz{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:500px;display:flex;flex-direction:column;gap:14px}.support-form-fejlec{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:var(--text)}.ceg-kartya{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px}.felszereles-foto-kartya:hover .felszereles-foto-hover{opacity:1}.ceg-kartya-fejlec{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.ceg-kartya-nev{font-size:15px;font-weight:700;color:var(--text)}.ceg-kartya-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text3);margin-bottom:10px;flex-wrap:wrap}.ceg-kartya-hibak{background:#ffb40014;border:1px solid rgba(255,180,0,.2);border-radius:var(--radius);padding:8px 12px;margin-bottom:10px}.ceg-kartya-hiba{font-size:11px;color:var(--amber);padding:2px 0}.ceg-kartya-muveletek{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.ceg-kartya-statusz-form{margin-top:12px;padding:12px;background:var(--bg3);border-radius:var(--radius);border:1px solid var(--border)}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:#0d1030 url(/login-bg.jpg) center center / cover no-repeat}.login-box{position:relative;z-index:1;width:100%;max-width:380px;background:#fff;border:1px solid rgba(20,20,50,.06);border-radius:20px;padding:32px;box-shadow:0 30px 80px -20px #05051e8c,0 10px 30px #05051e4d;--text: #14161c;--text2: #52566b;--text3: #9498a8;--bg3: #f4f5fa;--border: rgba(20,20,50,.08);--border2: rgba(20,20,50,.16)}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-logo-mark{width:42px;height:42px;background:var(--green);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:14px;font-weight:700;color:#06120b;flex-shrink:0;box-shadow:0 6px 16px #2dd98f59}.login-logo-text{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--text)}.login-logo-text span{color:var(--green)}.login-logo-sub{font-size:11px;color:var(--text3);margin-top:2px}.login-form{display:flex;flex-direction:column;gap:14px}.login-box .form-input{border-radius:10px}.login-jelszo-wrap{position:relative}.login-jelszo-wrap .form-input{padding-right:40px}.login-jelszo-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:14px;padding:0}.login-hiba{font-size:12px;color:var(--red);background:var(--red2);border:1px solid rgba(255,92,92,.2);border-radius:var(--radius);padding:8px 12px}.login-btn{width:100%;padding:11px;background:var(--green);border:1px solid var(--green);border-radius:999px;color:#06120b;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-sans);transition:filter .15s,transform .1s;box-shadow:0 8px 20px #2dd98f59}.login-btn:hover:not(:disabled){filter:brightness(1.08)}.login-btn:active:not(:disabled){transform:translateY(1px)}.login-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.login-footer{margin-top:24px;text-align:center;font-size:10px;color:var(--text3);font-family:var(--font-mono)}.data-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600;border:1px solid;white-space:nowrap}.data-status:before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block}.data-status.loading{background:#4299e11f;border-color:#4299e1;color:#4299e1}.data-status.loading:before{background:#4299e1;animation:pulse 1s infinite}.data-status.success{background:var(--green2);border-color:var(--green);color:var(--green)}.data-status.success:before{background:var(--green)}.data-status.error{background:var(--red2);border-color:var(--red);color:var(--red)}.data-status.error:before{background:var(--red)}.data-status.empty{background:var(--bg3);border-color:var(--border2);color:var(--text3)}.data-status.empty:before{background:var(--text3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.mc{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px;position:relative;overflow:hidden}.mc:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px}.mc.green:after{background:var(--green)}.mc.red:after{background:var(--red)}.mc.amber:after{background:var(--amber)}.mc.blue:after{background:var(--blue)}.mc-val{font-family:var(--font-mono);font-size:20px;font-weight:800;line-height:1;margin-bottom:5px}.mc-val.green{color:var(--green)}.mc-val.red{color:var(--red)}.mc-val.amber{color:var(--amber)}.mc-val.blue{color:var(--blue)}.mc-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}.g3r{display:grid;grid-template-columns:1fr 1fr 300px;gap:12px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.col{display:flex;flex-direction:column;gap:12px}.metrics.m3{grid-template-columns:repeat(3,1fr)}.metrics.m4{grid-template-columns:repeat(4,1fr)}.metrics.m5{grid-template-columns:repeat(5,1fr)}@media (max-width: 900px){.metrics.m3,.metrics.m4,.metrics.m5{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.metrics.m3,.metrics.m4,.metrics.m5{grid-template-columns:1fr}}.szekcio-cim{font-family:var(--font-mono);font-size:12px;color:var(--text3);margin:18px 0 8px}.szekcio-cim:first-child{margin-top:0}.bontas-sor{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px}.bontas-sor:last-child{border-bottom:none}.bontas-sor .cimke{color:var(--text2)}.bontas-sor .ertek{font-family:var(--font-mono);font-weight:700}.bontas-sor .ertek.piros{color:var(--red)}.bontas-sor .ertek.zold{color:var(--green)}.bontas-sor.kiemelt{border-top:2px solid var(--border2);margin-top:4px;padding-top:10px;font-size:15px}.bontas-sor.kiemelt .ertek{font-size:17px}.zaras-sav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 16px;margin-bottom:14px}.zaras-sav.lezarva{border-color:var(--red)}.zaras-sav-info{font-size:12px;color:var(--text2);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}.row-av{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.row-body{flex:1;min-width:0}.row-name{font-size:12.5px;font-weight:600;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{font-size:11px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.al:last-child{border-bottom:none}.al-line{width:3px;height:30px;border-radius:2px;flex-shrink:0}.al-body{flex:1;min-width:0}.al-title{font-size:12.5px;font-weight:600;margin-bottom:1px}.al-sub{font-size:11px;color:var(--text3)}.al-btn{font-size:10px;font-weight:700;padding:4px 9px;border-radius:5px;cursor:pointer;border:1px solid var(--border2);color:var(--text2);background:var(--bg3);white-space:nowrap;font-family:var(--font-mono);flex-shrink:0}.al-btn:hover{border-color:var(--green);color:var(--green)}.al-btn.red{background:var(--red2);border-color:#ff5c5c4d;color:var(--red)}.kp-row{display:flex;align-items:center;gap:10px;padding:7px 14px;border-bottom:1px solid var(--border)}.kp-row:last-child{border-bottom:none}.kp-av{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}.kp-name{font-size:12px;font-weight:600;width:120px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-city{font-size:11px;color:var(--text3);width:40px;flex-shrink:0}.kp-bar-wrap{flex:1}.kp-bar-bg{height:5px;background:var(--bg3);border-radius:3px;overflow:hidden;margin-bottom:2px}.kp-bar-fill{height:100%;border-radius:3px}.kp-pct{font-size:10px;color:var(--text3);font-family:var(--font-mono)}.kp-amount{font-family:var(--font-mono);font-size:12.5px;font-weight:700;width:82px;text-align:right;flex-shrink:0}.digest-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.digest-row:last-child{border-bottom:none}.digest-line{width:3px;height:28px;border-radius:2px;flex-shrink:0}.digest-body{flex:1}.digest-title{font-size:12.5px;font-weight:600}.digest-sub{font-size:11px;color:var(--text3)}.sys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.sys-card{padding:16px 18px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.sys-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sys-dot.online{background:var(--green);animation:syspulse 2.5s infinite}.sys-dot.standby{background:var(--text3)}.sys-dot.offline{background:var(--red)}@keyframes syspulse{0%,to{box-shadow:0 0 #2dd98f66}50%{box-shadow:0 0 0 5px #2dd98f00}}.sys-top{display:flex;align-items:center;gap:8px}.sys-name{font-size:13px;font-weight:600}.sys-sub{font-size:11px;color:var(--text3)}@media (max-width: 1300px){.metrics{grid-template-columns:repeat(3,1fr)}.g3r{grid-template-columns:1fr 1fr}.g3r .col{grid-column:1 / -1}}@media (max-width: 900px){.metrics{grid-template-columns:repeat(2,1fr)}.g3r,.g2{grid-template-columns:1fr}}@media (max-width: 768px){.hamburger-btn{display:inline-flex}.sidebar{position:fixed;top:0;left:0;z-index:100;width:82vw;max-width:300px;min-width:0;transform:translate(-100%);transition:transform .22s ease;box-shadow:4px 0 24px #00000059}.sidebar.open{transform:translate(0)}.content{padding:14px 12px 70px}.topbar{padding:8px 10px}.topbar-nezet-inline{display:none}.tbl{display:block;overflow-x:auto;white-space:nowrap}.form-grid{grid-template-columns:1fr;padding:10px 14px}.support-form-doboz{padding:16px;max-height:88vh;overflow-y:auto}.ertesites-panel{width:calc(100vw - 24px);max-width:340px;right:-8px}.page-header,.ceg-kartya-fejlec,.bontas-sor{flex-wrap:wrap}.responsive-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.responsive-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.metrics{grid-template-columns:1fr}}