*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0e27;color:#e0e6ed;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;overflow-x:hidden}#app,body{min-height:100vh}.dashboard[data-v-33e75363]{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#0d1137 50%,#0f1433);padding:0 20px 20px}.header[data-v-33e75363]{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,150,255,.15);margin-bottom:20px;flex-wrap:wrap;gap:15px}.header-left[data-v-33e75363]{display:flex;align-items:baseline;gap:15px}.title[data-v-33e75363]{font-size:28px;font-weight:700;background:linear-gradient(90deg,#00d4ff,#0096ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.subtitle[data-v-33e75363]{color:#5a6a8c;font-size:14px;letter-spacing:1px}.header-right[data-v-33e75363]{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.stat-item[data-v-33e75363]{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-label[data-v-33e75363]{font-size:12px;color:#5a6a8c}.stat-value[data-v-33e75363]{font-size:24px;font-weight:700;font-family:Consolas,Monaco,monospace}.stat-value.total[data-v-33e75363]{color:#00d4ff}.stat-value.online[data-v-33e75363]{color:#00e676}.stat-value.offline[data-v-33e75363]{color:#ff5252}.header-time[data-v-33e75363]{text-align:right;padding-left:20px;border-left:1px solid rgba(0,150,255,.15)}.time-clock[data-v-33e75363]{font-size:28px;font-weight:700;font-family:Consolas,Monaco,monospace;color:#00d4ff}.time-date[data-v-33e75363]{font-size:13px;color:#5a6a8c;margin-top:2px}.toolbar[data-v-33e75363]{display:flex;align-items:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.search-input[data-v-33e75363]{flex:1;max-width:360px;padding:8px 14px;background:rgba(15,25,60,.8);border:1px solid rgba(0,150,255,.15);border-radius:8px;color:#e0e6ed;font-size:14px;outline:none;transition:border-color .3s}.search-input[data-v-33e75363]::-moz-placeholder{color:#3a4a6c}.search-input[data-v-33e75363]::placeholder{color:#3a4a6c}.search-input[data-v-33e75363]:focus{border-color:rgba(0,150,255,.4)}.search-count[data-v-33e75363]{font-size:13px;color:#5a6a8c}.column-switcher[data-v-33e75363]{display:flex;align-items:center;gap:4px}.col-label[data-v-33e75363]{font-size:12px;color:#5a6a8c;margin-right:4px}.col-btn[data-v-33e75363]{background:rgba(15,25,60,.6);border:1px solid rgba(0,150,255,.15);color:#5a6a8c;font-size:12px;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .2s}.col-btn[data-v-33e75363]:hover{border-color:rgba(0,150,255,.3);color:#8a9ab8}.col-btn.active[data-v-33e75363]{background:rgba(0,150,255,.15);border-color:#0096ff;color:#00d4ff}.empty-state[data-v-33e75363]{grid-column:1/-1;text-align:center;padding:100px 20px;color:#5a6a8c}.empty-icon[data-v-33e75363]{font-size:60px;margin-bottom:20px}.empty-state p[data-v-33e75363]{font-size:18px;margin-bottom:10px}.empty-hint[data-v-33e75363]{font-size:14px!important;color:#3a4a6c}.server-grid[data-v-33e75363]{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.server-card[data-v-33e75363]{background:linear-gradient(145deg,rgba(15,25,60,.9),rgba(10,18,45,.95));border:1px solid rgba(0,150,255,.1);border-radius:12px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.server-card[data-v-33e75363]:active{cursor:grabbing}.server-card.dragging[data-v-33e75363]{opacity:.4;transform:scale(.95)}.server-card.drag-over[data-v-33e75363]{border-color:#00d4ff;box-shadow:0 0 20px rgba(0,150,255,.3)}.server-card[data-v-33e75363]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0096ff,#00d4ff);opacity:0;transition:opacity .3s}.server-card[data-v-33e75363]:hover:before{opacity:1}.server-card[data-v-33e75363]:hover{border-color:rgba(0,150,255,.3);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,100,200,.15)}.server-card.offline[data-v-33e75363]{opacity:.6;border-color:rgba(255,80,80,.15)}.server-card.offline[data-v-33e75363]:before{background:linear-gradient(90deg,#ff5252,#ff8a80);opacity:.5}.card-header[data-v-33e75363]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.server-name-row[data-v-33e75363]{display:flex;align-items:center;gap:6px}.server-name[data-v-33e75363]{font-size:18px;font-weight:700;color:#e0e6ed;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .2s}.server-name[data-v-33e75363]:hover{background:rgba(0,150,255,.08)}.delete-btn[data-v-33e75363],.edit-btn[data-v-33e75363]{background:none;border:none;color:#3a4a6c;cursor:pointer;font-size:14px;padding:2px 4px;border-radius:4px;transition:all .2s;flex-shrink:0}.edit-btn[data-v-33e75363]:hover{color:#00d4ff;background:rgba(0,150,255,.1)}.delete-btn[data-v-33e75363]{padding:2px 6px;margin-left:4px}.delete-btn[data-v-33e75363]:hover{color:#ff5252;background:rgba(255,82,82,.1)}.card-actions[data-v-33e75363]{display:flex;align-items:center;gap:6px}.rename-input[data-v-33e75363]{font-size:16px;font-weight:700;color:#e0e6ed;background:rgba(0,150,255,.1);border:1px solid #00d4ff;border-radius:4px;padding:2px 8px;width:180px;outline:none}.server-hostname[data-v-33e75363]{font-size:11px;color:#3a4a6c;font-family:Consolas,Monaco,monospace}.server-ip[data-v-33e75363]{font-size:12px;color:#5a6a8c;margin-top:2px;font-family:Consolas,Monaco,monospace}.status-badge[data-v-33e75363]{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.online[data-v-33e75363]{background:rgba(0,230,118,.1);color:#00e676;border:1px solid rgba(0,230,118,.2)}.status-badge.offline[data-v-33e75363]{background:rgba(255,82,82,.1);color:#ff5252;border:1px solid rgba(255,82,82,.2)}.status-dot[data-v-33e75363]{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse-33e75363 2s infinite}@keyframes pulse-33e75363{0%,to{opacity:1}50%{opacity:.4}}.metric-row[data-v-33e75363]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.metric-label[data-v-33e75363]{width:42px;font-size:13px;color:#8a9ab8;flex-shrink:0}.progress-bar[data-v-33e75363]{flex:1;height:8px;background:hsla(0,0%,100%,.05);border-radius:4px;overflow:hidden}.progress-fill[data-v-33e75363]{height:100%;border-radius:4px;transition:width .5s ease;min-width:2px}.progress-fill.cpu[data-v-33e75363]{background:linear-gradient(90deg,#0096ff,#00d4ff)}.progress-fill.memory[data-v-33e75363]{background:linear-gradient(90deg,#7c4dff,#b388ff)}.progress-fill.disk[data-v-33e75363]{background:linear-gradient(90deg,#00c853,#69f0ae)}.metric-value[data-v-33e75363]{font-size:12px;font-family:Consolas,Monaco,monospace;color:#b0bec5;white-space:nowrap;min-width:100px;text-align:right}.metric-value.warning[data-v-33e75363]{color:#ffab40}.metric-value.danger[data-v-33e75363]{color:#ff5252}.network-section[data-v-33e75363]{margin-top:15px;padding-top:15px;border-top:1px solid hsla(0,0%,100%,.05)}.section-title[data-v-33e75363]{font-size:14px;color:#8a9ab8;margin-bottom:10px;font-weight:600}.network-row[data-v-33e75363]{display:flex;gap:20px;margin-bottom:8px}.network-item[data-v-33e75363]{display:flex;align-items:center;gap:6px;font-size:16px;font-family:Consolas,Monaco,monospace;font-weight:600}.network-item .arrow[data-v-33e75363]{font-size:14px}.network-item.upload[data-v-33e75363]{color:#ffab40}.network-item.download[data-v-33e75363]{color:#00d4ff}.network-total[data-v-33e75363]{display:flex;gap:15px;font-size:11px;color:#4a5a7c;font-family:Consolas,Monaco,monospace}.card-footer[data-v-33e75363]{margin-top:12px;padding-top:10px;border-top:1px solid hsla(0,0%,100%,.05);display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.footer-item[data-v-33e75363]{font-size:11px;color:#4a5a7c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-label[data-v-33e75363]{color:#5a6a8c}.refresh-bar[data-v-33e75363]{text-align:center;padding:15px;font-size:12px;color:#3a4a6c;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.refresh-dot[data-v-33e75363]{width:6px;height:6px;border-radius:50%;background:#00d4ff;animation:pulse-33e75363 2s infinite}@media (max-width:768px){.server-grid[data-v-33e75363]{grid-template-columns:1fr}.title[data-v-33e75363]{font-size:22px}.header[data-v-33e75363]{flex-direction:column;align-items:flex-start}.header-time[data-v-33e75363]{border-left:none;padding-left:0}}