:root{color:#c9d1d9;background-color:#0d1117;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0d1117}::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b949e}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:#c9d1d9;background-color:#0d1117;width:100%;min-height:100vh;overflow:hidden auto}.app-kontener{flex-direction:column;width:100%;min-height:100vh;display:flex}.dashboard-oldal{background:0 0;flex-direction:column;align-items:center;width:100%;padding:40px 30px;display:flex;position:relative}.top-version{color:#8b949e;letter-spacing:1px;opacity:.6;-webkit-user-select:none;user-select:none;font-family:monospace;font-size:.85rem;position:absolute;top:20px;right:30px}.dashboard-header{text-align:center;border-bottom:2px solid #0078d766;width:100%;max-width:100%;margin-bottom:40px;padding-bottom:20px}.dashboard-header h1{color:#fff;letter-spacing:-.5px;text-shadow:0 4px 12px #00000080;margin:0 0 10px;font-size:2.8rem;font-weight:300}.dashboard-header p{color:#8b949e;margin:0;font-size:.95rem}.csempe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;max-width:100%;display:grid}.csempe{cursor:pointer;border:1px solid #ffffff1f;border-radius:4px;outline:none;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:100px;padding:0 20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000073,inset 0 1px #fff3}.csempe:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.csempe:hover:before{left:100%}.csempe:hover{filter:brightness(1.12);border-color:#fff6;transform:translateY(-4px)scale(1.01);box-shadow:0 14px 32px #000000a6,inset 0 1px #ffffff59}.csempe:active{transform:translateY(-1px)scale(.98);box-shadow:0 4px 10px #00000080}.csempe-ikon{filter:drop-shadow(0 4px 8px #0006);border-right:2px solid #ffffff40;justify-content:center;align-items:center;height:55%;margin:0 18px 0 0;padding-right:18px;font-size:2.2rem;line-height:1;transition:transform .2s,border-color .2s;display:flex}.csempe:hover .csempe-ikon{border-right-color:#ffffff8c;transform:scale(1.08)}.csempe-szoveg{color:#fff;text-transform:uppercase;letter-spacing:.6px;text-shadow:0 2px 4px #0009;text-align:left;white-space:normal;word-break:normal;overflow-wrap:break-word;flex:1;margin:0;font-size:.9rem;font-weight:700;line-height:1.25}.csempe-alap{background:linear-gradient(135deg,#0078d7,#004e8c)}.csempe-dhcp{background:linear-gradient(135deg,#e83b00,#9e2800)}.csempe-vlan{background:linear-gradient(135deg,#107c41,#0a4f29)}.csempe-ssh{background:linear-gradient(135deg,#8661c5,#553b82)}.csempe-etherchannel{background:linear-gradient(135deg,#d89600,#8c6100)}.csempe-ospf{background:linear-gradient(135deg,#484338,#26231d)}.csempe-nat{background:linear-gradient(135deg,#a82e2e,#6e1d1d)}.csempe-vpn{background:linear-gradient(135deg,#2cad84,#1c7056)}.csempe-acl{background:linear-gradient(135deg,#b8be28,#737813)}.csempe-staticroute{background:linear-gradient(135deg,#8a32cc,#571e82)}.csempe-portsecurity{background:linear-gradient(135deg,#59ad2c,#376e1a)}.csempe-stp{background:linear-gradient(135deg,#c72c72,#7d1a47)}.csempe-hsrp{background:linear-gradient(135deg,#2cad5d,#1a6e3a)}.csempe-ipv6{background:linear-gradient(135deg,#2c64ad,#193d6e)}.csempe-wlan{background:linear-gradient(135deg,#3dad2c,#23691a)}.csempe-ntpcdp{background:linear-gradient(135deg,#2c91ad,#185a6e)}@media (width<=950px){.csempe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=580px){.top-version{top:10px;right:15px}.csempe-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.tartalom-oldal{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.felso-navigacio{z-index:100;background-color:#161b22;border-bottom:1px solid #30363d;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:15px 40px;display:flex}.vissza-btn{color:#c9d1d9;cursor:pointer;background-color:#21262d;border:1px solid #30363d;border-radius:4px;padding:10px 20px;font-weight:700;transition:all .2s}.vissza-btn:hover{color:#58a6ff;background-color:#30363d;border-color:#58a6ff}.aktualis-oldal-cim{color:#fff;letter-spacing:.5px;font-size:1.2rem;font-weight:700}.tartalom{flex:1;width:100%;padding:40px 20px;overflow-y:auto}.section-fade{width:100%;max-width:900px;margin:0 auto;display:block}.alapozo-kontener{width:100%;display:block}h1{color:#fff;margin-bottom:30px;font-size:2.4rem;font-weight:600}h2{color:#58a6ff;margin-bottom:15px;font-size:1.4rem}h3{color:#fff;margin-bottom:10px;font-size:1.2rem}.kod-doboz{background-color:#161b22;border:1px solid #30363d;border-radius:6px;width:100%;margin-bottom:30px;padding:25px}.feladat-doboz{background-color:#161b22;border-left:4px solid #58a6ff;border-radius:0 6px 6px 0;width:100%;margin-bottom:30px;padding:20px}.warning-doboz{background-color:#f8514912;border-left:4px solid #f85149;border-radius:0 6px 6px 0;width:100%;margin-bottom:30px;padding:20px}.warning-doboz h3{color:#f85149}.ip-tablazat{border-collapse:collapse;width:100%;margin-top:10px}.ip-tablazat th,.ip-tablazat td{text-align:left;vertical-align:middle;border:1px solid #30363d;padding:10px 15px;display:table-cell}.ip-tablazat thead{background-color:#161b22}.ip-tablazat th{color:#58a6ff;font-weight:600}.ip-tablazat td{color:#c9d1d9}.ip-tablazat .kiemelt-gw{color:#ffb86c;font-weight:700}.kod-blokk-kontener{width:100%;margin-bottom:25px}.kod-magyarazat{color:#8b949e;margin-bottom:6px;padding-left:4px;font-family:Courier New,Courier,monospace;font-size:.95rem;font-style:italic}.masolhato-sor{background-color:#0d1117;border:1px solid #30363d;border-left-width:4px;border-radius:0 6px 6px 0;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:flex}.masolhato-sor:hover{background-color:#161b22;border-color:#484f58 #484f58 #484f58 #58a6ff;box-shadow:0 4px 12px #0000004d}.parancs-szoveg{color:#ffffff98;letter-spacing:.5px;word-break:break-all;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1.05rem;font-weight:600}.masolas-btn{color:#c9d1d9;cursor:pointer;white-space:nowrap;background-color:#21262d;border:1px solid #30363d;border-radius:6px;align-items:center;gap:8px;margin-left:20px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.masolas-btn:hover{color:#fff;background-color:#30363d;border-color:#8b949e}.masolas-btn:active{transform:scale(.96)}.masolas-btn.siker-halvany{box-shadow:0 0 10px #2ea0434d;color:#3fb950!important;background-color:#23863626!important;border-color:#238636!important}.circuit-separator{justify-content:center;align-items:center;width:100%;margin:40px 0;display:flex}.circuit-line{background:linear-gradient(90deg,#0000,#30363d,#0000);flex:1;height:2px}.vissza-a-tetejére{color:#c9d1d9;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 15px;transition:all .2s;display:flex}.vissza-a-tetejére:hover{color:#58a6ff;background-color:#30363d;border-color:#58a6ff}.footer-space{margin-bottom:60px}.bekotes-lista{margin-top:15px;list-style:none}.bekotes-lista li{border-bottom:1px solid #30363d80;align-items:center;gap:10px;padding:12px 0;display:flex}.label-vlan{color:#8b949e;background-color:#21262d;border:1px solid #30363d;border-radius:4px;padding:3px 10px;font-size:.85rem;font-style:italic}.nyil-ikn{color:#58a6ff;font-weight:700}::-webkit-scrollbar{width:18px}::-webkit-scrollbar-track{background:#0d1117;box-shadow:inset 0 0 5px #00000080}::-webkit-scrollbar-thumb{background:#484f58;border:4px solid #0d1117;border-radius:20px}::-webkit-scrollbar-thumb:hover{cursor:pointer;background:#107c41}*{scrollbar-width:auto;scrollbar-color:#484f58 #0d1117}