@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#0a0e1a;--bg-secondary:#060912;--bg-elevated:#111827;--glass-bg:#111827a6;--glass-bg-hover:#111827cc;--glass-border:#ffffff14;--glass-border-hover:#ffffff24;--glass-blur:blur(24px);--glass-shadow:0 8px 32px #0006;--sidebar-bg:#0a0e1ad9;--sidebar-width:260px;--sidebar-collapsed:72px;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-glow:#3b82f640;--accent-soft:#3b82f61f;--success:#10b981;--success-soft:#10b9811f;--warning:#f59e0b;--warning-soft:#f59e0b1f;--danger:#ef4444;--danger-soft:#ef44441f;--info:#06b6d4;--info-soft:#06b6d41f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 12px 40px #0006;--shadow-glow:0 0 20px var(--accent-glow);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-layout{height:100dvh;display:flex;overflow:hidden}.main-content{margin-left:var(--sidebar-width);transition:margin-left var(--transition);flex-direction:column;flex:1;display:flex;overflow:hidden}.page-container{flex:1;padding:32px 40px;overflow:hidden auto}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.glass-card:hover{border-color:var(--glass-border-hover)}.glass-card-interactive:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow),0 0 0 1px #3b82f614;cursor:pointer}.stat-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{padding:20px 24px;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;height:2px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.stat-card:hover:before{opacity:1}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:500}.stat-card-value{letter-spacing:-.5px;font-size:28px;font-weight:700;line-height:1.2}.stat-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;font-size:18px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}@media (max-width:480px){.page-header{flex-direction:column;align-items:stretch;gap:12px}.page-header>div{justify-content:flex-start;width:100%}.page-header .btn{flex:1}}.header-actions{align-items:center;gap:8px;display:flex}@media (max-width:480px){.header-actions{gap:8px;width:100%}.header-actions .btn{flex:1;padding:10px 8px;font-size:11px}}.page-title{letter-spacing:-.3px;color:var(--text-primary);font-size:24px;font-weight:700}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--accent),#2563eb);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hover),#3b82f6);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-secondary:hover{border-color:var(--glass-border-hover);color:var(--text-primary);background:var(--glass-bg-hover)}.btn-danger{background:linear-gradient(135deg,var(--danger),#dc2626);color:#fff;box-shadow:0 2px 8px #ef444440}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ef44444d}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 12px}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0f}.btn-sm{padding:6px 12px;font-size:12px}.input,.select{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#0000004d;outline:none;padding:10px 14px;font-family:inherit;font-size:13px}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.select option{background:var(--bg-elevated);color:var(--text-primary)}.input-group{margin-bottom:16px}.input-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.badge{letter-spacing:.5px;white-space:nowrap;text-transform:uppercase;border:1px solid #ffffff1a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:fit-content;min-width:max-content;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #0003}.badge-success{color:#ecfdf5;background:#059669}.badge-warning{color:#fffbeb;background:#d97706}.badge-danger{color:#fef2f2;background:#dc2626}.badge-info{color:#ecfeff;background:#0891b2}.badge-accent{color:#eff6ff;background:#2563eb}.badge-muted{color:#f8fafc;background:#475569}.table-card{overflow:hidden}.table-card table{border-collapse:collapse;width:100%}.table-card thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--glass-border);background:#00000026;padding:12px 16px;font-size:11px;font-weight:600}.table-card tbody td{color:var(--text-secondary);border-bottom:1px solid #ffffff08;padding:12px 16px;font-size:13px}.table-card tbody tr{transition:background var(--transition-fast)}.table-card tbody tr:hover{background:#ffffff08}.table-card tbody tr.clickable{cursor:pointer}.table-card tbody tr.clickable:hover{background:#3b82f60d}.table-toolbar{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.progress-bar{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--accent),var(--info));border-radius:2px;height:100%;transition:width .5s}.usage-bar{align-items:center;gap:10px;display:flex}.usage-bar-track{background:#ffffff0f;border-radius:3px;flex:1;height:6px;overflow:hidden}.usage-bar-fill{height:100%;transition:width var(--transition);border-radius:3px}.usage-bar-text{color:var(--text-secondary);text-align:right;min-width:40px;font-size:12px;font-weight:600}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 4px #fffc;background:#fff!important}.status-dot-free{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot-in_use{background:var(--accent);box-shadow:0 0 6px var(--accent)}.status-dot-reserved{background:var(--warning);box-shadow:0 0 6px var(--warning)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:85vh;overflow-y:auto}.modal-header{padding:20px 24px 0;font-size:18px;font-weight:700}.modal-body{padding:20px 24px}.modal-footer{justify-content:flex-end;gap:10px;padding:0 24px 20px;display:flex}.toast-container{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);color:#fff;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-md);padding:12px 20px;font-size:13px;font-weight:500;animation:.3s toast-in}.toast-success{background:#10b981e6}.toast-error{background:#ef4444e6}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.spinner{border:2px solid #ffffff1a;border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{justify-content:center;align-items:center;padding:60px;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state-icon{opacity:.5;margin-bottom:12px;font-size:40px}.empty-state-title{color:var(--text-secondary);margin-bottom:4px;font-size:16px;font-weight:600}.empty-state-text{font-size:13px}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px;margin-bottom:24px;display:grid}.chart-card{padding:24px}.chart-card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:13px;font-weight:600}.chart-container{height:240px;position:relative}.ip-cell{letter-spacing:.2px;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:13px}.scan-form-card{margin-bottom:24px;padding:24px}.scan-form-grid{grid-template-columns:1fr 1fr auto;align-items:end;gap:20px;display:grid}.search-box{position:relative}.search-box .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box .input{padding-left:40px}@media (max-width:768px){.main-content{margin-left:0}.stat-cards{grid-template-columns:1fr 1fr}.charts-grid,.scan-form-grid{grid-template-columns:1fr}.mobile-menu-btn{display:block!important}.page-container{padding:24px 16px calc(120px + env(safe-area-inset-bottom))}.responsive-table thead{display:none}.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.responsive-table tr{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass-bg);margin-bottom:16px;padding:12px;position:relative}.responsive-table td{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 4px;display:flex}.responsive-table td:last-child{border-bottom:none}.responsive-table td:before{content:attr(data-label);text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.detail-grid{grid-template-columns:1fr!important}.info-row{flex-direction:column;gap:4px;align-items:stretch!important}.info-row span:last-child{text-align:left!important}}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.info-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.info-row span:last-child{text-align:right;word-break:break-word;justify-content:flex-end;display:flex}
.Sidebar-module__Fwe7EW__sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(40px);border-right:1px solid var(--glass-border);z-index:100;transition:width var(--transition);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.Sidebar-module__Fwe7EW__header{border-bottom:1px solid var(--glass-border);padding:24px 20px 20px}.Sidebar-module__Fwe7EW__logo{align-items:center;gap:12px;display:flex}.Sidebar-module__Fwe7EW__logoIcon{background:linear-gradient(135deg,var(--accent),#1d4ed8);color:#fff;width:36px;height:36px;box-shadow:0 2px 12px var(--accent-glow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.Sidebar-module__Fwe7EW__logoImg{object-fit:contain;flex-shrink:0;width:38px;height:auto}.Sidebar-module__Fwe7EW__logoText{flex-direction:column;display:flex}.Sidebar-module__Fwe7EW__logoTitle{letter-spacing:-.3px;color:var(--text-primary);font-size:15px;font-weight:700}.Sidebar-module__Fwe7EW__logoSub{color:var(--text-muted);font-size:11px;font-weight:500}.Sidebar-module__Fwe7EW__nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.Sidebar-module__Fwe7EW__navItem{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.Sidebar-module__Fwe7EW__navItem:hover{color:var(--text-primary);background:#ffffff0d}.Sidebar-module__Fwe7EW__active{background:var(--accent-soft);color:var(--accent-hover)}.Sidebar-module__Fwe7EW__active:before{content:"";background:var(--accent);width:3px;box-shadow:0 0 8px var(--accent-glow);border-radius:0 2px 2px 0;position:absolute;top:20%;bottom:20%;left:0}.Sidebar-module__Fwe7EW__activeGlow{background:linear-gradient(90deg,var(--accent-glow),transparent);pointer-events:none;opacity:.5;width:60px;position:absolute;top:0;bottom:0;left:0}.Sidebar-module__Fwe7EW__footer{border-top:1px solid var(--glass-border);padding:16px}.Sidebar-module__Fwe7EW__user{align-items:center;gap:10px;display:flex}.Sidebar-module__Fwe7EW__avatar{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.Sidebar-module__Fwe7EW__userInfo{flex:1;min-width:0}.Sidebar-module__Fwe7EW__userName{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.Sidebar-module__Fwe7EW__userRole{color:var(--text-muted);text-transform:capitalize;font-size:11px}.Sidebar-module__Fwe7EW__logoutBtn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.Sidebar-module__Fwe7EW__logoutBtn:hover{background:var(--danger-soft);color:var(--danger)}.Sidebar-module__Fwe7EW__mobileNav{display:none}@media (max-width:768px){.Sidebar-module__Fwe7EW__sidebar{width:260px;transform:translate(-100%);box-shadow:20px 0 60px #00000080}.Sidebar-module__Fwe7EW__sidebar.Sidebar-module__Fwe7EW__open{transform:translate(0)}.Sidebar-module__Fwe7EW__mobileNav{height:calc(70px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);z-index:1000;background:#0a0e1af2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.Sidebar-module__Fwe7EW__mobileNavItem{height:100%;color:var(--text-muted);transition:all var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.Sidebar-module__Fwe7EW__mobileActive{color:var(--accent);transform:translateY(-2px)}}.Sidebar-module__Fwe7EW__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#0006;animation:.3s Sidebar-module__Fwe7EW__fade-in;position:fixed;inset:0}@keyframes Sidebar-module__Fwe7EW__fade-in{0%{opacity:0}to{opacity:1}}