@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg-color:#f8fafc;--surface-color:#fff;--surface-border:#e2e8f0;--primary-color:#3b82f6;--primary-glow:#3b82f633;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--sidebar-w:72px;--sidebar-w-expanded:260px;--font-main:"Inter",sans-serif;--transition:all .3s cubic-bezier(.25,.8,.25,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface-color);border-right:1px solid var(--surface-border);transition:var(--transition);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:2px 0 10px #00000005}.sidebar:hover{width:var(--sidebar-w-expanded)}.sidebar-logo{border-bottom:1px solid var(--surface-border);color:var(--primary-color);white-space:nowrap;justify-content:center;align-items:center;width:100%;padding:1.5rem 0;font-size:1.25rem;font-weight:800;display:flex}.sidebar-logo span{opacity:0;margin-left:10px;transition:opacity .2s;display:none}.sidebar:hover .sidebar-logo span{opacity:1;display:inline-block}.nav-item{color:var(--text-secondary);transition:var(--transition);white-space:nowrap;cursor:pointer;border-left:4px solid #0000;align-items:center;padding:1rem 1.5rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{color:var(--primary-color);border-left-color:var(--primary-color);background:#f1f5f9}.nav-icon{justify-content:center;min-width:24px;margin-right:1.25rem;display:flex}.nav-label{opacity:0;pointer-events:none;transition:opacity .2s}.sidebar:hover .nav-label{opacity:1}.main-wrapper{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));transition:var(--transition);padding:2.5rem}@media (max-width:768px){.main-wrapper{width:100%;margin-left:0;padding:1.5rem 1.5rem 80px}.sidebar{border-right:none;border-top:1px solid var(--surface-border);flex-direction:row;width:100%;height:64px;top:auto;bottom:0}.sidebar:hover{width:100%}.sidebar-logo,.nav-label{display:none!important}.nav-item{border-bottom:4px solid #0000;border-left:none;flex:1;justify-content:center;padding:.5rem}.nav-item:hover,.nav-item.active{border-bottom-color:var(--primary-color)}.nav-icon{margin:0}}.card-panel{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:20px;padding:2.5rem;box-shadow:0 4px 6px -1px #00000005}h1{letter-spacing:-.5px;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}h2{margin-bottom:1.5rem;font-size:1.35rem;font-weight:700}p{color:var(--text-secondary);line-height:1.6}.dashboard-grid{grid-template-columns:1fr 1.5fr;gap:3rem;display:grid}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.big-ip-container{flex-direction:column;display:flex}.big-ip-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.875rem;font-weight:700}.big-ip{letter-spacing:-1.5px;color:var(--text-primary);word-wrap:break-word;flex-wrap:wrap;align-items:center;gap:1rem;margin:.5rem 0 2rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;display:flex}.copy-btn{border:1px solid var(--surface-border);cursor:pointer;color:var(--text-secondary);transition:var(--transition);background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex}.copy-btn:hover{color:var(--primary-color);background:#e0e7ff}.action-links{flex-direction:column;gap:1.25rem;display:flex}.action-link{color:var(--text-primary);transition:var(--transition);align-items:center;gap:1rem;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.action-link:hover{color:var(--primary-color)}.action-link .icon-box{background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex}.detail-row{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);flex:1;font-size:.95rem;font-weight:500}.detail-value{color:var(--text-primary);text-align:right;flex:2;justify-content:flex-end;align-items:center;gap:.75rem;font-weight:600;display:flex}.detail-value svg{color:var(--text-muted)}.services-title{margin-top:4rem;margin-bottom:2rem;font-size:1.5rem;font-weight:800}.services-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.service-btn{background:var(--surface-color);border:1px solid var(--surface-border);color:var(--text-primary);transition:var(--transition);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;font-weight:600;text-decoration:none;display:flex}.service-btn:hover{border-color:var(--primary-color);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-2px)}.service-icon{color:var(--primary-color);background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex}.spinner{border:3px solid #e2e8f0;border-top-color:var(--primary-color);border-radius:50%;width:24px;height:24px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.speed-meter{color:var(--primary-color);font-size:3rem;font-weight:800}.input-group{margin-bottom:1rem}.input-group label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.glass-input{border:1px solid var(--surface-border);color:var(--text-primary);font-family:var(--font-main);transition:var(--transition);background:#f8fafc;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem}.glass-input:focus{border-color:var(--primary-color)}.glass-button{background:var(--text-primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex}.glass-button:hover{background:var(--primary-color)}.glass-button:disabled{opacity:.5;cursor:not-allowed}