body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hero{background-color:#000;color:#0f0;font-family:Courier New,monospace;text-align:center}.hero.subtitle{color:#0ff}header{border-bottom:1px solid #0f0;padding:20px;text-align:center}.subtitle1{color:#0ff;font-size:20px}.subtitle{color:#0ff}.glitch{color:#e0d63f;display:inline-block;font-size:60px;font-weight:700;margin:0;white-space:nowrap}.hero-line{background-color:#0f0;height:2px;margin:12px auto;width:60%}.tagline{color:#0ff;font-size:14px;margin:0}.grid-section,.grid-section1,.grid-section2{background-color:#000;color:#0f0;font-family:Courier New,monospace;padding:60px 20px;text-align:center}.grid-section1,.grid-section2{padding:25px 20px}.grid-title,.grid-title-attack,.grid-title1{font-size:36px;letter-spacing:1px;margin-bottom:40px;text-shadow:0 0 6px #0ff,0 0 10px #0f0}.grid-title{color:#0ff}.grid-title1{color:#3ff254}.grid-title-attack{color:#e60000}.attack-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1100px;padding:0 10px}.attack-card.simple{background-color:#111;border:2px solid #0f0;border-radius:12px;box-shadow:0 0 4px #0f0;cursor:pointer;height:200px;padding:24px 16px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.attack-card.simple:hover{box-shadow:0 0 12px #0ff,0 0 20px #0f0;transform:translateY(-4px)}.attack-card .emoji{font-size:42px;margin-bottom:12px;text-shadow:0 0 8px #0ff}.attack-card h3{color:#0ff;font-weight:700;text-shadow:0 0 4px #0ff,0 0 8px #0f0}.attack-card .desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f0;display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden;padding:0 8px;text-overflow:ellipsis}.attack-card-link{color:inherit;text-decoration:none}@media screen and (max-width:900px){.attack-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){.attack-grid{grid-template-columns:1fr}}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 4px #0f0}20%,24%,55%{text-shadow:0 0 20px #0ff,0 0 30px #0f0}}.attack-card h3{color:#fff;font-size:20px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matrix-footer{animation:pulse 2s infinite alternate;background-color:#000;border-top:1px solid #222;color:#0f0;font-size:14px;padding:10px;text-align:center}@keyframes pulse{0%{color:#0f0}to{color:#0a0}}.sqli-container{align-items:center;background:#000;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Courier New,monospace;height:100vh;justify-content:center;padding:20px;width:100vw}.sqli-title{color:#0ff;font-size:32px;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:none}.sqli-window{display:flex;flex-direction:row;gap:20px;max-width:900px;min-width:300px;width:80%}.input-panel{background:#111;border:1px solid #0ff;border-radius:12px;flex:1 1;justify-content:center;padding:20px}.input-panel,.sqli-form{display:flex;flex-direction:column}.sqli-form{gap:12px}.sqli-form input{background:#000;border:1px solid #0ff;border-radius:8px;color:#0ff;font-size:14px;padding:12px}.form-buttons{display:flex;gap:12px;justify-content:space-between}.form-buttons button{background:#000;border:1px solid #0ff;border-radius:8px;color:#0ff;cursor:pointer;flex:1 1;font-weight:700;padding:12px;transition:.2s}.form-buttons button:hover{background:#0ff;color:#000}.terminal-panel{background:#000;border:1px solid #0ff;border-radius:12px;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start}.terminal-panel h2{background:#111;border-bottom:1px solid #0ff;border-radius:12px 12px 0 0;color:#0ff;font-size:16px;margin:0;padding:10px;text-align:center}.terminal{border-radius:0 0 12px 12px;color:#0f0;flex:1 1;font-family:Courier New,monospace;font-size:14px;margin:0;padding:12px}.footer-note{color:#0ff;margin-top:16px;text-align:center}.wifi-container{background:#000;box-sizing:border-box;color:#eaeaea;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;padding:24px}.title{font-size:28px;letter-spacing:.5px;margin:0 0 6px}.subtitle{color:#bdbdbd;font-size:14px;margin:0 0 16px}.wifi-layout{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1.25fr 1.3fr}.left .toolbar{display:flex;flex-wrap:wrap;margin-bottom:18px}.left .toolbar button,.left .toolbar select{background:#111;border:1px solid #2b2b2b;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;padding:8px 10px}.left .toolbar button:hover{background:#151515}.ap-list{grid-gap:8px;background:#0a0a0a;border:1px solid #1b1b1b;border-radius:10px;display:grid;gap:8px;max-height:calc(100vh - 220px);overflow:auto;padding:10px}.ap-card{background:#101010;border:1px solid #1e1e1e;border-radius:10px;cursor:pointer;padding:10px;transition:transform .12s ease,border-color .12s ease}.ap-card:hover{border-color:#2b2b2b;transform:translateY(-1px)}.ap-card.active{border-color:#0ff;box-shadow:inset 0 0 0 1px #0ff}.ap-ssid{font-weight:700;letter-spacing:.3px}.ap-meta{color:#a6a6a6;display:flex;flex-wrap:wrap;font-size:12px;gap:12px;margin-top:6px}.right .terminal{background:#050505;border:1px solid #1b1b1b;border-radius:10px;color:#c9f8ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.3;min-height:calc(100vh - 200px);overflow:auto;padding:12px;white-space:pre-wrap}.ap-details{background:#111;border:1px solid #333;border-radius:8px;margin-top:1rem;padding:1rem;width:95%}.ap-details-title{color:#fc0;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.ap-details-table{border-collapse:collapse;width:100%}.ap-details-table td,.ap-details-table th{border-bottom:1px solid #333;padding:.5rem .8rem;text-align:left}.ap-details-table th{color:#66d9ef;width:150px}.hashlab-container{background:#000;background:var(--bg);box-sizing:border-box;color:#eaeaea;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;padding:22px}.hashlab-title{color:#fff;font-size:28px;margin:0 0 6px;text-shadow:0 1px 0 #ffffff05}.hashlab-sub{color:#9aa0a6;color:var(--muted);font-size:14px;margin-bottom:18px}.hashlab-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}input[type=file],input[type=number],input[type=password],input[type=text],select{background:#0f0f0f;border:1px solid #222;border-radius:10px;box-sizing:border-box;color:#e9f6f2;font-size:14px;margin-top:6px;outline:none;padding:12px 14px;transition:box-shadow .12s ease,border-color .12s ease;width:100%}.panel input[placeholder]{font-size:15px;letter-spacing:.2px}input:focus,select:focus,textarea:focus{border-color:#00e6d6;border-color:var(--accent);box-shadow:0 4px 18px #00e6d614,0 0 0 4px #00e6d60a}.attack-row{display:flex;gap:10px;margin-top:12px}.attack-row button:first-child,.row button:first-child,button.primary{background:linear-gradient(180deg,#00e6d6,#00cbbd);background:linear-gradient(180deg,var(--accent),#00cbbd);box-shadow:0 8px 30px #00cbbd1f;color:#001916}.row button:last-child,button.secondary{background:linear-gradient(180deg,#6ff3df,#00e6d6);color:#001916}.attack-row button:last-child,.sample-lists button{background:linear-gradient(180deg,#0fb7a8,#0aa89a);color:#001916}.hash-output{background:linear-gradient(180deg,#050505,#0a0a0a);border:1px solid #121212;border-radius:8px;color:#dbeee9;font-size:13px;margin-top:12px;padding:12px}.hash-output div{margin-bottom:6px}.hash-output .mono{color:#9ff7e9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-family:var(--mono);font-size:12px;word-break:break-all}.result{background:#070707;border:1px solid #161616;border-radius:8px;color:#dfeeea;margin-top:12px;padding:10px}input[type=file]{background:linear-gradient(90deg,#0b0b0b,#0f0f0f);border-radius:8px;color:#9aa0a6;color:var(--muted);padding:8px 10px}@media (max-width:980px){.hashlab-grid{grid-template-columns:1fr}.panel{min-height:320px}}.mitm-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:30px;text-align:center}.mitm-flow{display:flex;justify-content:space-around;margin-top:30px}.mitm-box{background:#f4f4f9;border-radius:12px;box-shadow:0 4px 12px #0003;padding:20px;width:30%}.mitm-box h3{color:#333;margin-bottom:15px}.mitm-box.client{border-top:5px solid #007bff}.mitm-box.attacker{background:#fff3f3;border-top:5px solid #dc3545}.mitm-box.server{border-top:5px solid #28a745}.mitm-box input{border:1px solid #ccc;border-radius:6px;margin-bottom:10px;padding:8px;width:80%}.mitm-box button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px;transition:.3s}.mitm-box button:hover{background:#0056b3}.mitm-box p{color:#555;font-size:14px}.xsslab-container{background:#000;background:var(--bg);box-sizing:border-box;color:#eaeaea;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;padding:22px}.xsslab-title{color:#fff;font-size:28px;margin:0 0 6px;text-shadow:0 1px 0 #ffffff05}.xsslab-sub{color:#9aa0a6;color:var(--muted);font-size:14px;margin-bottom:18px}.xsslab-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}input[type=text],select,textarea{background:#0f0f0f;border:1px solid #222;border-radius:10px;box-sizing:border-box;color:#e9f6f2;font-size:14px;margin-top:6px;outline:none;padding:12px 14px;width:100%}.sample-lists{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sample-lists div{color:#9aa0a6;color:var(--muted);font-size:13px;margin-right:6px}.sample-lists button{background:linear-gradient(180deg,#0fb7a8,#0aa89a);border:none;border-radius:999px;color:#001916;cursor:pointer;font-size:13px;padding:8px 12px}button.primary{background:linear-gradient(180deg,#00e6d6,#00cbbd);background:linear-gradient(180deg,var(--accent),#00cbbd);box-shadow:0 8px 30px #00cbbd1f}button.primary,button.secondary{border:none;border-radius:10px;color:#001916;cursor:pointer;font-weight:700;padding:10px 14px}button.secondary{background:linear-gradient(180deg,#6ff3df,#00e6d6)}.sample-btn{background:#071212;border:1px solid #162;border-radius:8px;color:#9aa0a6;color:var(--muted);cursor:pointer;padding:8px 12px}.sample-btn.active{background:linear-gradient(180deg,#00e6d6,#00cbbd);background:linear-gradient(180deg,var(--accent),#00cbbd);box-shadow:0 6px 18px #0009;color:#001916}.small-note{color:#9aa0a6;color:var(--muted);font-size:12px;margin-top:8px}.viewer-frame{background:linear-gradient(180deg,#050505,#0a0a0a);border:1px solid #0f0f0f;border-radius:8px;overflow:hidden}.viewer-header{background:linear-gradient(90deg,#07121a,#0b1014);border-bottom:1px solid #ffffff05;color:#9ff7e9;font-weight:700;padding:8px 12px}.viewer-content{display:flex;flex-direction:column;gap:12px;padding:12px}.render-box{background:#070707;border:1px solid #121212;border-radius:8px;padding:10px}.rendered-raw{color:#9ff7e9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-family:var(--mono);font-size:13px;margin:0;white-space:pre-wrap;word-break:break-word}.visual-box{align-items:flex-start;background:#0b0b0b;border-radius:8px;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:80px;padding:12px}.muted{color:#9aa0a6;color:var(--muted)}.safe-note{background:#2ea0430f;border:1px solid #2ea0431f;border-radius:6px;color:#dfeeea;padding:8px;width:100%}.attack-badge{background:#ff17441f;border:1px solid #ff174424;border-radius:6px;color:#ffb3b8;font-weight:700;padding:6px 10px}.attack-effects{display:flex;flex-direction:column;gap:8px;width:100%}.fake-alert{background:#260000;border:1px solid #ff174438;border-radius:6px;color:#ffb3b8;font-weight:700;padding:10px}.dom-mutation{background:#0a0a12;border:1px solid #ffd24d0f;border-radius:6px;color:#ffd24d;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-family:var(--mono);padding:8px}.attacker-card{margin-bottom:10px}.attacker-box{background:#070707;border:1px solid #121212;border-radius:8px;min-height:80px;padding:10px}.terminal{height:200px}.stored-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}.stored-list button{background:linear-gradient(180deg,#0fb7a8,#0aa89a);border:none;border-radius:8px;color:#001916;cursor:pointer;padding:8px 10px;width:-webkit-max-content;width:max-content}@media (max-width:980px){.xsslab-grid{grid-template-columns:1fr}.panel{min-height:auto}}.fw-container{background:#0b0f14;color:#e6e6e6;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;padding:18px 20px}.fw-title{font-size:28px;font-weight:800;margin:0 0 6px}.fw-sub{margin:0 0 18px;opacity:.8}.fw-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.2fr 1fr;margin-bottom:16px}.fw-left,.fw-right{display:flex;flex-direction:column;gap:16px}.fw-bottom{margin-top:16px}.controls,.packet-list,.rules,.terminal-box{background:#0f1620;border:1px solid #1f2a36;border-radius:14px;box-shadow:0 6px 16px #00000040;padding:14px}.controls .buttons button{margin-right:10px}button{transition:transform .05s ease,opacity .2s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.5}button.danger{background:#c23b3b}button.tiny{font-size:12px;padding:6px 8px}button.add{margin-left:auto}.rules-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.rules-header h3{margin:0}.templates{align-items:center;display:flex;gap:6px}.templates span{color:#9fb3c8;font-size:12px;margin-right:4px}.rule-table{width:100%}.rule-header,.rule-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:56px 110px 110px 110px 1.2fr 1.2fr 1.2fr 1.4fr 130px}.rule-header{color:#9fb3c8;font-size:12px;margin-bottom:6px}.rule-row{margin-bottom:8px}.rule-empty{background:#0b121a;border-radius:10px;color:#9fb3c8;padding:16px;text-align:center}.rule-cell input,.rule-cell select{background:#0b121a;border:1px solid #223041;border-radius:10px;color:#e6e6e6;padding:8px 10px;width:100%}.rule-cell.small{align-items:center;display:flex;justify-content:center}.rule-cell.actions{display:flex;gap:6px;justify-content:flex-end}.rule-cell.grow input{width:100%}.packet-list{overflow:hidden;width:100%}.packet-header,.packet-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:90px 80px 70px 70px 90px 1fr 70px;padding:8px 6px}.packet-header{border-bottom:1px solid #1f2a36;color:#9fb3c8;font-size:12px}.packet-row{border-bottom:1px dashed #182433;font-size:13px}.packet-row.ok{background:#46d48c0f}.packet-row.bad{background:#f26d6d0f}.packet-row .flow{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.terminal-box h3{margin:0 0 8px}.terminal{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.soc-container{background:#0b0f14;color:#e6e6e6;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;min-height:100vh;padding:18px 20px}.soc-title{font-size:28px;font-weight:800;margin:0 0 6px}.soc-sub{margin:0 0 18px;opacity:.8}.soc-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.2fr 1fr;margin-bottom:16px}.soc-left,.soc-right{display:flex;flex-direction:column;gap:16px}.controls,.log-box,.terminal{background:#0f1620;border:1px solid #1f2a36;border-radius:14px;box-shadow:0 6px 16px #00000040;padding:14px}.controls h3{margin-bottom:12px;margin-top:0}.controls .row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.controls label{color:#9fb3c8;width:120px}.controls select{background:#0b121a;border:1px solid #223041;border-radius:10px;color:#e6e6e6;padding:8px 10px}button{background:#1a5fff;color:#fff;font-weight:600;padding:9px 12px}button.ghost{background:#0000;border:1px solid #2a3a4f;color:#c9d7e3}.stats{display:flex;gap:12px}.stat{background:#0f1620;border:1px solid #1f2a36;border-radius:12px;font-weight:700;padding:8px 12px}.stat.allowed{color:#46d48c}.stat.suspicious{color:#f1c04c}.stat.blocked{color:#f26d6d}.log-box{display:flex;flex-direction:column;overflow:hidden}.log-header,.log-row{grid-gap:8px;align-items:center;display:grid;font-size:13px;gap:8px;grid-template-columns:140px 100px 90px 1fr;padding:8px 6px}.log-header{border-bottom:1px solid #1f2a36;color:#9fb3c8;font-size:12px}.log-list{max-height:280px;overflow-y:auto}.log-row{border-bottom:1px dashed #182433}.log-row.info{background:#46d48c0f}.log-row.warning{background:#ffc64d0f}.log-row.critical{background:#f26d6d0f}.log-empty{background:#0b121a;border-radius:10px;color:#9fb3c8;padding:16px;text-align:center}.log-row .msg{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.soc-terminal h3{margin:0 0 8px}.terminal{background:#0b121a;border:1px solid #223041;color:#d7e3ef;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;max-height:260px;min-height:180px;overflow:auto;padding:10px}:root{--bg:#0d1117;--panel:#161b22;--muted:#8b949e;--text:#e6edf3;--accent:#2b8fd6;--accent-2:#58a6ff;--danger:#ff4d4d;--ok:#22c55e;--glass:#2b8fd61a;--shadow:0 6px 18px #0009;--radius:12px;--ui-font:Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--max-width:1280px;--panel-gap:16px}*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d1117;background:var(--bg);color:#e6edf3;color:var(--text);font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--ui-font);height:100%;margin:0}.ids-container{display:flex;flex-direction:column;gap:14px;margin:18px auto;max-width:1280px;max-width:var(--max-width);padding:18px;width:100%}.ids-container>h1{color:#58a6ff;color:var(--accent-2);font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0 0 6px}.top-controls{align-items:flex-start;display:flex;gap:16px;gap:var(--panel-gap);width:100%}.top-controls .left,.top-controls .right{background:#161b22;background:var(--panel);border-radius:12px;border-radius:var(--radius);box-shadow:0 6px 18px #0009;box-shadow:var(--shadow);min-width:260px;padding:14px}.top-controls .left{display:flex;flex:1 1 520px;flex-direction:column;gap:12px}.top-controls label{color:#8b949e;color:var(--muted);display:block;font-size:13px;margin-bottom:6px}.top-controls input[type=text],.top-controls select,.top-controls textarea{background:#0d1117;border:1px solid #30363d;border-radius:8px;color:#e6edf3;color:var(--text);font-size:14px;padding:9px 10px;width:100%}.range-wrap{align-items:center;display:flex;gap:10px}input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg,#2b8fd6,#58a6ff);background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;height:8px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#161b22;border:3px solid #58a6ff;border:3px solid var(--accent-2);border-radius:50%;box-shadow:0 2px 6px #10182866;height:18px;width:18px}.session-box{background:#2b8fd61a;background:var(--glass);border-radius:8px;color:#8b949e;color:var(--muted);font-size:13px;margin-top:6px;padding:8px 10px}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.buttons button{border:none;border-radius:9px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 14px;transition:all .12s ease}.buttons .start{background:linear-gradient(180deg,#2b8fd6,#58a6ff);background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#fff}.buttons .start:hover{filter:brightness(1.1)}.buttons .step{background:#0000;border:1px solid #30363d;color:#58a6ff;color:var(--accent-2)}.buttons .step:hover{background:#21262d}.buttons .ghost{background:#0000;border:1px solid #30363d;color:#8b949e;color:var(--muted)}.buttons .ghost:hover{background:#1c1f26}.main-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:380px 1fr 420px;width:100%}.panel{background:#161b22;background:var(--panel);border-radius:var(--radius);box-shadow:0 6px 18px #0009;box-shadow:var(--shadow);gap:12px;padding:14px}.rules-panel h3{color:#58a6ff;color:var(--accent-2);font-size:16px;font-weight:700;margin:0}.rules-list{display:flex;flex-direction:column;gap:10px;max-height:calc(60vh - 120px);overflow-y:auto;padding-right:6px}.rule-row{grid-gap:8px;align-items:center;background:#0d1117;border:1px solid #30363d;border-radius:8px;display:grid;gap:8px;grid-template-columns:28px 120px 1fr 110px 90px 92px 44px;padding:8px}.rule-row input[type=checkbox]{height:18px;margin:0;width:18px}.rule-row input,.rule-row select{background:#161b22;border:1px solid #30363d;border-radius:6px;color:#e6edf3;color:var(--text);font-size:13px;padding:8px}.rule-row .rule-pattern{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-family:var(--mono);font-size:13px}.rule-row .danger{background:#ff4d4d;background:var(--danger);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 8px}.rule-row .danger:hover{filter:brightness(1.2)}.rules-footer{display:flex;justify-content:flex-end}.rules-footer button{background:linear-gradient(180deg,#16a34a,#22c55e);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px}.alerts-logs{display:flex;flex-direction:column;gap:12px}.alerts-panel{background:#1c0f0f;border:1px solid #ff323233;border-radius:10px;overflow-y:auto;padding:12px}.alerts-panel h3{color:#ff4d4d;color:var(--danger);font-size:15px;margin:0 0 8px}.alert-item{background:#161b22;border-left:4px solid #ff4d4d;border-left:4px solid var(--danger);border-radius:6px;padding:10px}.alert-item .alert-type{color:#ff4d4d;color:var(--danger);font-size:13px;font-weight:700}.alert-item .alert-meta{color:#8b949e;color:var(--muted);font-size:13px;margin-top:6px}.alert-snippet{background:#0d1117;border-radius:6px;color:#e6edf3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-family:var(--mono);font-size:12px;margin-top:8px;overflow-x:auto;padding:8px}.log-viewer{background:#161b22;border:1px solid #30363d;border-radius:10px;flex:1 1 260px;overflow-y:auto;padding:12px}.log-viewer h4{color:#8b949e;color:var(--muted);font-size:14px;margin:0 0 8px}.log-item{background:#0d1117;border-radius:6px;color:#c9d1d9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-family:var(--mono);font-size:12.5px;padding:8px}.terminal-panel h3{color:#58a6ff;color:var(--accent-2);font-size:16px;font-weight:700;margin:0}.terminal{background:#000;border:1px solid #30363d;box-shadow:inset 0 -6px 12px #0009;color:#b3f2c7;font-size:13.5px;line-height:1.45;max-height:60vh;min-height:260px;overflow-y:auto}.terminal .error{color:#ff9b9b;font-weight:600}.terminal .warn{color:#ffd78a;font-weight:600}.terminal .info{color:#58a6ff}.terminal .ok{color:#22c55e}.alerts-list::-webkit-scrollbar,.log-viewer::-webkit-scrollbar,.rules-list::-webkit-scrollbar,.terminal::-webkit-scrollbar{height:8px;width:8px}.alerts-list::-webkit-scrollbar-thumb,.log-viewer::-webkit-scrollbar-thumb,.rules-list::-webkit-scrollbar-thumb,.terminal::-webkit-scrollbar-thumb{background:#30363d;border-radius:8px}@media (max-width:1180px){.main-grid{grid-template-columns:320px 1fr}.terminal-panel{grid-column:1/-1;order:3}}@media (max-width:760px){.top-controls{flex-direction:column}.main-grid{gap:12px;grid-template-columns:1fr}.rule-row{grid-template-columns:28px 1fr}}:root{--bg:#000;--panel-bg:#0b0b0b;--panel-border:#1e1e1e;--muted:#9aa0a6;--accent:#00e6d6;--accent-2:#ffd24d;--btn-dark:#062d2a;--btn-hover:#00cbbd;--terminal-bg:#030303;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,"Roboto Mono","Courier New",monospace}.encryptionlab-container{background:#000;background:var(--bg);box-sizing:border-box;color:#eaeaea;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;padding:22px}.encryptionlab-title{color:#fff;font-size:28px;margin:0 0 6px;text-shadow:0 1px 0 #ffffff05}.encryptionlab-sub{color:#9aa0a6;color:var(--muted);font-size:14px;margin-bottom:18px}.encryptionlab-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.panel{background:linear-gradient(180deg,#ffffff03,hsla(0,0%,100%,.005));border:1px solid #1e1e1e;border:1px solid var(--panel-border);border-radius:12px;box-shadow:0 6px 28px #02020299,inset 0 1px 0 #ffffff03;display:flex;flex-direction:column;gap:10px;min-height:420px;padding:16px}.panel h2{color:#ffd24d;color:var(--accent-2);font-size:18px;font-weight:700;margin:0}label{color:#9aa0a6;color:var(--muted);display:block;font-size:13px;margin-top:8px}input[type=text],select{background:#0f0f0f;border:1px solid #222;border-radius:10px;box-sizing:border-box;color:#e9f6f2;font-size:14px;height:40px;line-height:20px;margin-top:6px;outline:none;padding:10px 14px;transition:box-shadow .12s ease,border-color .12s ease;width:100%}.encrypt-input::placeholder{font-size:15px;letter-spacing:.2px}input:focus,select:focus{border-color:#00e6d6;border-color:var(--accent);box-shadow:0 4px 18px #00e6d614,0 0 0 4px #00e6d60a}input:disabled{cursor:not-allowed;opacity:.45}.row{align-items:center;display:flex;gap:10px;margin-top:12px}.dropdown-group{box-sizing:border-box;width:50%}button{border:none;border-radius:10px;box-shadow:0 6px 18px #0009;cursor:pointer;font-size:14px;font-weight:700;height:40px;line-height:20px;padding:10px 14px;transition:transform .06s ease,box-shadow .08s ease,background .08s ease}.row.button-row button{box-sizing:border-box;width:50%}.row.button-row button:first-child:not(.decrypt-btn){background:linear-gradient(180deg,#00e6d6,#00cbbd);background:linear-gradient(180deg,var(--accent),#00cbbd);box-shadow:0 8px 30px #00cbbd1f;color:#001916}.row.button-row button:last-child:not(.decrypt-btn){background:linear-gradient(180deg,#6ff3df,#00e6d6);color:#001916}.generate-btn{background:linear-gradient(180deg,#0fb7a8,#0aa89a);color:#001916;width:120px}.decrypt-btn{background:linear-gradient(180deg,#ff6b6b,#e63946);color:#fff;width:100%}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){box-shadow:0 4px 12px #0009;transform:translateY(0)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.crypto-output{background:linear-gradient(180deg,#050505,#0a0a0a);border:1px solid #121212;border-radius:8px;color:#dbeee9;font-size:13px;margin-top:12px;padding:12px}.crypto-output div{margin-bottom:6px}.crypto-output .mono{color:#9ff7e9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-family:var(--mono);font-size:12px;word-break:break-all}.plaintext-output{background:linear-gradient(180deg,#050505,#0a0a0a);border:1px solid #121212;border-radius:8px;color:#dbeee9;font-size:13px;margin-top:12px;padding:12px}.plaintext-output div{margin-bottom:6px}.plaintext-output .mono{color:#9ff7e9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-family:var(--mono);font-size:12px;word-break:break-all}.no-output{color:#9aa0a6;color:var(--muted);font-size:13px;margin:12px 0}.terminal-panel h2{color:#ffd24d;color:var(--accent-2)}.terminal{background:#030303;background:var(--terminal-bg);border:1px solid #0f0f0f;border-radius:10px;color:#8ff0c2;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-family:var(--mono);font-size:13px;height:320px;max-height:320px;overflow-x:hidden;overflow-y:scroll;padding:14px;scrollbar-width:none;white-space:pre-wrap;word-break:break-word}.terminal::-webkit-scrollbar{display:none}.footer-note{color:#6e6e6e;font-size:12px;margin-top:14px}@media (max-width:980px){.encryptionlab-grid{grid-template-columns:1fr}.panel{min-height:320px}.row{align-items:stretch;flex-direction:column}.dropdown-group{width:100%}.generate-btn{width:auto}.row.button-row button{width:100%}}:focus-visible{outline:3px solid #00e6d614;outline-offset:2px}.audit-table{border-collapse:collapse;font-size:14px;margin-top:12px;width:100%}.audit-table td,.audit-table th{border-bottom:1px solid #222;padding:8px}.audit-table .mono{color:#9ff7e9;font-family:var(--mono);word-break:break-all}.scroll-panel{-ms-overflow-style:none;max-height:400px;overflow-y:auto;scrollbar-width:none}.scroll-panel::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.b9b56b60.css.map*/