.monitor-hint-text{font-size:0.75rem;color:var(--theme-text-muted, rgba(0, 212, 255, 0.5));}.monitor-health-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;}.monitor-health-score{flex:1;text-align:center;}.monitor-health-score-value{font-size:2.5rem;font-weight:700;}.monitor-health-score-value.monitor-health-excellent{color:var(--theme-success, #22c55e);}.monitor-health-score-value.monitor-health-warning{color:var(--theme-warning, #f59e0b);}.monitor-health-score-value.monitor-health-critical{color:var(--theme-error, #ef4444);}.monitor-health-score-label{font-size:0.7rem;color:var(--theme-text-muted, #64748b);margin-top:0.25rem;}.monitor-health-divider{width:1px;height:50px;background:linear-gradient(180deg, transparent, var(--theme-border, rgba(0,212,255,0.5)), transparent);}.monitor-health-uptime{flex:1;text-align:center;}.monitor-uptime-value{font-size:1.8rem;font-weight:600;color:var(--theme-accent-cyan, #22d3ee);}.monitor-overview-item{margin-bottom:0.75rem;}.monitor-overview-label{display:flex;justify-content:space-between;font-size:0.7rem;color:var(--theme-text-dim, #94a3b8);margin-bottom:0.25rem;}.monitor-overview-value{font-size:0.7rem;color:var(--theme-text-dim, #cbd5e1);}.monitor-overview-bar{height:6px;background:var(--theme-accent-cyan-alpha, rgba(0, 212, 255, 0.15));border-radius:3px;overflow:hidden;}.monitor-overview-bar-fill{height:100%;border-radius:3px;transition:width 0.3s ease;}.monitor-bar-cpu{background:var(--theme-gradient-purple, linear-gradient(90deg, #8b5cf6, #c084fc));}.monitor-bar-mem{background:var(--theme-success-gradient, linear-gradient(90deg, #10b981, #34d399));}.monitor-bar-swap{background:var(--theme-warning-gradient, linear-gradient(90deg, #f59e0b, #fbbf24));}.monitor-bar-disk{background:var(--theme-gradient-cyan, linear-gradient(90deg, #06b6d4, #22d3ee));}.monitor-mysql-stats, .monitor-nginx-stats{display:flex;flex-direction:column;gap:8px;}.monitor-mysql-stat, .monitor-nginx-stat{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--theme-border, rgba(0, 212, 255, 0.2));}.monitor-stat-value{font-size:1rem;font-weight:600;color:var(--theme-accent-cyan, #22d3ee);}.monitor-stat-label{font-size:0.7rem;color:var(--theme-text-muted, #64748b);}.monitor-panel-header{display:flex;align-items:center;gap:8px;padding:8px 0;margin-bottom:12px;}.monitor-panel-header i{color:var(--theme-accent-cyan, #00d4ff);font-size:1rem;}.monitor-panel-header h3{font-size:0.875rem;font-weight:600;color:var(--theme-accent-cyan, #00d4ff);margin:0;}.monitor-clear-btn{margin-left:auto;background:none;border:none;color:var(--theme-text-muted, #64748b);cursor:pointer;font-size:0.7rem;padding:4px 8px;border-radius:6px;transition:all 0.2s ease;}.monitor-clear-btn:hover{color:var(--theme-accent-cyan, #00d4ff);background:var(--theme-accent-cyan-alpha, rgba(0, 212, 255, 0.1));}.monitor-alerts-list{max-height:300px;overflow-y:auto;padding:10px;}.monitor-alerts-list::-webkit-scrollbar{width:4px;}.monitor-alerts-list::-webkit-scrollbar-track{background:var(--theme-accent-cyan-alpha, rgba(0, 212, 255, 0.1));border-radius:4px;}.monitor-alerts-list::-webkit-scrollbar-thumb{background:var(--theme-accent-cyan, #00d4ff);border-radius:4px;}.monitor-alert-item{display:flex;align-items:flex-start;gap:0.75rem;padding:0.75rem;margin-bottom:0.5rem;background:var(--theme-bg-overlay-alpha, rgba(0, 0, 0, 0.3));border-radius:12px;border-left:3px solid;animation:monitorAlertFadeIn 0.3s ease;}.monitor-alert-item.critical{border-left-color:var(--theme-error, #ef4444);}.monitor-alert-item.critical .monitor-alert-icon i{color:var(--theme-error, #ef4444);}.monitor-alert-item.warning{border-left-color:var(--theme-warning, #f59e0b);}.monitor-alert-item.warning .monitor-alert-icon i{color:var(--theme-warning, #f59e0b);}.monitor-alert-item.info{border-left-color:var(--theme-info, #3b82f6);}.monitor-alert-item.info .monitor-alert-icon i{color:var(--theme-info, #3b82f6);}.monitor-alert-item.success{border-left-color:var(--theme-success, #22c55e);}.monitor-alert-item.success .monitor-alert-icon i{color:var(--theme-success, #22c55e);}.monitor-alert-icon i{font-size:1rem;}.monitor-alert-content{flex:1;}.monitor-alert-title{font-size:0.75rem;font-weight:600;color:var(--theme-text-main, white);}.monitor-alert-message{font-size:0.7rem;color:var(--theme-text-dim, #94a3b8);margin-top:0.25rem;}.monitor-alert-time{font-size:0.6rem;color:var(--theme-text-muted, #64748b);margin-top:0.25rem;}.monitor-alert-close{background:none;border:none;color:var(--theme-text-muted, #64748b);cursor:pointer;padding:0.25rem;font-size:1rem;}.monitor-alert-close:hover{color:var(--theme-error, #ef4444);}.monitor-alerts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--theme-text-muted, rgba(0, 212, 255, 0.5));padding:2rem;}.monitor-alerts-empty i{font-size:2rem;margin-bottom:0.5rem;opacity:0.5;color:var(--theme-accent-cyan, #00d4ff);}@keyframes monitorAlertFadeIn{from{opacity:0;transform:translateX(10px);}to{opacity:1;transform:translateX(0);}}.monitor-alert-item.monitor-alert-task-reminder{border-left-color:var(--theme-accent-orange, #f97316);background:linear-gradient(135deg, var(--theme-accent-orange-alpha, rgba(249, 115, 22, 0.08)), var(--theme-bg-overlay-alpha, rgba(0, 0, 0, 0.3)));}.monitor-alert-item.monitor-alert-task-reminder .monitor-alert-icon i{color:var(--theme-accent-orange, #f97316);animation:monitorBellRing 0.5s ease;}.monitor-alert-item.monitor-alert-task-reminder .monitor-alert-title{color:var(--theme-accent-orange, #f97316);}.monitor-alert-task-name{color:var(--theme-accent-cyan, #00d4ff);font-weight:600;}.monitor-alert-time-type{color:var(--theme-accent-purple, #8b5cf6);font-weight:500;}.monitor-alert-diff-hours{color:var(--theme-accent-orange, #f97316);font-weight:600;font-size:0.75rem;}@keyframes monitorBellRing{0%{transform:rotate(0deg);}25%{transform:rotate(15deg);}50%{transform:rotate(-15deg);}75%{transform:rotate(5deg);}100%{transform:rotate(0deg);}}.monitor-rate-success{color:var(--theme-success, #22c55e);}.monitor-rate-warning{color:var(--theme-warning, #f59e0b);}.monitor-rate-critical{color:var(--theme-error, #ef4444);}.monitor-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--theme-bg-overlay, rgba(0, 0, 0, 0.5));backdrop-filter:blur(var(--theme-blur-amount, 4px));z-index:10000;opacity:0;visibility:hidden;transition:all 0.3s ease;}.monitor-drawer-overlay.open{opacity:1;visibility:visible;}.monitor-drawer-overlay.hidden{display:none;}.monitor-drawer{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--theme-bg-card, rgba(12, 12, 28, 0.95));backdrop-filter:blur(12px);display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;z-index:10001;}.monitor-drawer-overlay.open .monitor-drawer{transform:translateX(0);}.monitor-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--theme-border, rgba(0, 212, 255, 0.3));flex-shrink:0;background:var(--theme-bg-header, rgba(8, 12, 25, 0.8));}.monitor-drawer-title{font-size:1rem;font-weight:600;color:var(--theme-accent-cyan, #00d4ff);}.monitor-drawer-title i{margin-right:0.5rem;}.shortcut-hint{font-size:0.65rem;color:var(--theme-text-muted);margin-left:0.5rem;}.monitor-drawer-close{background:transparent;border:none;cursor:pointer;color:var(--theme-text-dim, #94a3b8);transition:all 0.2s ease;font-size:1.5rem;}.monitor-drawer-close:hover{color:var(--theme-error, #ef4444);}.monitor-drawer-body{flex:1;overflow-y:auto;padding:1rem;}.monitor-system-grid{display:grid;grid-template-columns:repeat(12, 1fr);gap:16px;}.monitor-system-card{background:var(--theme-bg-overlay-alpha, rgba(0, 0, 0, 0.3));border-radius:16px;padding:12px;border:1px solid var(--theme-border, rgba(0, 212, 255, 0.25));}.monitor-system-card:nth-child(1){grid-column:span 3;}.monitor-system-card:nth-child(2){grid-column:span 3;}.monitor-system-card:nth-child(3){grid-column:span 3;}.monitor-system-card:nth-child(4){grid-column:span 3;}.monitor-card-header{font-size:0.75rem;color:var(--theme-accent-cyan, #22d3ee);margin-bottom:12px;display:flex;align-items:center;gap:6px;}.monitor-clear-btn{margin-left:auto;font-size:0.7rem;color:var(--theme-text-muted, #64748b);background:none;border:none;cursor:pointer;}.monitor-clear-btn:hover{color:var(--theme-accent-cyan, #22d3ee);}.monitor-goaccess-stats{display:flex;flex-direction:column;gap:8px;}.monitor-goaccess-stat{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--theme-border, rgba(0, 212, 255, 0.2));}.monitor-goaccess-stat .monitor-stat-value{font-size:1rem;font-weight:600;color:var(--theme-accent-cyan, #22d3ee);}.monitor-goaccess-stat .monitor-stat-label{font-size:0.7rem;color:var(--theme-text-muted, #64748b);}.monitor-drawer-divider{height:1px;background:linear-gradient(90deg, transparent, var(--theme-border, rgba(0,212,255,0.5)), transparent);margin:16px 0;}.monitor-charts-grid{display:grid;grid-template-columns:repeat(12, 1fr);gap:16px;margin-top:24px;}.monitor-alerts-section{grid-column:span 3;margin-top:0;}.monitor-chart-card{grid-column:span 3;background:var(--theme-bg-overlay-alpha, rgba(0, 0, 0, 0.3));border-radius:16px;padding:12px;border:1px solid var(--theme-border, rgba(0, 212, 255, 0.25));}.monitor-chart-card .chart-container, #ideaScatterChart, #task-priority-chart, #task-status-chart{background:var(--theme-bg-overlay-alpha, rgba(0, 0, 0, 0.2));border-radius:12px;width:100%;min-height:280px;}.task-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--theme-text-muted, #64748b);font-size:0.75rem;text-align:center;}.alerts-scroll-container{overflow-y:auto;overflow-x:hidden;max-height:300px;scrollbar-width:thin;}.alerts-scroll-container::-webkit-scrollbar{width:4px;}.alerts-scroll-container::-webkit-scrollbar-track{background:var(--theme-accent-cyan-alpha, rgba(0, 212, 255, 0.1));border-radius:4px;}.alerts-scroll-container::-webkit-scrollbar-thumb{background:var(--theme-accent-cyan, #00d4ff);border-radius:4px;}.alerts-horizontal-list{display:flex;flex-direction:column;gap:8px;padding:8px 4px;}.alerts-horizontal-list .monitor-alert-item{width:100%;}.network-status-indicator{display:flex;align-items:center;gap:4px;color:var(--theme-accent-cyan, #22d3ee);font-size:0.7rem;}.network-status-indicator .status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--theme-success, #22c55e);display:inline-block;}.OperationLogStats-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:280px;color:var(--theme-text-muted, #64748b);font-size:0.875rem;text-align:center;}.monitor-stats-grid{display:grid;grid-template-columns:repeat(12, 1fr);gap:16px;margin-top:16px;}.monitor-stats-card{grid-column:span 6;background:var(--theme-bg-overlay-alpha, rgba(0, 0, 0, 0.3));border-radius:16px;padding:12px;border:1px solid var(--theme-border, rgba(0, 212, 255, 0.25));}.monitor-tooltip-resource{margin-top:6px;margin-bottom:4px;font-weight:600;}.monitor-tooltip-resource i{margin-right:4px;color:var(--theme-accent-cyan);}.monitor-tooltip-operation{margin-left:12px;line-height:1.6;}.monitor-tooltip-dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;}.monitor-tooltip-total{margin-left:12px;margin-top:2px;color:var(--theme-text-muted);}@media (max-width:1024px){.monitor-stats-card{grid-column:span 12;}}@media (max-width:1024px){.monitor-system-grid{grid-template-columns:repeat(2, 1fr);gap:12px;}.monitor-system-card:nth-child(1), .monitor-system-card:nth-child(2), .monitor-system-card:nth-child(3), .monitor-system-card:nth-child(4){grid-column:span 2;}.monitor-charts-grid{grid-template-columns:repeat(2, 1fr);gap:12px;}.monitor-alerts-section, .monitor-chart-card{grid-column:span 2;}}@media (max-width:768px){.monitor-system-grid{grid-template-columns:1fr;gap:10px;}.monitor-system-card:nth-child(1), .monitor-system-card:nth-child(2), .monitor-system-card:nth-child(3), .monitor-system-card:nth-child(4){grid-column:span 1;}.monitor-charts-grid{grid-template-columns:1fr;gap:10px;}.monitor-alerts-section, .monitor-chart-card{grid-column:span 1;}.alerts-horizontal-list .monitor-alert-item{min-width:220px;}.monitor-health-container{flex-direction:column;gap:0.75rem;}.monitor-health-divider{width:80%;height:1px;}}.network-status-indicator{display:flex;align-items:center;gap:0.25rem;font-size:0.7rem;}.status-online, .status-connected{color:var(--theme-success, #22c55e);}.status-offline, .status-auth-expired, .status-error{color:var(--theme-error, #ef4444);}.status-network-error, .status-disconnected, .status-reconnecting{color:var(--theme-warning, #f59e0b);}.status-dot{display:inline-block;width:0.5rem;height:0.5rem;border-radius:50%;background-color:currentColor;}.monitor-ws-status{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.75rem;}.monitor-ws-status i{font-size:0.5rem;}.monitor-ws-status .monitor-ws-connected{color:var(--theme-success, #22c55e);animation:monitorPulse 1s ease-in-out infinite;}.monitor-ws-status .monitor-ws-error{color:var(--theme-error, #ef4444);}.monitor-ws-status .monitor-ws-disconnected{color:var(--theme-warning, #f59e0b);}.monitor-ws-status .monitor-ws-reconnecting{color:var(--theme-warning, #f59e0b);animation:monitorPulse 1s ease-in-out infinite;}@keyframes monitorPulse{0%, 100%{opacity:0.4;}50%{opacity:1;}}.monitor-drawer{position:relative;overflow:hidden;}@keyframes monitorStarTwinkle{0%, 100%{opacity:0.2;transform:scale(1);}50%{opacity:1;transform:scale(1.3);}}@keyframes monitorGalaxyRotate{from{transform:translate(-50%, -50%) rotate(0deg);}to{transform:translate(-50%, -50%) rotate(360deg);}}@keyframes monitorRingScanRotate{from{transform:translate(-50%, -50%) rotate(0deg);}to{transform:translate(-50%, -50%) rotate(360deg);}}@keyframes monitorRingScanReverse{from{transform:translate(-50%, -50%) rotate(360deg);}to{transform:translate(-50%, -50%) rotate(0deg);}}@keyframes monitorPulseExpand{0%{width:50px;height:50px;opacity:0.6;}100%{width:500px;height:500px;opacity:0;}}@keyframes monitorBottomPulse{0%, 100%{opacity:0.3;height:2px;}50%{opacity:0.8;height:3px;}}@keyframes monitorIconGlow{0%, 100%{text-shadow:0 0 4px var(--theme-accent-cyan, #00d4ff);}50%{text-shadow:0 0 12px var(--theme-accent-cyan, #00d4ff);}}@keyframes monitorScoreBreath{0%, 100%{text-shadow:0 0 5px currentColor;}50%{text-shadow:0 0 15px currentColor;}}.monitor-drawer .star-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;}.monitor-drawer .galaxy-swirl{position:absolute;top:50%;left:50%;width:150%;height:150%;background:radial-gradient(circle at center, rgba(0, 212, 255, 0.04) 0%, rgba(139, 92, 246, 0.03) 30%, transparent 70%);transform:translate(-50%, -50%);pointer-events:none;z-index:0;animation:monitorGalaxyRotate 40s linear infinite;}.monitor-drawer .nebula-dust{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 40%, rgba(0, 212, 255, 0.02) 0%, rgba(139, 92, 246, 0.02) 30%, transparent 60%), radial-gradient(circle at 80% 70%, rgba(0, 212, 255, 0.015) 0%, rgba(139, 92, 246, 0.015) 40%, transparent 70%);pointer-events:none;z-index:0;}.monitor-drawer .armor-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(90deg, transparent, transparent 50px, rgba(0, 212, 255, 0.05) 50px, rgba(0, 212, 255, 0.05) 51px), repeating-linear-gradient(0deg, transparent, transparent 50px, rgba(139, 92, 246, 0.05) 50px, rgba(139, 92, 246, 0.05) 51px);pointer-events:none;z-index:0;}.monitor-drawer .ring-scan{position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%, -50%);background:conic-gradient(from 0deg, transparent 0deg, rgba(0, 212, 255, 0) 280deg, rgba(0, 212, 255, 0.08) 300deg, rgba(139, 92, 246, 0.12) 320deg, rgba(0, 212, 255, 0.08) 340deg, rgba(0, 212, 255, 0) 360deg);pointer-events:none;z-index:1;animation:monitorRingScanRotate 12s linear infinite;border-radius:50%;}.monitor-drawer .ring-scan-reverse{position:absolute;top:50%;left:50%;width:180%;height:180%;transform:translate(-50%, -50%);background:conic-gradient(from 0deg, transparent 0deg, rgba(139, 92, 246, 0) 270deg, rgba(139, 92, 246, 0.06) 290deg, rgba(0, 212, 255, 0.1) 310deg, rgba(139, 92, 246, 0.06) 330deg, transparent 360deg);pointer-events:none;z-index:1;animation:monitorRingScanReverse 18s linear infinite;border-radius:50%;}.monitor-drawer .pulse-wave{position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%, -50%);background:radial-gradient(circle, rgba(0, 212, 255, 0.15) 0%, transparent 70%);border-radius:50%;pointer-events:none;z-index:1;animation:monitorPulseExpand 6s ease-out infinite;}.monitor-drawer-header{position:relative;border-bottom:1px solid var(--theme-accent-cyan, #00d4ff);background:linear-gradient(180deg, rgba(0, 212, 255, 0.12) 0%, rgba(139, 92, 246, 0.06) 50%, transparent 100%);z-index:2;}.monitor-drawer-title{text-shadow:0 0 10px var(--theme-accent-cyan, #00d4ff);letter-spacing:2px;}.monitor-drawer-body{position:relative;z-index:2;}.monitor-system-card, .monitor-chart-card, .monitor-stats-card{position:relative;border-radius:12px;transition:all 0.3s ease;overflow:visible;z-index:2;backdrop-filter:blur(2px);}.monitor-system-card:hover, .monitor-chart-card:hover, .monitor-stats-card:hover{border-color:var(--theme-accent-cyan, #00d4ff);box-shadow:0 0 20px rgba(0, 212, 255, 0.2);transform:translateY(-2px);}.monitor-system-card:hover::before, .monitor-chart-card:hover::before, .monitor-stats-card:hover::before{left:100%;}.monitor-system-card::after, .monitor-chart-card::after, .monitor-stats-card::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg, transparent, var(--theme-accent-cyan, #00d4ff), var(--theme-accent-purple, #8b5cf6), transparent);opacity:0.5;pointer-events:none;}.monitor-card-header{border-bottom:1px dashed rgba(0, 212, 255, 0.3);padding-bottom:6px;margin-bottom:12px;}.monitor-card-header i{animation:monitorIconGlow 3s ease-in-out infinite;}.monitor-stat-value{text-shadow:0 0 6px var(--theme-accent-cyan);font-weight:700;}.monitor-system-card:hover .monitor-stat-value{text-shadow:0 0 12px var(--theme-accent-cyan);}.monitor-health-score-value{animation:monitorScoreBreath 3s ease-in-out infinite;}.monitor-drawer .bottom-glow{position:absolute;bottom:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg, transparent, var(--theme-accent-cyan, #00d4ff), var(--theme-accent-purple, #8b5cf6), var(--theme-accent-cyan, #00d4ff), transparent);border-radius:2px;opacity:0.5;pointer-events:none;z-index:2;animation:monitorBottomPulse 4s ease-in-out infinite;}.monitor-drawer-body::-webkit-scrollbar{width:6px;}.monitor-drawer-body::-webkit-scrollbar-track{background:rgba(0, 212, 255, 0.08);border-radius:3px;}.monitor-drawer-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--theme-accent-cyan, #00d4ff), var(--theme-accent-purple, #8b5cf6));border-radius:3px;}