body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafbfc;color:#1a1d29;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.App{display:flex;flex-direction:column;min-height:100vh}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #0000000f;box-shadow:0 1px 3px #00000005;display:flex;height:72px;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.vlsm-root{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr;margin:0 auto;max-width:1400px;min-height:calc(100vh - 72px);padding:20px 28px}.vlsm-left{display:flex;flex-direction:column;gap:20px}.vlsm-right{align-items:flex-start;display:flex}.card{background:#fff;border:1px solid #00000014;border-radius:20px;box-shadow:0 6px 18px #0000000f,0 2px 6px #0000000a;overflow:hidden;transition:all .28s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:#00000014;box-shadow:0 8px 24px #00000014,0 4px 12px #0000000a;transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:18px 20px 14px}.card-title{color:#1a1d29;font-size:17px;font-weight:650;letter-spacing:-.01em}.card-body{padding:16px 20px 20px}.card-body.small{padding:12px 16px 16px}.cidr-input-wrapper{background:linear-gradient(180deg,#fff,#fffaf6);border:1px solid #c2410c14;border-radius:12px;box-shadow:0 6px 22px #c2410c0a;gap:12px;padding:8px 12px}.cidr-icon,.cidr-input-wrapper{align-items:center;display:flex}.cidr-icon{background:linear-gradient(135deg,#c2410c,#fb923c);border-radius:10px;box-shadow:0 6px 18px #c2410c24;color:#fff;font-size:18px;height:40px;justify-content:center;width:40px}.primary-cidr{background:#0000;border:none;color:#0f1724;flex:1 1;font-size:15px;font-weight:600;padding:10px 8px}.primary-cidr:focus{outline:none}.cidr-input-wrapper:focus-within{border-color:#c2410c;box-shadow:0 10px 34px #c2410c1f}.muted{color:#6b7280;font-size:14px;line-height:1.6;margin-top:10px}.subnet-row{align-items:center;background:#f9fafb;border:1px solid #0000000f;border-radius:12px;display:flex;gap:10px;margin-bottom:12px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.subnet-row:hover{background:#f3f4f6;border-color:#0000001a;box-shadow:0 2px 8px #0000000a;transform:translateY(-1px)}.subnet-name{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;flex:1 1;font-size:15px;font-weight:500;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.subnet-name:focus{border-color:#c2410c;box-shadow:0 0 0 4px #c2410c14;outline:none;transform:translateY(-1px)}.subnet-hosts{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:600;padding:8px 12px;text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1);width:90px}.subnet-hosts:focus{border-color:#c2410c;box-shadow:0 0 0 4px #c2410c14;outline:none;transform:translateY(-1px)}.btn.full{padding:12px 16px}.placeholder-card{align-items:center;background:linear-gradient(135deg,#fff,#f9fafb);border:2px dashed #667eea33;border-radius:24px;display:flex;justify-content:center;min-height:400px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.placeholder-card:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#c2410c05 0,#0000 50%);content:"";height:300%;left:-100%;position:absolute;top:-100%;width:300%}.placeholder-card:hover{border-color:#c2410c47;transform:scale(1.01)}.placeholder-inner{color:#6b7280;max-width:420px;padding:48px 32px;position:relative;text-align:center;z-index:1}.placeholder-icon{align-items:center;animation:pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#c2410c,#fb923c);border-radius:44px;box-shadow:0 12px 40px #c2410c47;display:flex;font-size:36px;height:88px;justify-content:center;margin:0 auto 24px;width:88px}.placeholder-card h3{color:#1a1d29;font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 16px}.placeholder-card p{color:#6b7280;font-size:16px;line-height:1.7;margin:0}@keyframes float{0%,to{opacity:.6;transform:translate(0) rotate(0deg)}33%{opacity:.8;transform:translate(20px,-20px) rotate(120deg)}66%{opacity:.4;transform:translate(-20px,20px) rotate(240deg)}}@keyframes pulse{0%,to{box-shadow:0 12px 40px #667eea4d;transform:scale(1) rotate(0deg)}50%{box-shadow:0 16px 48px #667eea66;transform:scale(1.08) rotate(5deg)}}.brand{gap:14px}.brand,.brand-icon{align-items:center;display:flex}.brand-icon{background:linear-gradient(135deg,#c2410c,#fb923c);border-radius:12px;box-shadow:0 6px 16px #c2410c47;color:#fff;font-size:20px;height:44px;justify-content:center;width:44px}.brand-text{display:flex;flex-direction:column}.brand-title{color:#1a1d29;font-size:18px;font-weight:700;line-height:1.2}.brand-sub{color:#6b7280;font-size:13px;font-weight:500}.field{margin-bottom:12px}.field.small{margin-bottom:8px}.field label{margin-bottom:6px}.field{margin-bottom:20px}.field label{color:#374151;display:block;font-size:14px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.field input,.field select{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.field input:focus,.field select:focus{border-color:#c2410c;box-shadow:0 0 0 4px #c2410c14;outline:none;transform:translateY(-1px)}.field input::placeholder{color:#9ca3af}.hosts-list{display:flex;flex-direction:column;gap:8px}.host-row{align-items:center;display:flex;gap:8px}.host-input{border:1px solid #ddd;border-radius:4px;padding:6px;width:120px}.btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;justify-content:center;letter-spacing:-.01em;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.btn.small{border-radius:10px;font-size:13px;padding:10px 16px}.btn.primary{background:linear-gradient(135deg,#c2410c,#fb923c);border:1.5px solid #0000;box-shadow:0 6px 16px #c2410c47;color:#fff}.btn.primary:hover{background:linear-gradient(135deg,#a63b08,#d97706);box-shadow:0 10px 28px #c2410c5c;transform:translateY(-3px)}.btn.full{font-size:16px;font-weight:700;letter-spacing:-.02em;margin-top:20px;padding:18px 28px;width:100%}.actions{gap:8px}.actions,.meta{margin-top:12px}.meta{color:#333}.error{color:#b00020;margin-top:12px}.placeholder{color:#666}.results-card{background:#fff;border:2px solid #c2410c33;border-radius:20px;box-shadow:0 6px 20px #c2410c14;height:-webkit-fit-content;height:fit-content;overflow:hidden;width:100%}.stats-cards-grid{grid-gap:16px;background:linear-gradient(180deg,#fffbf7,#fff);border-bottom:1px solid #c2410c1a;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:20px 24px}.stat-card{align-items:center;background:#fff;border:1px solid #c2410c14;border-radius:14px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.stat-card:hover{box-shadow:0 6px 16px #c2410c0f;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.stat-icon-subnets{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stat-icon-util{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.stat-icon-export{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.stat-content{flex:1 1}.stat-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#1a1d29;font-size:24px;font-weight:700;margin-top:4px}.stat-btn{background:linear-gradient(135deg,#c2410c,#fb923c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:8px;padding:8px 12px;transition:all .2s ease}.stat-btn:hover{box-shadow:0 6px 16px #c2410c47;transform:translateY(-1px)}.result-actions{background:#f9fafb;border-bottom:1px solid #0000000d;display:flex;gap:10px;padding:16px 20px}.result-actions .btn{background:#fff;border:1.5px solid #c2410c2e;border-radius:12px;color:#1a1d29;font-weight:700;padding:12px 18px;transition:all .18s ease}.result-actions .btn:hover{background:linear-gradient(180deg,#c2410c0a,#c2410c05);box-shadow:0 10px 30px #c2410c1a;transform:translateY(-2px)}.json-output{background:#1a1d29;border:1px solid #0000001a;border-radius:16px;color:#e5e7eb;font-family:Monaco,SF Mono,Consolas,monospace;font-size:13px;line-height:1.6;margin:20px 28px;max-height:400px;overflow:auto;padding:24px}.table-wrap{border-radius:0 0 20px 20px;margin:0;max-height:calc(100vh - 260px);overflow-x:auto;overflow-y:auto;padding:0 16px 16px}.vlsm-table{border-collapse:initial;border-spacing:0 10px;font-size:13px;margin-top:12px;table-layout:auto;width:100%}.vlsm-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.vlsm-table th{background:linear-gradient(135deg,#c2410c,#fb923c);border:none;color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.vlsm-table tbody tr{background:#fff;border:1.5px solid #c2410c2e;border-radius:10px;box-shadow:0 2px 8px #0000000a;transition:all .2s cubic-bezier(.4,0,.2,1)}.vlsm-table tbody tr:hover{background:#fafaf9;border-color:#c2410c52;box-shadow:0 8px 20px #c2410c1f;transform:translateY(-2px)}.vlsm-table tbody tr td:first-child{background:linear-gradient(135deg,#c2410c14,#fb923c0a);border-radius:10px 0 0 10px;color:#c2410c;font-weight:700}.vlsm-table td{border:none;color:#1a1d29;font-weight:500;padding:12px 14px}.vlsm-table tbody tr:hover td:nth-child(4){color:#2563eb;font-weight:600}.vlsm-table tbody tr:hover td:nth-child(5){color:#059669;font-weight:600}.vlsm-table tbody tr:hover td:nth-child(6){color:#7c3aed;font-weight:600}.vlsm-table tbody tr:hover td:nth-child(7){color:#d97706;font-weight:600}.vlsm-table tbody tr td:last-child{border-radius:0 10px 10px 0}.actions{display:flex;gap:12px;margin-top:20px}.meta{background:#f9fafb;border:1px solid #0000000d;border-radius:12px;color:#6b7280}.error,.meta{font-size:14px;margin-top:20px;padding:16px 20px}.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1.5px solid #fca5a5;border-radius:16px;color:#dc2626;font-weight:600}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.results-card.fullwidth{border-radius:20px;margin:18px auto 0;max-width:1400px;overflow:hidden;width:calc(100% - 56px)}.App-footer{background:linear-gradient(180deg,#00000005,#00000003);border-top:1px solid #0000000f;margin-top:28px}.footer-inner{align-items:center;color:#6b7280;display:flex;font-size:13px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:18px 28px}.footer-right{color:#1a1d29;font-weight:700}
/*# sourceMappingURL=main.ac6bc2d8.css.map*/