@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Syne:wght@400;500;700;800&display=swap);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}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--surface:#f5f5f5;--surface2:#ebebeb;--border:#0000001a;--border2:#0003;--accent:#007bff;--accent2:#09c;--accent3:#c70;--text:#1a1a1a;--muted:#666;--danger:#c00;--mono:"JetBrains Mono",monospace;--sans:"Syne",sans-serif}:root.dark{--bg:#0b0f14;--surface:#111820;--surface2:#192130;--border:#00c89626;--border2:#00c8964d;--accent:#00e5a0;--accent2:#00b8f0;--accent3:#f0a000;--text:#00e5a0;--muted:#7a9e90;--danger:#ff5050}body{background:#0b0f1400;color:#1a1a1a;color:var(--text);font-family:Syne,sans-serif;font-family:var(--sans)}.wrap{margin:0 auto;max-width:860px;padding:24px}.header{align-items:center;border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border);display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.logo{background:#007bff;background:var(--accent);border-radius:8px;height:32px;width:32px}h1{font-size:18px;font-weight:800}.version{background:#00e5a01a;border:1px solid #00e5a033;border-radius:20px;color:#007bff;color:var(--accent);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;padding:2px 8px}.tabs{background:#f5f5f5;background:var(--surface);border:1px solid #0000001a;border:1px solid var(--border);border-radius:10px;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:4px}.tab{background:#0000;border:none;border-radius:7px;color:#666;color:var(--muted);cursor:pointer;flex:1 1;font-family:Syne,sans-serif;font-family:var(--sans);font-size:12px;font-weight:500;min-width:80px;padding:7px 10px;transition:all .15s}.tab.active{background:#ebebeb;background:var(--surface2);border:1px solid #0003;border:1px solid var(--border2);color:#007bff;color:var(--accent)}.tab:hover:not(.active){color:#1a1a1a;color:var(--text)}.field{margin-bottom:12px}.field label{color:#666;color:var(--muted);display:block;font-size:11px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.field input,.field label{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.field input{background:#f5f5f5;background:var(--surface);border:1px solid #0000001a;border:1px solid var(--border);border-radius:8px;color:#1a1a1a;color:var(--text);font-size:13px;outline:none;padding:9px 12px;transition:border .15s;width:100%}.field input:focus{border-color:#007bff;border-color:var(--accent)}.row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.btn{background:#007bff;background:var(--accent);border:none;border-radius:8px;color:#000;cursor:pointer;font-family:Syne,sans-serif;font-family:var(--sans);font-size:13px;font-weight:700;margin-top:4px;padding:10px 20px;transition:all .15s;width:100%}.btn:hover{opacity:.85;transform:translateY(-1px)}.btn.sec{background:#ebebeb;background:var(--surface2);border:1px solid #0003;border:1px solid var(--border2);color:#1a1a1a;color:var(--text);padding:9px 14px;width:auto}.add-row{grid-gap:8px;align-items:flex-end;display:grid;gap:8px;grid-template-columns:1fr 1fr auto;margin-bottom:8px}.add-row .btn.sec{margin-top:0}.subnet-entry{align-items:center;border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;gap:8px;padding:6px 0}.sname{flex:1 1}.shosts{color:#666;color:var(--muted)}.sdel{color:#c00;color:var(--danger);cursor:pointer;font-size:16px;opacity:.6}.sdel:hover{opacity:1}.results{background:#f5f5f5;background:var(--surface);border:1px solid #0000001a;border:1px solid var(--border);border-radius:10px;margin-top:20px;overflow:hidden}.results-header{background:#ebebeb;background:var(--surface2);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border);color:#666;color:var(--muted);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;letter-spacing:.5px;padding:10px 14px}:root.light .results{border-color:#0000001f}:root.light .results-header{background:#e8e8e8}:root.light .result-item{border-color:#00000014}:root.light .rkey{color:#555}.result-grid{display:grid;grid-template-columns:1fr 1fr}.result-item{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border);border-right:1px solid #0000001a;border-right:1px solid var(--border);padding:12px 14px}.result-item:nth-child(2n){border-right:none}.rkey{color:#666;color:var(--muted);font-size:10px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.rkey,.rval{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.rval{color:#007bff;color:var(--accent);font-size:13px;font-weight:500;word-break:break-all}.rval.blue{color:#09c;color:var(--accent2)}.rval.amber{color:#c70;color:var(--accent3)}.rval.red{color:#c00;color:var(--danger)}:root.light .rval{color:#00060c}:root.light .rval.blue{color:#007bff}:root.light .rval.amber{color:#ffa202}:root.light .rval.red{color:#a00}.cidr-bar-wrap{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border);padding:14px}.cidr-label{color:#666;color:var(--muted);font-size:10px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.cidr-bar,.cidr-label{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.cidr-bar{background:#ebebeb;background:var(--surface2);border:1px solid #0000001a;border:1px solid var(--border);border-radius:4px;display:flex;font-size:9px;height:20px;overflow:hidden}.cidr-net{background:#00e5a04d;border-right:1px solid #007bff;border-right:1px solid var(--accent);color:#007bff;color:var(--accent);overflow:hidden;white-space:nowrap}.cidr-host,.cidr-net{align-items:center;display:flex;justify-content:center}.cidr-host{color:#666;color:var(--muted);flex:1 1}.vlsm-table{border-collapse:collapse;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;width:100%}.vlsm-table th{background:#ebebeb;background:var(--surface2);color:#666;color:var(--muted);font-size:10px;font-weight:500;padding:8px 10px;text-align:left;text-transform:uppercase}.vlsm-table td,.vlsm-table th{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border)}.vlsm-table td{color:#1a1a1a;color:var(--text);padding:9px 10px}.vlsm-table tr:last-child td{border-bottom:none}.vlsm-table td.net{color:#007bff;color:var(--accent)}.vlsm-table td.bc{color:#09c;color:var(--accent2)}.badge{background:#00e5a01a;border:1px solid #00e5a033;border-radius:20px;color:#007bff;color:var(--accent);display:inline-block;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:10px;padding:2px 7px}.badge.red{background:#ff50501a;border-color:#ff505033}.badge.red,.error-msg{color:#c00;color:var(--danger)}.error-msg{font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;padding:10px 14px}.theme-toggle{background:#ebebeb;background:var(--surface2);border:1px solid #0003;border:1px solid var(--border2);border-radius:20px;color:#1a1a1a;color:var(--text);cursor:pointer;font-family:Syne,sans-serif;font-family:var(--sans);font-size:12px;font-weight:500;margin-left:auto;padding:6px 12px;transition:all .15s}.theme-toggle:hover{border-color:#007bff;border-color:var(--accent);color:#007bff;color:var(--accent)}
/*# sourceMappingURL=main.cd9e41ff.css.map*/