.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid #e5ebf2;justify-content:space-between;align-items:center;height:56px;margin:-30px -42px 0;padding:0 28px;display:flex}.topbar-right{align-items:center;gap:13px;display:flex}.theme-toggle{color:#172033;cursor:pointer;background:#fff;border:1px solid #dce4ed;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;font-size:14px;transition:all .2s;display:flex}.theme-toggle:hover{background:#f1f5f9;transform:rotate(12deg)}.topbar-divider{background:#e1e7ef;width:1px;height:24px}.date-time{color:#172033;align-items:center;gap:9px;font-size:10px;display:flex}.date-time strong{font-weight:700}.date-time span{color:#718096;font-weight:500}.welcome-section{justify-content:space-between;align-items:center;gap:20px;padding:20px 0 17px;display:flex}.welcome-copy h1{color:#172033;letter-spacing:-.7px;margin:0;font-size:25px;font-weight:800;line-height:1.15}.welcome-copy h1 span{color:#2563eb}.welcome-copy p{color:#718096;margin:5px 0 0;font-size:11px}.top-add-server{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#286de0);border:0;border-radius:7px;flex-shrink:0;padding:10px 16px;font-size:11px;font-weight:700;transition:all .2s;box-shadow:0 6px 14px #2563eb2e}.top-add-server span{vertical-align:-1px;margin-right:5px;font-size:16px}.top-add-server:hover{background:#1d4ed8;transform:translateY(-1px)}.dashboard-stat-card{align-items:center;gap:12px;min-height:94px;padding:14px 16px;display:flex}.dashboard-stat-card:after{width:58px;height:58px;top:-20px;right:-20px}.stat-icon{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex;position:relative}.blue-icon{color:#2563eb;background:#e8f1ff}.green-icon{color:#16a34a;background:#dcf8e9}.red-icon{color:#ef4444;background:#ffe6e6}.purple-icon{color:#6d4de6;background:#eee8ff}.stat-content{z-index:1;min-width:0;position:relative}.stat-content span{color:#53647b;margin:0 0 3px;font-size:10px;font-weight:600}.stat-content h2{color:#172033;margin:0;font-size:23px;font-weight:800;line-height:1.1}.stat-content small{color:#7d8ca0;margin-top:4px;font-size:8px;display:block}.total-card{border-top:3px solid #60a5fa!important}.online-card{border-top:3px solid #22c55e!important}.offline-card{border-top:3px solid #ef4444!important}.response-card{border-top:3px solid #8b5cf6!important}.app.dark-mode,.app.dark-mode .main{background:#0b1422}.app.dark-mode .topbar{background:#0c1727f0;border-color:#1e3045}.app.dark-mode .date-time,.app.dark-mode .welcome-copy h1,.app.dark-mode .stat-content h2{color:#f3f6fa}.app.dark-mode .welcome-copy p,.app.dark-mode .date-time span{color:#93a4b8}.app.dark-mode .theme-toggle{color:#f8fafc;background:#162538;border-color:#2a3b50}.app.dark-mode .card,.app.dark-mode .panel,.app.dark-mode .servers-panel,.app.dark-mode .logs-panel{background:#111e2d;border-color:#24364b}.app.dark-mode .card span,.app.dark-mode .stat-content span{color:#aebbd0}.app.dark-mode .stat-content small{color:#7f91a8}@media (width<=900px){.logs-table-header,.log-item{grid-template-columns:minmax(190px,1fr) 90px 60px 85px}.logs-table-header span:last-child,.log-time{display:none}}@media (width<=650px){.logs-table-header{display:none}.log-item{grid-template-columns:1fr auto;gap:10px;padding:14px 16px}.log-server{grid-column:1/-1}.log-response{text-align:right}}@media (width<=1100px){.cards{grid-template-columns:repeat(2,1fr)}.main{padding:25px}}@media (width<=750px){.sidebar{width:180px}.main{width:calc(100% - 180px);margin-left:180px;padding:22px}}@media (width<=560px){.app{display:block}.sidebar{width:100%;min-height:auto;position:relative}.main{width:100%;margin-left:0;padding:18px}.cards{grid-template-columns:1fr}.server-row{align-items:flex-start}.server-row>div:last-child{min-width:100px}}@media (width<=900px){.history-table-header{display:none}.history-row{grid-template-columns:1fr 105px;gap:10px 15px;padding:14px 10px}.history-row>div:nth-child(2),.history-row>div:nth-child(3),.history-row>div:nth-child(4),.history-row>div:nth-child(5){grid-column:2}.history-row>div:nth-child(2){grid-row:1}.history-row>div:nth-child(3){grid-row:2}.history-row>div:nth-child(4){grid-row:3}.history-row>div:nth-child(5){grid-row:4}}@media (width<=560px){.history-section-header{align-items:flex-start}.history-row{grid-template-columns:1fr}.history-row>div:nth-child(2),.history-row>div:nth-child(3),.history-row>div:nth-child(4),.history-row>div:nth-child(5){grid-column:1}}@media (width<=900px){.cards{grid-template-columns:repeat(2,1fr)}.welcome-section{align-items:flex-start}}@media (width<=700px){.topbar{margin:-22px -18px 0;padding:0 16px}.welcome-section{padding-top:18px}.welcome-copy h1{font-size:21px}.date-time span{display:none}.cards{grid-template-columns:1fr}.top-add-server{padding:9px 12px}.sidebar{width:82px;padding:20px 10px}.sidebar-brand{justify-content:center;margin-bottom:24px;padding:0}.brand-text,.monitoring-mini,.sidebar-footer{display:none}.sidebar-nav p{justify-content:center;padding:0}.sidebar-nav p span:last-child{display:none}.nav-icon{font-size:21px}.main{width:calc(100% - 82px);margin-left:82px;padding:22px 18px 35px}}.admin-profile{cursor:pointer;border-radius:8px;margin:-5px;padding:5px;transition:background .2s}.admin-profile:hover{background:#ffffff0d}.logout-item{cursor:pointer;border-radius:7px;transition:background .2s,color .2s}.logout-item:hover{color:#fff;background:#ffffff0d}.profile-page{max-width:900px}.profile-header{margin-bottom:22px}.profile-header h1{color:#172033;margin:0 0 6px;font-size:28px}.profile-header p{color:#7b8798;margin:0;font-size:13px}.profile-card{background:#fff;border:1px solid #e4eaf1;border-radius:14px;align-items:center;gap:18px;margin-bottom:16px;padding:25px;display:flex;box-shadow:0 8px 25px #0f172a0d}.profile-avatar{color:#fff;background:linear-gradient(145deg,#637de9,#3856c8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;font-size:23px;font-weight:800;display:flex}.profile-details h2{color:#172033;margin:0 0 5px;font-size:20px}.profile-details p{color:#7b8798;margin:0 0 9px;font-size:12px}.profile-role{color:#2563eb;background:#eef4ff;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.profile-info-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.profile-info-item{background:#fff;border:1px solid #e4eaf1;border-radius:12px;padding:18px}.profile-info-item span{color:#8a97a8;letter-spacing:.6px;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.profile-info-item strong{color:#172033;font-size:12px}.profile-online{align-items:center;gap:6px;display:inline-flex;color:#15803d!important}.profile-online i{background:#22c55e;border-radius:50%;width:6px;height:6px}.profile-note{background:#f8fafc;border:1px solid #e4eaf1;border-radius:12px;padding:18px 20px}.profile-note strong{color:#172033;font-size:12px}.profile-note p{color:#718096;margin:6px 0 0;font-size:11px;line-height:1.6}@media (width<=700px){.profile-info-grid{grid-template-columns:1fr}}@media (width<=950px){.servers-table-header,.server-item{grid-template-columns:1fr 1.3fr 105px 100px;gap:12px}}@media (width<=700px){.dashboard-server-header{display:none}.dashboard-server-row{grid-template-columns:1fr;gap:9px}.dashboard-response{margin-left:42px}.servers-table-header{display:none}.server-item{grid-template-columns:1fr;gap:9px;padding:15px}.server-url,.response-time{margin-left:44px}}@media (width<=560px){.servers-header{align-items:flex-start}.servers-header h1{font-size:24px}.dashboard-section-header{align-items:flex-start}.live-indicator{padding:6px 8px}}*{box-sizing:border-box}body{color:#172033;background:#f4f7fb;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{background:#f4f7fb;min-height:100vh;display:flex}.sidebar{color:#fff;z-index:10;background:linear-gradient(#0c1727 0%,#101d2b 100%);flex-direction:column;width:264px;min-height:100vh;padding:27px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:5px 0 24px #0f172a1a}.sidebar-brand{align-items:center;gap:12px;margin-bottom:30px;padding:0 14px;display:flex}.brand-shield{clip-path:polygon(50% 0%,92% 18%,86% 68%,50% 100%,14% 68%,8% 18%);background:linear-gradient(145deg,#2878f5,#1554c7);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:48px;display:flex;box-shadow:0 8px 18px #2563eb47}.brand-shield span{color:#fff;font-size:24px;font-weight:900;line-height:1;transform:translateY(-1px)}.brand-text{min-width:0}.brand-text h2{color:#f8fafc;letter-spacing:-.7px;margin:0;font-size:22px;font-weight:800;line-height:1.05}.brand-text p{color:#91a0b4;white-space:nowrap;letter-spacing:.1px;margin:5px 0 0;font-size:9px}.sidebar-nav{flex-direction:column;gap:5px;display:flex}.sidebar-nav p{color:#aeb9c9;cursor:pointer;border-radius:9px;align-items:center;gap:15px;min-height:48px;margin:0;padding:0 14px;font-size:14px;font-weight:600;transition:background .2s,color .2s,transform .2s;display:flex}.sidebar-nav p:hover{color:#fff;background:#ffffff0e}.sidebar-nav p.active{color:#fff;background:linear-gradient(135deg,#2563eb,#347ff0);box-shadow:0 9px 22px #2563eb40}.nav-icon{color:#c6d0de;justify-content:center;align-items:center;width:22px;font-size:21px;font-weight:700;line-height:1;display:inline-flex}.sidebar-nav p.active .nav-icon{color:#fff}.sidebar-bottom{margin-top:auto;padding:0 4px}.monitoring-mini{background:#ffffff09;border:1px solid #ffffff12;border-radius:9px;align-items:center;gap:9px;margin:0 8px 17px;padding:11px 10px;display:flex}.monitoring-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 4px #22c55e1a}.monitoring-mini div{flex-direction:column;gap:2px;display:flex}.monitoring-mini strong{color:#e7edf5;font-size:10px;font-weight:700}.monitoring-mini small{color:#7f8da0;font-size:9px}.sidebar-footer{padding:0 10px 4px}.admin-profile{align-items:center;gap:10px;margin-bottom:18px;display:flex}.footer-avatar{color:#fff;background:linear-gradient(145deg,#637de9,#3856c8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.admin-info{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-info strong{color:#e4e9f1;font-size:12px;font-weight:600}.admin-info small{color:#7f8da0;white-space:nowrap;font-size:9px}.logout-item{color:#b5bfcd;cursor:default;align-items:center;gap:14px;min-height:34px;padding-left:4px;font-size:11px;display:flex}.logout-icon{color:#c3ccd7;justify-content:center;align-items:center;width:20px;font-size:21px;line-height:1;display:inline-flex;transform:rotate(180deg)}.main{width:calc(100% - 264px);min-height:100vh;margin-left:264px;padding:30px 42px 45px}.main>header{margin-bottom:22px}.main>header h1{letter-spacing:-.8px;margin:0;font-size:29px;font-weight:800}.main>header p{color:#718096;margin:5px 0 0;font-size:13px}.cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.card{background:#fff;border:1px solid #e3e9f1;border-radius:13px;min-height:100px;padding:17px 18px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 5px 18px #0f172a0b}.card:hover{transform:translateY(-2px);box-shadow:0 9px 25px #0f172a14}.card:after{content:"";background:#f1f5ff;border-radius:50%;width:70px;height:70px;position:absolute;top:-27px;right:-27px}.card span{color:#687992;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.card h2{margin:0;font-size:27px;font-weight:800}.card:first-child{border-top:3px solid #22c55e}.card:nth-child(2){border-top:3px solid #ef4444}.card:nth-child(3){border-top:3px solid #8b5cf6}.card:nth-child(4){border-top:3px solid #f59e0b}.panel{background:#fff;border:1px solid #e3e9f1;border-radius:13px;margin-bottom:18px;padding:20px 22px;box-shadow:0 5px 20px #0f172a0b}.panel h2{margin:0 0 16px;font-size:18px;font-weight:750}.panel input{color:#172033;background:#fbfcfe;border:1px solid #dbe3ed;border-radius:8px;outline:none;width:100%;margin-top:8px;padding:12px 14px;font-size:13px;transition:all .2s}.panel input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.panel input::placeholder{color:#8a98ab}.panel button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;margin-top:13px;padding:10px 19px;font-size:13px;font-weight:650;transition:all .2s;box-shadow:0 5px 12px #2563eb2e}.panel button:hover{background:#1d4ed8;transform:translateY(-1px)}.server-row{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:25px;padding:15px 7px;transition:all .2s;display:flex}.server-row:last-child{border-bottom:0}.server-row:hover{background:#f8fafc;border-radius:9px;padding-left:12px;padding-right:12px}.server-row>div:first-child{flex:1;min-width:0}.server-row>div:last-child{text-align:right;min-width:115px}.server-row h3{color:#172033;margin:0 0 5px;font-size:14px;font-weight:700}.server-row p{color:#718096;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.server-row strong{font-size:13px;font-weight:700}.status-online{color:#16a34a}.status-offline{color:#dc2626}.status-online:before,.status-offline:before{content:"";vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.status-online:before{background:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.status-offline:before{background:#ef4444;box-shadow:0 0 0 3px #ef44441a}.panel>div{border-bottom:1px solid #edf1f5}.panel>div:last-child{border-bottom:0}.logs-page{width:100%}.logs-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.logs-header h1{color:#172033;margin:0;font-size:23px;font-weight:800}.logs-header p{color:#718096;margin:5px 0 0;font-size:11px}.logs-count{text-align:center;background:#fff;border:1px solid #e3e9f1;border-radius:9px;min-width:88px;padding:9px 13px;box-shadow:0 4px 15px #0f172a09}.logs-count span{color:#2563eb;font-size:16px;font-weight:800;line-height:1;display:block}.logs-count small{color:#8a97a8;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:8px;font-weight:700;display:block}.logs-panel{background:#fff;border:1px solid #e3e9f1;border-radius:13px;overflow:hidden;box-shadow:0 5px 20px #0f172a0b}.logs-table-header,.log-item{grid-template-columns:minmax(250px,1.6fr) 110px 80px 105px 100px;align-items:center;column-gap:16px;display:grid}.logs-table-header{background:#f8fafc;border-bottom:1px solid #edf1f5;min-height:48px;padding:0 20px}.logs-table-header span{color:#8a97a8;letter-spacing:.7px;font-size:9px;font-weight:800}.log-item{border-bottom:1px solid #edf1f5;min-height:74px;padding:0 20px;transition:background .18s}.log-item:last-child{border-bottom:0}.log-item:hover{background:#f9fbff}.log-server{align-items:center;gap:11px;min-width:0;display:flex}.log-icon{color:#2563eb;background:#eaf2ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex}.log-server h3{color:#172033;margin:0 0 4px;font-size:12px;font-weight:750}.log-server p{text-overflow:ellipsis;white-space:nowrap;color:#718096;max-width:290px;margin:0;font-size:9px;overflow:hidden}.log-status{border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:9px;font-weight:700;display:inline-flex}.log-status.online{color:#15803d;background:#ecfdf3}.log-status.offline{color:#dc2626;background:#fef2f2}.log-status-dot{border-radius:50%;width:6px;height:6px}.log-status.online .log-status-dot{background:#22c55e}.log-status.offline .log-status-dot{background:#ef4444}.http-badge{color:#64748b;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;min-width:42px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.log-response{flex-direction:column;gap:2px;display:flex}.log-response strong{color:#172033;font-size:11px;font-weight:750}.log-response span,.log-time{color:#9aa7b8;font-size:9px}.log-time{text-align:right}.empty-logs{text-align:center;padding:55px 20px}.empty-log-icon{color:#2563eb;background:#eaf2ff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin:0 auto 12px;font-size:20px;font-weight:800;display:flex}.empty-logs h3{color:#172033;margin:0 0 5px;font-size:14px}.empty-logs p{color:#718096;margin:0;font-size:11px}@media (width<=900px){.logs-table-header,.log-item{grid-template-columns:minmax(190px,1fr) 90px 60px 85px}.logs-table-header span:last-child,.log-time{display:none}}@media (width<=650px){.logs-table-header{display:none}.log-item{grid-template-columns:1fr auto;gap:10px;padding:14px 16px}.log-server{grid-column:1/-1}.log-response{text-align:right}}.recharts-responsive-container{margin-top:5px}.recharts-cartesian-axis-tick-value{fill:#718096;font-size:10px}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#edf1f5}.recharts-tooltip-wrapper{outline:none}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media (width<=1100px){.cards{grid-template-columns:repeat(2,1fr)}.main{padding:25px}}@media (width<=750px){.sidebar{width:180px}.main{width:calc(100% - 180px);margin-left:180px;padding:22px}}@media (width<=560px){.app{display:block}.sidebar{width:100%;min-height:auto;position:relative}.main{width:100%;margin-left:0;padding:18px}.cards{grid-template-columns:1fr}.server-row{align-items:flex-start}.server-row>div:last-child{min-width:100px}}.monitoring-history-panel{padding:20px 22px 10px}.history-section-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.history-section-header h2{color:#172033;margin:0 0 4px;font-size:18px;font-weight:800}.history-section-header p{color:#7a889b;margin:0;font-size:11px}.history-count{color:#64748b;white-space:nowrap;background:#f8fafc;border:1px solid #e4eaf2;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:700}.history-table-header{background:#f8fafc;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;grid-template-columns:minmax(220px,1.7fr) 105px 70px 110px 95px;align-items:center;gap:15px;padding:11px 12px;display:grid}.history-table-header span{color:#8a97a8;letter-spacing:.65px;font-size:9px;font-weight:800}.history-row{border-bottom:1px solid #edf1f5;grid-template-columns:minmax(220px,1.7fr) 105px 70px 110px 95px;align-items:center;gap:15px;min-height:70px;padding:11px 12px;transition:all .2s;display:grid}.history-row:last-child{border-bottom:none}.history-row:hover{background:#f9fbff}.history-server{align-items:center;gap:10px;min-width:0;display:flex}.history-server-icon{color:#2563eb;background:#eaf2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex}.history-server-info{flex-direction:column;gap:3px;min-width:0;display:flex}.history-server-info strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.history-server-info span{color:#718096;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.history-status{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.history-status.online{color:#15803d;background:#ecfdf3}.history-status.offline{color:#dc2626;background:#fef2f2}.history-status-dot{border-radius:50%;width:6px;height:6px}.history-status.online .history-status-dot{background:#22c55e}.history-status.offline .history-status-dot{background:#ef4444}.http-badge{border-radius:6px;justify-content:center;align-items:center;min-width:38px;padding:5px 8px;font-size:10px;font-weight:750;display:inline-flex}.http-badge.success{color:#15803d;background:#f0fdf4}.http-badge.muted{color:#94a3b8;background:#f1f5f9}.history-response,.history-time{flex-direction:column;gap:3px;display:flex}.history-response strong,.history-time strong{color:#172033;font-size:11px;font-weight:750}.history-response span,.history-time span{color:#9aa7b8;font-size:9px}.empty-history{text-align:center;padding:45px 15px}.empty-history-icon{color:#94a3b8;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto 10px;font-weight:800;display:flex}.empty-history h3{margin:0 0 5px;font-size:14px}.empty-history p{color:#718096;margin:0;font-size:11px}@media (width<=900px){.history-table-header{display:none}.history-row{grid-template-columns:1fr 105px;gap:10px 15px;padding:14px 10px}.history-row>div:nth-child(2),.history-row>div:nth-child(3),.history-row>div:nth-child(4),.history-row>div:nth-child(5){grid-column:2}.history-row>div:nth-child(2){grid-row:1}.history-row>div:nth-child(3){grid-row:2}.history-row>div:nth-child(4){grid-row:3}.history-row>div:nth-child(5){grid-row:4}}@media (width<=560px){.history-section-header{align-items:flex-start}.history-row{grid-template-columns:1fr}.history-row>div:nth-child(2),.history-row>div:nth-child(3),.history-row>div:nth-child(4),.history-row>div:nth-child(5){grid-column:1}}.servers-page{max-width:1180px}.servers-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.servers-header h1{letter-spacing:-.7px;margin:0;font-size:28px;font-weight:800}.servers-header p{color:#718096;margin:5px 0 0;font-size:12px}.server-count{text-align:center;background:#fff;border:1px solid #e3e9f1;border-radius:10px;min-width:85px;padding:10px 13px;box-shadow:0 5px 18px #0f172a0a}.server-count span{color:#2563eb;font-size:18px;font-weight:800;display:block}.server-count small{color:#8a97a8;font-size:9px;font-weight:700}.servers-panel{background:#fff;border:1px solid #e3e9f1;border-radius:13px;overflow:hidden;box-shadow:0 5px 20px #0f172a0b}.servers-table-header,.server-item{grid-template-columns:minmax(190px,1.2fr) minmax(220px,1.6fr) 115px 120px;align-items:center;gap:18px;display:grid}.servers-table-header{background:#f8fafc;border-bottom:1px solid #edf1f5;padding:12px 16px}.servers-table-header span{color:#8a97a8;letter-spacing:.7px;font-size:9px;font-weight:800}.server-item{border-bottom:1px solid #edf1f5;min-height:72px;padding:12px 16px;transition:all .2s}.server-item:last-child{border-bottom:0}.server-item:hover{background:#f9fbff}.server-info{align-items:center;gap:10px;min-width:0;display:flex}.server-icon{color:#2563eb;background:#eaf2ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex}.server-info h3{color:#172033;text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:12px;font-weight:750;overflow:hidden}.server-info span{color:#9aa7b8;font-size:9px}.server-url{color:#52709f;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.status-badge.online{color:#15803d;background:#ecfdf3}.status-badge.offline{color:#dc2626;background:#fef2f2}.status-dot{border-radius:50%;width:6px;height:6px}.status-badge.online .status-dot{background:#22c55e}.status-badge.offline .status-dot{background:#ef4444}.response-time{flex-direction:column;gap:3px;display:flex}.response-time strong{color:#172033;font-size:11px}.response-time span{color:#9aa7b8;font-size:9px}.empty-servers{text-align:center;padding:55px 20px}.empty-icon{color:#2563eb;background:#eef4ff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin:0 auto 10px;font-size:20px;font-weight:500;display:flex}.empty-servers h3{margin:0 0 5px;font-size:14px}.empty-servers p{color:#718096;margin:0;font-size:11px}.dashboard-server-panel{padding:20px 22px}.dashboard-section-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.dashboard-section-header h2{margin:0;font-size:18px;font-weight:800}.dashboard-section-header p{color:#7a889b;margin:4px 0 0;font-size:11px}.live-indicator{color:#15803d;white-space:nowrap;background:#ecfdf3;border-radius:20px;align-items:center;gap:6px;padding:7px 11px;font-size:10px;font-weight:700;display:inline-flex}.live-indicator>span{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #22c55e1a}.dashboard-server-header{background:#f8fafc;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;grid-template-columns:1fr 130px 110px;padding:10px;display:grid}.dashboard-server-header span{color:#8a97a8;letter-spacing:.7px;font-size:9px;font-weight:800}.dashboard-server-row{border-bottom:1px solid #edf1f5;grid-template-columns:1fr 130px 110px;align-items:center;padding:13px 10px;transition:all .2s;display:grid}.dashboard-server-row:last-child{border-bottom:none}.dashboard-server-row:hover{background:#f9fbff;border-radius:8px}.dashboard-server-info{align-items:center;gap:10px;min-width:0;display:flex}.dashboard-server-icon{color:#2563eb;background:#eaf2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.dashboard-server-info h3{color:#172033;margin:0 0 3px;font-size:12px;font-weight:700}.dashboard-server-info p{text-overflow:ellipsis;white-space:nowrap;color:#718096;max-width:360px;margin:0;font-size:10px;overflow:hidden}.dashboard-status{border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.dashboard-status.online{color:#15803d;background:#ecfdf3}.dashboard-status.offline{color:#dc2626;background:#fef2f2}.dashboard-status-dot{border-radius:50%;width:6px;height:6px}.dashboard-status.online .dashboard-status-dot{background:#22c55e}.dashboard-status.offline .dashboard-status-dot{background:#ef4444}.dashboard-response{flex-direction:column;gap:2px;display:flex}.dashboard-response strong{color:#172033;font-size:12px}.dashboard-response span{color:#9aa7b8;font-size:9px}.empty-dashboard-servers{text-align:center;padding:35px 10px}.empty-dashboard-servers h3{margin:0 0 5px;font-size:14px}.empty-dashboard-servers p{color:#718096;margin:0;font-size:11px}@media (width<=700px){.sidebar{width:82px;padding:20px 10px}.sidebar-brand{justify-content:center;margin-bottom:24px;padding:0}.brand-text,.monitoring-mini,.sidebar-footer{display:none}.sidebar-nav p{justify-content:center;padding:0}.sidebar-nav p span:last-child{display:none}.nav-icon{font-size:21px}.main{width:calc(100% - 82px);margin-left:82px;padding:22px 18px 35px}}@media (width<=950px){.servers-table-header,.server-item{grid-template-columns:1fr 1.3fr 105px 100px;gap:12px}}@media (width<=700px){.dashboard-server-header{display:none}.dashboard-server-row{grid-template-columns:1fr;gap:9px}.dashboard-response{margin-left:42px}.servers-table-header{display:none}.server-item{grid-template-columns:1fr;gap:9px;padding:15px}.server-url,.response-time{margin-left:44px}}@media (width<=560px){.servers-header{align-items:flex-start}.servers-header h1{font-size:24px}.dashboard-section-header{align-items:flex-start}.live-indicator{padding:6px 8px}}