@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f9fb;--bg-card:#fff;--bg-raised:#fff;--bg-hover:#f2f4f7;--bg-active:#e8f0fb;--border:#00000012;--border2:#0000001f;--border3:#0000002e;--text:#111318;--text2:#5a6175;--text3:#9299ab;--blue:#185fa5;--blue-bg:#e6f1fb;--blue-mid:#378add;--green:#22c55e;--green-bg:#eaf3de;--green-text:#3b6d11;--yellow:#f59e0b;--yellow-bg:#faeeda;--yellow-text:#854f0b;--red:#ef4444;--red-bg:#fcebeb;--red-text:#a32d2d;--teal-bg:#e1f5ee;--teal-text:#0f6e56;--purple-bg:#eeedfe;--purple-text:#534ab7;--font:"Inter",system-ui,sans-serif;--mono:"JetBrains Mono",monospace;--r:8px;--r-lg:12px;--r-xl:16px;--shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}:root[data-theme=dark]{--bg:#0b1020;--bg-card:#121a2d;--bg-raised:#161f35;--bg-hover:#1a2540;--bg-active:#203155;--border:#ffffff14;--border2:#ffffff21;--border3:#ffffff2e;--text:#eef2ff;--text2:#b5c0dc;--text3:#7f8baa;--blue:#6da9ff;--blue-bg:#6da9ff24;--blue-mid:#7cb2ff;--green:#34d399;--green-bg:#34d3991f;--green-text:#9df1cf;--yellow:#fbbf24;--yellow-bg:#fbbf241f;--yellow-text:#fde68a;--red:#f87171;--red-bg:#f871711f;--red-text:#fecaca;--teal-bg:#2dd4bf1f;--teal-text:#99f6e4;--purple-bg:#a855f724;--purple-text:#d8b4fe;--shadow:0 12px 30px #00000047}body{-webkit-font-smoothing:antialiased;color:#111318;color:var(--text);font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:14px;line-height:1.6;min-height:100vh}body,html{background:#f8f9fb;background:var(--bg)}:root[data-theme=dark] body{background:radial-gradient(circle at top,#3b82f626,#0000 32%),linear-gradient(180deg,#0b1020,#090d18)}a{color:#185fa5;color:var(--blue);text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:13px}input,select,textarea{background:#fff;background:var(--bg-card);border:1px solid #0000001f;border:1px solid var(--border2);border-radius:8px;border-radius:var(--r);color:#111318;color:var(--text);outline:none;padding:8px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#378add;border-color:var(--blue-mid);box-shadow:0 0 0 3px #3b82f61f}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0000002e;background:var(--border3);border-radius:3px}.mono{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{background:#fff;background:var(--bg-card);border-right:1px solid #00000012;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:230px}.sidebar,.sidebar *{transition:background-color .15s ease,color .15s ease,border-color .15s ease}.sidebar-brand{align-items:center;border-bottom:1px solid #00000012;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:20px 18px 16px}.sidebar-brand-icon{align-items:center;background:#e6f1fb;background:var(--blue-bg);border-radius:8px;color:#185fa5;color:var(--blue);display:flex;font-size:16px;height:30px;justify-content:center;width:30px}.sidebar-brand-name{color:#111318;color:var(--text);font-size:14px;font-weight:600;letter-spacing:-.01em}.sidebar-section-label{color:#9299ab;color:var(--text3);font-size:11px;font-weight:600;letter-spacing:.05em;padding:16px 18px 6px;text-transform:uppercase}.sidebar-nav{flex:1 1;padding:4px 8px}.sidebar-nav-item{align-items:center;border-radius:7px;color:#5a6175;color:var(--text2);cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:9px;margin:1px 0;padding:8px 10px;text-decoration:none;transition:background .12s,color .12s}.sidebar-nav-item:hover{background:#f2f4f7;background:var(--bg-hover);color:#111318;color:var(--text)}.sidebar-nav-item.active{background:#e6f1fb;background:var(--blue-bg);color:#185fa5;color:var(--blue);font-weight:500}:root[data-theme=dark] .mobile-header,:root[data-theme=dark] .sidebar{background:#fff;background:var(--bg-card)}:root[data-theme=dark] .card,:root[data-theme=dark] .login-card,:root[data-theme=dark] .table-card{background:#fff;background:var(--bg-card);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow)}:root[data-theme=dark] .mobile-header,:root[data-theme=dark] .sidebar{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow)}:root[data-theme=dark] .btn-primary{color:#08111f}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:#fff;background:var(--bg-raised)}.sidebar-nav-item .nav-icon{flex-shrink:0;font-size:16px}.sidebar-nav-item .nav-badge{background:#fcebeb;background:var(--red-bg);border-radius:10px;color:#a32d2d;color:var(--red-text);font-size:10px;font-weight:600;margin-left:auto;padding:1px 6px}.sidebar-footer{border-top:1px solid #00000012;border-top:1px solid var(--border);padding:12px}.sidebar-user{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background .12s}.sidebar-user:hover{background:#f2f4f7;background:var(--bg-hover)}.sidebar-avatar{align-items:center;background:#e6f1fb;background:var(--blue-bg);border-radius:50%;color:#185fa5;color:var(--blue);display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:30px;justify-content:center;width:30px}.sidebar-user-name{color:#111318;color:var(--text);font-size:12px;font-weight:500}.sidebar-user-email{color:#9299ab;color:var(--text3);font-size:11px}.main-area{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.topbar{align-items:center;background:#fff;background:var(--bg-card);border-bottom:1px solid #00000012;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 28px}.topbar-title{color:#111318;color:var(--text);font-size:16px;font-weight:600}.topbar-sub{color:#9299ab;color:var(--text3);font-size:12px;margin-top:1px}.topbar-actions{align-items:center;display:flex;gap:8px}.page-content{flex:1 1;overflow-y:auto;padding:24px 28px}.card{border:1px solid #00000012;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);padding:20px 22px}.card,.card-sm{background:#fff;background:var(--bg-card)}.card-sm{border:1px solid #00000012;border:1px solid var(--border);border-radius:8px;border-radius:var(--r);padding:14px 16px}.metric-card{background:#fff;background:var(--bg-card);border:1px solid #00000012;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);padding:16px 18px}.metric-label{color:#9299ab;color:var(--text3);font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.metric-value{color:#111318;color:var(--text);font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.15}.metric-sub{color:#9299ab;color:var(--text3);display:flex;font-size:12px;gap:5px;margin-top:4px}.btn,.metric-sub{align-items:center}.btn{background:#fff;background:var(--bg-card);border:1px solid #0000001f;border:1px solid var(--border2);border-radius:8px;border-radius:var(--r);color:#5a6175;color:var(--text2);cursor:pointer;display:inline-flex;font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .12s;white-space:nowrap}.btn:hover{background:#f2f4f7;background:var(--bg-hover);border-color:#0000002e;border-color:var(--border3);color:#111318;color:var(--text)}.btn-primary{background:#185fa5;background:var(--blue);border-color:#0000;color:#fff}.btn-primary:hover{background:#1451a0;color:#fff}.btn-danger{background:#fcebeb;background:var(--red-bg);border-color:#0000;color:#a32d2d;color:var(--red-text)}.btn-danger:hover{background:#ef4444;background:var(--red);color:#fff}.btn-success{background:#eaf3de;background:var(--green-bg);border-color:#0000;color:#3b6d11;color:var(--green-text)}.btn-success:hover{background:#22c55e;background:var(--green);color:#fff}.btn-sm{font-size:12px;padding:5px 10px}.btn-xs{font-size:11px;padding:3px 8px}.btn-icon{justify-content:center;min-width:32px;padding:7px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:2px 8px;white-space:nowrap}.badge-up{background:#eaf3de;background:var(--green-bg);color:#3b6d11;color:var(--green-text)}.badge-warn{background:#faeeda;background:var(--yellow-bg);color:#854f0b;color:var(--yellow-text)}.badge-down{background:#fcebeb;background:var(--red-bg);color:#a32d2d;color:var(--red-text)}.badge-db{background:#e1f5ee;background:var(--teal-bg);color:#0f6e56;color:var(--teal-text)}.badge-app{background:#e6f1fb;background:var(--blue-bg);color:#185fa5;color:var(--blue)}.badge-proxy{background:#eeedfe;background:var(--purple-bg);color:#534ab7;color:var(--purple-text)}.badge-system{background:#f2f4f7;background:var(--bg-hover);color:#5a6175;color:var(--text2)}.badge-info{background:#e6f1fb;background:var(--blue-bg);color:#185fa5;color:var(--blue)}.table-card{background:#fff;background:var(--bg-card);border:1px solid #00000012;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);overflow:hidden}.table-header{align-items:center;border-bottom:1px solid #00000012;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 18px}.table-header-title{color:#111318;color:var(--text);font-size:13px;font-weight:600}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}thead th{color:#9299ab;color:var(--text3);font-size:11px;font-weight:600;letter-spacing:.04em;padding:9px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}tbody td,thead th{border-bottom:1px solid #00000012;border-bottom:1px solid var(--border)}tbody td{color:#5a6175;color:var(--text2);padding:11px 16px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f2f4f7;background:var(--bg-hover);cursor:pointer}.td-name{color:#111318;color:var(--text);font-weight:500}.bar-wrap{align-items:center;display:flex;gap:8px;min-width:110px}.bar-bg{background:#f2f4f7;background:var(--bg-hover);border-radius:4px;flex:1 1;height:5px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.bar-label{color:#9299ab;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;min-width:32px;text-align:right}.bar-low{background:#22c55e;background:var(--green)}.bar-medium{background:#f59e0b;background:var(--yellow)}.bar-high{background:#ef4444;background:var(--red)}.status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:7px;width:7px}.status-dot.up{animation:pulse-g 2s infinite;background:#22c55e;background:var(--green)}.status-dot.warn{background:#f59e0b;background:var(--yellow)}.status-dot.down{background:#ef4444;background:var(--red)}@keyframes pulse-g{0%,to{box-shadow:0 0 0 0 #22c55e59}50%{box-shadow:0 0 0 4px #22c55e00}}.spinner{animation:spin .65s linear infinite;border:2px solid #0000001f;border-top-color:#185fa5;border:2px solid var(--border2);border-radius:50%;border-top-color:var(--blue);display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{align-items:center;color:#9299ab;color:var(--text3);display:flex;flex-direction:column;gap:12px;padding:60px 20px;text-align:center}.empty-state-icon{font-size:32px;opacity:.4}.empty-state-title{color:#5a6175;color:var(--text2);font-size:15px;font-weight:500}.empty-state-sub{font-size:13px;max-width:320px}.uptime-bar{align-items:flex-end;display:flex;gap:2px;height:24px}.uptime-tick{border-radius:2px;flex:1 1;min-width:4px}.alert-item{align-items:flex-start;border-bottom:1px solid #00000012;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:14px 0}.alert-item:last-child{border-bottom:none}.alert-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.alert-icon.critical{background:#fcebeb;background:var(--red-bg);color:#a32d2d;color:var(--red-text)}.alert-icon.warning{background:#faeeda;background:var(--yellow-bg);color:#854f0b;color:var(--yellow-text)}.alert-icon.info{background:#e6f1fb;background:var(--blue-bg);color:#185fa5;color:var(--blue)}.alert-title{color:#111318;color:var(--text);font-size:13px;font-weight:500}.alert-meta{color:#9299ab;color:var(--text3);font-size:12px;margin-top:2px}.login-page{align-items:center;background:#f8f9fb;background:var(--bg);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;background:var(--bg-card);border:1px solid #00000012;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-xl);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow);padding:36px 32px;width:380px}.login-logo{gap:10px;margin-bottom:28px}.login-logo,.login-logo-icon{align-items:center;display:flex}.login-logo-icon{background:#e6f1fb;background:var(--blue-bg);border-radius:10px;color:#185fa5;color:var(--blue);font-size:18px;height:36px;justify-content:center;width:36px}.login-logo-name{font-size:17px}.login-logo-name,.login-title{color:#111318;color:var(--text);font-weight:600}.login-title{font-size:20px;margin-bottom:6px}.login-sub{color:#9299ab;color:var(--text3);font-size:13px;margin-bottom:24px}.form-group{margin-bottom:16px}.form-label{color:#5a6175;color:var(--text2);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.form-input{font-size:14px;padding:9px 13px;width:100%}.section-title{color:#111318;color:var(--text);font-size:15px;font-weight:600;margin-bottom:4px}.section-sub{color:#9299ab;color:var(--text3);font-size:13px;margin-bottom:18px}.grid-2{grid-gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-header{align-items:center;background:#fff;background:var(--bg-card);border-bottom:1px solid #00000012;border-bottom:1px solid var(--border);display:none;gap:12px;padding:14px 18px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000040;display:none;inset:0;position:fixed;z-index:150}@media (max-width:768px){.mobile-header{display:flex}.mobile-header .btn.btn-xs{display:none}.main-area{overflow:visible;overflow:initial}.sidebar{box-shadow:4px 0 24px #00000014;height:100vh;left:0;position:fixed!important;top:0;transform:translateX(-100%);transition:transform .22s ease;z-index:200}.sidebar--open{transform:translateX(0)!important}.sidebar-overlay{display:block!important}.page-content{padding:16px}.topbar{padding:12px 16px}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}tbody td:nth-child(n+4),thead th:nth-child(n+4){display:none}}
/*# sourceMappingURL=main.61cebe36.css.map*/