:root{--sidebar-width:260px;--topbar-height:64px;--sb-bg:#0f172a;--sb-border:hsla(0,0%,100%,.06);--sb-text:#94a3b8;--sb-hover:hsla(0,0%,100%,.05);--sb-active-bg:rgba(99,102,241,.18);--sb-active-text:#a5b4fc;--sb-label:#475569;--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:rgba(99,102,241,.1);--primary-ring:rgba(99,102,241,.35);--page-bg:#f1f5f9;--card-bg:#fff;--card-border:#e2e8f0;--card-shadow:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);--card-shadow-lg:0 10px 30px rgba(0,0,0,.1);--text:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--radius:12px;--radius-sm:8px;--radius-lg:16px;--transition:0.15s ease}*,:after,:before{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f1f5f9;color:#0f172a;line-height:1.5}.topbar{background:#fff!important}.topbar,.topbar-title{color:#0f172a!important}.topbar-subtitle{color:#94a3b8!important}.content-card,.metric-card,.stat-card,.tool-card{background:#fff!important;color:#0f172a!important}.metric-value,.stat-value{color:#0f172a!important}.metric-label,.stat-label{color:#94a3b8!important}.sidebar{width:var(--sidebar-width);height:100vh;background:var(--sb-bg);position:fixed;left:0;top:0;z-index:200;display:flex;flex-direction:column;border-right:1px solid var(--sb-border);transition:transform var(--transition)}.sidebar-brand{height:var(--topbar-height);display:flex;align-items:center;padding:0 1.25rem;border-bottom:1px solid var(--sb-border);text-decoration:none;gap:.75rem;flex-shrink:0}.sidebar-brand-name{font-size:1.1rem;font-weight:700;color:#f8fafc;letter-spacing:-.01em}.sidebar-brand-tag{font-size:.58rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sb-text)}.sidebar-nav{flex:1 1;padding:1rem .75rem;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:4px}.sb-group-label{font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--sb-label);padding:.6rem .6rem .3rem;margin-top:.25rem}.sb-single{display:flex;align-items:center;gap:.65rem;padding:.6rem .65rem;border-radius:var(--radius-sm);color:var(--sb-text);text-decoration:none;font-size:.875rem;font-weight:500;transition:background var(--transition),color var(--transition);margin-bottom:.15rem}.sb-single:hover{background:var(--sb-hover);color:#e2e8f0}.sb-single.active{background:var(--sb-active-bg);color:var(--sb-active-text)}.sb-section{margin-bottom:.15rem}.sb-section-header{display:flex;align-items:center;padding:.6rem .65rem;border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:.65rem;transition:background var(--transition)}.sb-section-header:hover{background:var(--sb-hover)}.sb-section-header.active{background:var(--sb-active-bg)}.sb-section-icon{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.sb-section-label{flex:1 1;font-size:.875rem;font-weight:500;color:#cbd5e1}.sb-section-header.active .sb-section-label{color:var(--sb-active-text)}.sb-chevron{font-size:.7rem;color:#fff;transition:transform .2s ease;flex-shrink:0}.sb-chevron.open{transform:rotate(90deg)}.sb-items{overflow:hidden;transition:max-height .25s ease,opacity .2s ease}.sb-items.collapsed{max-height:0;opacity:0;pointer-events:none}.sb-items.expanded{max-height:400px;opacity:1}.sb-link{display:flex;align-items:center;gap:.6rem;padding:.45rem .65rem .45rem 2.9rem;border-radius:var(--radius-sm);color:var(--sb-text);text-decoration:none;font-size:.835rem;transition:background var(--transition),color var(--transition)}.sb-link i{font-size:.875rem;flex-shrink:0}.sb-link:hover{background:var(--sb-hover);color:#e2e8f0}.sb-link.active{background:var(--sb-active-bg);color:var(--sb-active-text);font-weight:500}.sb-divider{height:1px;background:var(--sb-border);margin:.6rem 0}.sidebar-footer{padding:.875rem 1rem;border-top:1px solid var(--sb-border);flex-shrink:0}.sb-user-row{gap:.7rem;margin-bottom:.65rem}.sb-avatar,.sb-user-row{display:flex;align-items:center}.sb-avatar{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--primary),#8b5cf6);justify-content:center;color:#fff;font-size:.72rem;font-weight:700;flex-shrink:0;letter-spacing:.02em}.sb-user-name{font-size:.8rem;font-weight:600;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.sb-user-role{font-size:.68rem;color:var(--sb-text)}.sb-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.45rem;border-radius:var(--radius-sm);border:1px solid hsla(0,0%,100%,.08);background:transparent;color:var(--sb-text);font-size:.8rem;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.sb-logout:hover{background:rgba(239,68,68,.1);color:#fca5a5;border-color:rgba(239,68,68,.2)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:199;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.topbar{height:var(--topbar-height);background:var(--card-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1.5rem;gap:.875rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.topbar-menu-btn{display:none;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:1rem;transition:background var(--transition);flex-shrink:0}.topbar-menu-btn:hover{background:var(--page-bg)}.topbar-title{font-size:.975rem;font-weight:600;color:var(--text);line-height:1.2}.topbar-subtitle{font-size:.72rem;color:var(--text-muted)}.topbar-status{gap:.4rem;font-size:.75rem;color:var(--text-muted);padding:.3rem .7rem;border-radius:20px;background:var(--page-bg);border:1px solid var(--border)}.topbar-btn,.topbar-status{display:flex;align-items:center}.topbar-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:.925rem;transition:background var(--transition),color var(--transition),border-color var(--transition)}.topbar-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary-ring)}.main-content{margin-left:var(--sidebar-width);min-height:100vh;min-width:0;display:flex;flex-direction:column;background:var(--page-bg)}.page-body{padding:1.75rem;flex:1 1;min-width:0}.metric-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.25rem 1.5rem;box-shadow:var(--card-shadow);transition:box-shadow var(--transition),transform var(--transition)}.metric-card:hover{box-shadow:var(--card-shadow-lg);transform:translateY(-1px)}.metric-icon{width:42px;height:42px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:1rem}.metric-value{font-size:1.8rem;font-weight:700;line-height:1;color:var(--text)}.metric-label{font-size:.78rem;color:var(--text-muted);margin-top:.3rem}.content-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);min-width:0}.content-card-header{padding:1.1rem 1.5rem;border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.content-card-body{padding:1.25rem 1.5rem}.tool-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.25rem;cursor:pointer;transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition);box-shadow:var(--card-shadow)}.tool-card:hover{box-shadow:var(--card-shadow-lg);transform:translateY(-2px);border-color:var(--primary-ring)}.tool-card .tool-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:.75rem}.service-row{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0;border-bottom:1px solid var(--card-border)}.service-row:last-child{border-bottom:none}.service-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.service-dot.ok{background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.18)}.service-dot.degraded{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18)}.service-dot.error{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.18)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.ok{background:#10b981}.status-dot.error{background:#ef4444}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}.page-header-title{font-size:1.35rem;font-weight:700;color:var(--text);line-height:1.2}.page-header-subtitle{font-size:.83rem;color:var(--text-muted);margin-top:.2rem}.login-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e1b4b 60%,#0f172a);display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden;position:relative}.login-page:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.12) 0,transparent 65%);top:-300px;right:-200px;pointer-events:none}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:440px;box-shadow:0 20px 60px rgba(0,0,0,.25);position:relative;z-index:1;color:#0f172a}.login-card .form-label{color:#475569}.login-card .form-control{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}.login-card .form-control::placeholder{color:#94a3b8}.login-card .form-control:focus{background:#fff;border-color:#6366f1;color:#0f172a;box-shadow:0 0 0 3px rgba(99,102,241,.15)}.login-card h5{color:#0f172a}.login-card .text-muted{color:#64748b!important}.login-card hr{border-color:#e2e8f0}.result-panel{background:#0d1117;border:1px solid #1e2a3a;border-radius:var(--radius-sm);padding:1rem 1.25rem;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.78rem;color:#94a3b8;max-height:420px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.skeleton{background:var(--card-border);animation:skeleton-pulse 1.5s ease-in-out infinite;display:block;border-radius:6px}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.25rem 1.5rem;box-shadow:var(--card-shadow)}.stat-card .stat-value{font-size:2rem;font-weight:700;line-height:1}.stat-card .stat-label{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--text-muted)}.empty-state i{font-size:2.5rem;margin-bottom:.875rem;opacity:.4}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease}.hover-shadow{transition:box-shadow var(--transition)}.hover-shadow:hover{box-shadow:var(--card-shadow-lg)}.tool-split{display:grid;grid-template-columns:268px 1fr;grid-gap:1.25rem;gap:1.25rem;align-items:start}.tool-nav{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);overflow:hidden;position:-webkit-sticky;position:sticky;top:calc(var(--topbar-height) + 1.25rem)}.tool-nav-back{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;border-bottom:1px solid var(--border);background:var(--page-bg);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:color var(--transition)}.tool-nav-back:hover{color:var(--primary)}.tool-nav-back i{font-size:.8rem}.tool-nav-header{padding:.8rem 1rem;border-bottom:1px solid var(--border);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.tool-nav-item{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;width:100%;cursor:pointer;border:none;border-bottom:1px solid var(--border);background:transparent;text-align:left;transition:background var(--transition),color var(--transition)}.tool-nav-item:last-child{border-bottom:none}.tool-nav-item:hover{background:#f8fafc}.tool-nav-item.active{background:rgba(99,102,241,.06);border-left:3px solid var(--primary);padding-left:calc(1rem - 3px)}.tool-nav-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.tool-detail{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);min-height:420px}.tool-detail-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.tool-detail-header-icon{width:42px;height:42px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.tool-detail-title{font-size:.95rem;font-weight:700;color:var(--text);line-height:1.2}.tool-detail-subtitle{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.tool-detail-body{padding:1.5rem}.tool-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:420px;color:var(--text-muted);font-size:.875rem}.tool-detail-empty i{font-size:2.5rem;opacity:.25}@media (max-width:991px){.tool-split{grid-template-columns:220px 1fr}}@media (max-width:767px){.tool-split{grid-template-columns:1fr}.tool-nav{position:static}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:58px;background:var(--sb-bg);border-top:1px solid var(--sb-border);z-index:150}.mobile-nav-items{display:flex;height:100%;align-items:stretch}.mobile-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--sb-text);font-size:.62rem;font-weight:500;cursor:pointer;background:transparent;border:none;text-decoration:none;transition:color var(--transition)}.mobile-nav-item i{font-size:1.2rem}.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--sb-active-text)}@media (max-width:767.98px){.sidebar{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0);box-shadow:4px 0 30px rgba(0,0,0,.5)}.sidebar-backdrop{display:block}.main-content{margin-left:0;padding-bottom:58px}.topbar-menu-btn{display:flex}.mobile-nav{display:block}.page-body{padding:1rem}.topbar-status .status-label{display:none}}@media (min-width:768px) and (max-width:1023.98px){:root{--sidebar-width:220px}}