.ssl-urgent[data-v-de396886]{font-weight:700}.cmd-cell[data-v-de396886]{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idle-row[data-v-de396886]{background:#fffbeb!important}.action-btns[data-v-de396886]{display:flex;gap:4px;flex-wrap:wrap}.action-btn[data-v-de396886]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:12px;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .15s}.action-btn[data-v-de396886]:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.action-btn[data-v-de396886]:disabled{opacity:.5;cursor:not-allowed}.action-btn.warn[data-v-de396886]{border-color:var(--yellow);color:#92400e}.action-btn.warn[data-v-de396886]:hover:not(:disabled){background:#fef3c7}.action-btn.danger[data-v-de396886]{border-color:var(--red);color:#991b1b}.action-btn.danger[data-v-de396886]:hover:not(:disabled){background:#fee2e2}.cmd-result[data-v-de396886]{font-size:11px;color:var(--text-muted);margin-top:2px}.cmd-result.error[data-v-de396886]{color:var(--red)}:root{--green: #10b981;--red: #ef4444;--yellow: #f59e0b;--gray: #6b7280;--bg: #f9fafb;--card: #fff;--border: #e5e7eb;--text: #1f2937;--text-muted: #6b7280;--primary: #3b82f6;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--radius: 10px;--radius-sm: 6px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100vh}a{color:var(--primary);text-decoration:none}.app-header{position:sticky;top:0;z-index:100;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:0 16px;box-shadow:0 2px 8px #00000026}.app-header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:12px;height:56px}.app-title{font-size:17px;font-weight:600;letter-spacing:.5px;white-space:nowrap}.app-title-icon{font-size:20px}.header-spacer{flex:1}.conn-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;border-radius:999px;background:#ffffff1a;white-space:nowrap}.conn-dot{width:8px;height:8px;border-radius:50%;background:var(--gray)}.conn-dot.online{background:var(--green);box-shadow:0 0 6px var(--green)}.conn-dot.offline{background:var(--red)}.tab-bar{display:flex;gap:4px;padding:10px 16px 0;background:var(--card);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tab-bar::-webkit-scrollbar{height:4px}.tab-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent;min-height:44px;white-space:nowrap;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.sub-tabs{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.sub-tab-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--card);color:var(--text-muted);font-size:13px;padding:8px 14px;border-radius:999px;cursor:pointer;min-height:36px;white-space:nowrap;transition:all .15s}.sub-tab-btn:hover{border-color:var(--primary);color:var(--primary)}.sub-tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.main-container{max-width:1400px;margin:0 auto;padding:16px}.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.server-card{cursor:pointer;transition:transform .15s,box-shadow .15s;overflow:hidden}.server-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.server-card.offline{opacity:.75}.server-card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);gap:8px}.server-card-title{display:flex;align-items:center;gap:8px;min-width:0}.server-os-tag{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:#e0e7ff;color:#3730a3;text-transform:uppercase;flex-shrink:0}.server-os-tag.linux{background:#fef3c7;color:#92400e}.server-name{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-card-body{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.metric-row{display:flex;flex-direction:column;gap:4px}.metric-row-head{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.metric-row-value{font-weight:600;color:var(--text)}.server-card-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:12px 16px;background:#f3f4f6;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}.foot-item{display:flex;flex-direction:column;gap:2px;min-width:0}.foot-label{font-size:11px;color:var(--text-muted)}.foot-value{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.online{background:#d1fae5;color:#065f46}.badge.offline{background:#f3f4f6;color:var(--gray)}.badge.ok{background:#d1fae5;color:#065f46}.badge.warn{background:#fef3c7;color:#92400e}.badge.error{background:#fee2e2;color:#991b1b}.metric-bar-wrap{width:100%;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:999px;background:var(--green);transition:width .4s ease,background .2s}.metric-bar-fill.warn{background:var(--yellow)}.metric-bar-fill.error{background:var(--red)}.detail-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:13px;padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;min-height:36px;margin-bottom:12px;display:inline-flex;align-items:center;gap:6px}.detail-back:hover{border-color:var(--primary);color:var(--primary)}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.detail-title{font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.detail-section{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:16px;margin-bottom:16px}.section-title{font-size:13px;font-weight:600;color:var(--text-muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.metric-tile{background:#f9fafb;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.metric-tile-label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.metric-tile-value{font-size:20px;font-weight:700;color:var(--text)}.metric-tile-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table.data-table{width:100%;border-collapse:collapse;font-size:13px;min-width:420px}table.data-table th,table.data-table td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap}table.data-table th{background:#f3f4f6;font-weight:600;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.3px}table.data-table tbody tr:hover{background:#f9fafb}table.data-table td.mono,table.data-table th.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.empty{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:13px}.chart-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.chart-controls label{font-size:12px;color:var(--text-muted)}.chart-controls select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 28px 6px 10px;font-size:13px;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer;min-height:32px}.chart-svg{width:100%;height:auto;display:block}.chart-empty{height:200px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;background:#f9fafb;border:1px dashed var(--border);border-radius:var(--radius-sm)}.access-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (max-width: 1024px){.server-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.app-header-inner{height:50px}.app-title{font-size:15px}.main-container{padding:12px}.server-grid,.metric-grid{grid-template-columns:1fr}.detail-title{font-size:16px}.tab-btn{padding:10px 12px}}@media (max-width: 480px){.conn-status{font-size:11px;padding:3px 8px}.server-card-foot{grid-template-columns:1fr}}