:root{--danger-color:#ff3d71;--dark-bg:#0a0a0f;--darker-bg:#05050837;--card-bg:#ffffff08;--text-secondary:#a0a0b0;--border-color:#ffffff1a;--sidebar-width:280px;--header-height:60px;--border-radius:12px;--transition-speed:0.3s}.matrix-mode{--secondary-color:#00ff9d;--accent-color:#f0f;--success-color:#0f8;--danger-color:#f03;--dark-bg:#000300;--darker-bg:#000100;--card-bg:#00ff4108;--text-secondary:#0a0;--border-color:#00ff4133}body{background-color:#0a0a0f;background-color:var(--dark-bg);font-family:Segoe UI,Roboto,Oxygen,sans-serif}.app-container{background:linear-gradient(135deg,#05050837,#0a0a0f);background:linear-gradient(135deg,var(--darker-bg) 0,var(--dark-bg) 100%);transition:all .3s;transition:all var(--transition-speed)}.matrix-mode{background:linear-gradient(135deg,#000,#001a00);overflow:hidden;position:relative}.matrix-mode:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff410d 0,#00ff410d 4px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;transition:all .3s;transition:all var(--transition-speed);width:280px;width:var(--sidebar-width)}.sidebar.matrix{background:#000a00e6;border-right:1px solid #00ff414d;box-shadow:0 0 20px #00ff411a}.sidebar-header{padding:24px}.logo-container{gap:12px}.logo-icon{background:linear-gradient(135deg,#00d4ff,#00ff9d);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:28px}.logo-icon.matrix{background:linear-gradient(135deg,#00ff41,#00ff9d);box-shadow:0 0 15px #00ff4180}.logo-primary{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#00ff9d);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:18px}.logo-primary.matrix{background:linear-gradient(90deg,#00ff41,#00ff9d)}.logo-secondary{font-size:12px}.sidebar-nav{padding:20px 0}.nav-item{border-radius:8px;margin:4px 12px;padding:14px 24px;transition:all .3s;transition:all var(--transition-speed)}.nav-item:hover{background:#ffffff0d;color:#fff;color:var(--text-primary);transform:translateX(5px)}.nav-item.active{background:linear-gradient(90deg,#00d4ff1a,#0000);border-left:3px solid #00d4ff;border-left:3px solid var(--primary-color)}.nav-item.active.matrix{background:linear-gradient(90deg,#00ff411a,#0000);border-left:3px solid #00ff41;box-shadow:0 0 10px #00ff4133}.nav-icon{font-size:20px;margin-right:12px;text-align:center;width:24px}.nav-label{font-size:14px}.nav-badge{background:#ff3d71;background:var(--danger-color);border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.sidebar-footer{border-top:1px solid #334155;border-top:1px solid var(--border-color);padding:20px}.connection-status{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:10px}.connection-status.matrix{background:#00ff410d;border:1px solid #00ff4133}.pulse-dot{border-radius:50%;height:10px;position:relative;width:10px}.pulse-dot.connected{animation:pulse 2s infinite;background:#00d4aa;background:var(--success-color);box-shadow:0 0 10px #00d4aa;box-shadow:0 0 10px var(--success-color)}.pulse-dot.disconnected{background:#ff3d71;background:var(--danger-color)}.health-display{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px}.health-label{color:#94a3b8;color:var(--text-secondary);font-size:14px}.health-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#00ff9d);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.matrix-toggle-btn{background:linear-gradient(135deg,#00d4ff,#00ff9d);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .3s;transition:all var(--transition-speed);width:100%}.matrix-toggle-btn:hover{box-shadow:0 5px 15px #00d4ff4d;transform:translateY(-2px)}.matrix-toggle-btn.active{background:linear-gradient(135deg,#00ff41,#00ff9d)}.matrix-toggle-btn.active:hover{box-shadow:0 5px 15px #00ff4180}.main-content{margin-left:280px;margin-left:var(--sidebar-width);max-height:100vh;padding:24px}.dashboard-page{animation:fadeIn .5s ease-in}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#ffffff08;background:var(--card-bg);border-radius:var(--border-radius);gap:15px;overflow:hidden;padding:20px;position:relative;transition:all .3s;transition:all var(--transition-speed)}.stat-card:hover{border-color:#00d4ff;border-color:var(--primary-color);box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.stat-card.matrix:hover{border-color:#00ff41;box-shadow:0 10px 30px #00ff4133}.stat-card.matrix{background:#00ff4108;border:1px solid #00ff4133}.stat-card.matrix:before{animation:matrixScan 3s infinite;background:linear-gradient(90deg,#0000,#00ff411a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes matrixScan{0%{left:-100%}to{left:100%}}.stat-icon{background:linear-gradient(135deg,#00d4ff,#00ff9d);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff;font-size:32px;height:60px;width:60px}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#00ff9d);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:32px}.dashboard-content{grid-gap:24px;gap:24px;grid-template-columns:repeat(3,1fr)}@media (max-width:1400px){.dashboard-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr}}.dashboard-column{gap:24px}.prediction-card{background:#ffffff08;background:var(--card-bg);border:2px solid #00d4ff;border:2px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius);padding:24px;transition:all .3s;transition:all var(--transition-speed)}.prediction-card:hover{box-shadow:0 15px 40px #00d4ff33;transform:translateY(-5px)}.prediction-card.matrix{background:#00ff4108;border:2px solid #00ff41;box-shadow:0 0 20px #00ff411a}.prediction-card.matrix:hover{box-shadow:0 15px 40px #00ff414d}.prediction-card.clickable{cursor:pointer;overflow:hidden;position:relative}.prediction-card.clickable:active{transform:scale(.98)}.prediction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.prediction-title{align-items:center;display:flex;gap:12px}.prediction-icon{font-size:24px}.prediction-title h3{font-size:18px;font-weight:600}.prediction-status{background:#00d4aa;background:var(--success-color);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 16px}.prediction-message{color:#94a3b8;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.prediction-footer{align-items:center;border-top:1px solid #334155;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:16px}.confidence{color:#94a3b8;color:var(--text-secondary);font-size:14px}.click-hint{color:#00d4ff;color:var(--primary-color);font-size:14px;font-weight:500}.activities-card,.health-gauge-card,.health-overview-card,.quick-actions-card,.resource-card,.status-card,.top-services-card{background:#ffffff08;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:24px;transition:all .3s;transition:all var(--transition-speed)}.activities-card.matrix,.health-gauge-card.matrix,.health-overview-card.matrix,.quick-actions-card.matrix,.resource-card.matrix,.status-card.matrix,.top-services-card.matrix{background:#00ff4108;border:1px solid #00ff4133}.activities-card:hover,.health-gauge-card:hover,.health-overview-card:hover,.quick-actions-card:hover,.resource-card:hover,.status-card:hover,.top-services-card:hover{border-color:#00d4ff;border-color:var(--primary-color);transform:translateY(-3px)}.health-bars{display:flex;flex-direction:column;gap:12px;margin-top:20px}.health-bar-item{align-items:center;display:flex;gap:15px}.bar-label{color:#94a3b8;color:var(--text-secondary);font-size:14px;width:80px}.bar-container{background:#ffffff1a;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.bar-fill{height:100%;transition:width .5s ease}.bar-fill.healthy{background:#00d4aa;background:var(--success-color)}.bar-fill.warning{background:#ffb800;background:var(--warning-color)}.bar-fill.error{background:#ff3d71;background:var(--danger-color)}.bar-value{font-size:14px;font-weight:600;text-align:right;width:40px}.actions-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:20px}.action-btn{align-items:center;background:#0000;border:2px solid #00d4ff;border:2px solid var(--primary-color);border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:16px;position:relative;transition:all .3s;transition:all var(--transition-speed)}.action-btn:hover:not(:disabled){background:#00d4ff1a;transform:translateY(-3px)}.action-btn.loading{cursor:wait;opacity:.7}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--primary-color);height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.action-btn.success{background:#00d4aa1a;border-color:#00d4aa;border-color:var(--success-color)}.action-btn.error{background:#ff3d711a;border-color:#ff3d71;border-color:var(--danger-color)}.action-icon{font-size:24px}.action-label{font-size:13px;font-weight:500}.resource-metrics{display:flex;flex-direction:column;gap:20px;margin-top:20px}.resource-metric{display:flex;flex-direction:column;gap:8px}.metric-name{color:#94a3b8;color:var(--text-secondary);font-size:14px}.metric-value{font-size:16px}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.progress-fill{height:100%;transition:width .5s ease}.progress-fill.cpu{background:#00d4ff;background:var(--primary-color)}.progress-fill.memory{background:#00ff9d;background:var(--secondary-color)}.progress-fill.network{background:#ff6b9d;background:var(--accent-color)}.activities-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.view-all-link{color:#00d4ff;color:var(--primary-color);font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;transition:all var(--transition-speed)}.view-all-link:hover{color:#00ff9d;color:var(--secondary-color)}.activities-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:15px;padding:12px;transition:all .3s;transition:all var(--transition-speed)}.activity-item:hover{background:#ffffff1a;transform:translateX(5px)}.activity-time{color:#94a3b8;color:var(--text-secondary);font-size:12px;width:60px}.activity-content{flex:1 1}.activity-service{font-size:14px;font-weight:600;margin-bottom:4px}.activity-message{color:#94a3b8;color:var(--text-secondary);font-size:13px;line-height:1.4}.activity-status{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-items{display:flex;flex-direction:column;gap:16px;margin-top:20px}.status-item{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:8px}.status-name{color:#94a3b8;color:var(--text-secondary);font-size:14px}.status-dot{border-radius:50%;height:10px;width:10px}.status-dot.connected{background:#00d4aa;background:var(--success-color);box-shadow:0 0 10px #00d4aa;box-shadow:0 0 10px var(--success-color)}.status-dot.warning{background:#ffb800;background:var(--warning-color);box-shadow:0 0 10px #ffb800;box-shadow:0 0 10px var(--warning-color)}.services-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.service-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .3s;transition:all var(--transition-speed)}.service-item:hover{background:#ffffff1a}.service-info{align-items:center;display:flex;gap:12px}.service-node{color:#94a3b8;color:var(--text-secondary);font-size:12px}.cpu-indicator{align-items:center;display:flex;gap:10px;width:100px}.cpu-bar{background:#00d4ff;background:var(--primary-color);border-radius:3px;flex:1 1;height:6px}.cpu-value{font-size:12px;font-weight:600;text-align:right;width:35px}.gauge-container{align-items:center;display:flex;gap:30px;margin-top:20px}.gauge{background:#ffffff1a;border-radius:10px;height:120px;overflow:hidden;position:relative;transform:rotate(180deg);width:20px}.gauge-fill{bottom:0;position:absolute;transition:height .5s ease;width:100%}.gauge-info{align-items:center;display:flex;flex-direction:column}.gauge-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#00ff9d);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:36px;line-height:1}.gauge-label{color:#94a3b8;color:var(--text-secondary);font-size:14px;margin-top:5px}.services-page{animation:fadeIn .5s ease-in}.page-header{margin-bottom:30px}.header-left h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#00ff9d);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:28px;margin-bottom:8px}.header-left p{font-size:14px}.service-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.stat-item{align-items:center;background:#ffffff08;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);display:flex;gap:15px;padding:20px;transition:all .3s;transition:all var(--transition-speed)}.stat-item:hover{border-color:#00d4ff;border-color:var(--primary-color);transform:translateY(-3px)}.stat-icon{font-size:28px;height:50px;width:50px}.stat-icon.total{background:#00d4ff1a;color:#00d4ff;color:var(--primary-color)}.stat-icon.running{background:#00d4aa1a;color:#00d4aa;color:var(--success-color)}.stat-icon.warning{background:#ffb8001a;color:#ffb800;color:var(--warning-color)}.stat-icon.error{background:#ff3d711a;color:#ff3d71;color:var(--danger-color)}.stat-number{font-size:24px;font-weight:700;line-height:1}.stat-label{font-size:14px;margin-top:5px}.service-controls{align-items:center;background:#ffffff08;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);display:flex;gap:20px;margin-bottom:30px;padding:20px}.service-controls.matrix{background:#00ff4108;border:1px solid #00ff4133}.search-bar{flex:1 1;position:relative}.search-bar input{background:#ffffff0d;border:1px solid #334155;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-primary);font-size:14px;padding:12px 16px 12px 45px;transition:all .3s;transition:all var(--transition-speed);width:100%}.search-bar input:focus{border-color:#00d4ff;border-color:var(--primary-color);box-shadow:0 0 15px #00d4ff33;outline:none}.search-icon{color:#94a3b8;color:var(--text-secondary);left:16px;position:absolute;top:50%;transform:translateY(-50%)}.filter-tabs{display:flex;gap:10px}.filter-tabs .tab{background:#0000;border:1px solid #334155;border:1px solid var(--border-color);border-radius:20px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s;transition:all var(--transition-speed)}.filter-tabs .tab:hover{color:#00d4ff;color:var(--primary-color)}.filter-tabs .tab.active,.filter-tabs .tab:hover{border-color:#00d4ff;border-color:var(--primary-color)}.filter-tabs .tab.active{background:#00d4ff;background:var(--primary-color);color:#fff}.action-buttons{display:flex;gap:10px}.action-buttons .action-btn{background:#0000;border:1px solid #00d4ff;border:1px solid var(--primary-color);border-radius:8px;color:#00d4ff;color:var(--primary-color);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s;transition:all var(--transition-speed)}.action-buttons .action-btn:hover{background:#00d4ff1a}.services-table{background:#ffffff08;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin-bottom:30px;overflow:hidden}.services-table.matrix{background:#00ff4108;border:1px solid #00ff4133}.table-header{background:#ffffff0d;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);color:#94a3b8;color:var(--text-secondary);display:grid;font-size:14px;font-weight:600;grid-template-columns:2fr 1fr 1fr 1fr 1fr .8fr;padding:20px}.table-body{max-height:400px;overflow-y:auto}.table-row{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr .8fr;padding:16px 20px;transition:all .3s;transition:all var(--transition-speed)}.table-row:hover{background:#ffffff0d}.table-row.running{border-left:3px solid #00d4aa;border-left:3px solid var(--success-color)}.table-row.warning{border-left:3px solid #ffb800;border-left:3px solid var(--warning-color)}.table-row.error{border-left:3px solid #ff3d71;border-left:3px solid var(--danger-color)}.col{padding:0 8px}.col.name{align-items:center;display:flex;gap:12px}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;min-width:80px;padding:6px 12px;text-align:center}.metric-bar{align-items:center;display:flex;gap:10px}.metric-bar .bar-fill{border-radius:3px;flex:1 1;height:6px;min-width:40px}.metric-value{min-width:40px}.metric-value,.restart-badge{font-size:12px;font-weight:600}.restart-badge{background:#ffb8001a;border-radius:12px;color:#ffb800;color:var(--warning-color);padding:4px 10px}.service-details-panel{background:#ffffff08;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:24px}.service-details-panel.matrix{background:#00ff4108;border:1px solid #00ff4133}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.detail-item{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 0}.monitoring-page{animation:fadeIn .5s ease-in}.current-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.metric-card{background:#ffffff08;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:24px;transition:all .3s;transition:all var(--transition-speed)}.metric-card:hover{border-color:#00d4ff;border-color:var(--primary-color);box-shadow:0 10px 30px #00d4ff1a;transform:translateY(-5px)}.metric-card.matrix{background:#00ff4108;border:1px solid #00ff4133}.metric-card.matrix:hover{box-shadow:0 10px 30px #00ff411a}.metric-header{justify-content:space-between;margin-bottom:20px}.metric-header,.metric-title{align-items:center;display:flex}.metric-title{gap:12px}.metric-icon{font-size:24px}.metric-title h3{font-size:16px;font-weight:600}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#00ff9d);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:32px}.metric-trend{margin-top:10px}.trend{background:#ffffff1a;border-radius:12px;font-size:14px;font-weight:600;padding:4px 12px}.trend.up{background:#ff3d711a;color:#ff3d71;color:var(--danger-color)}.trend.down{background:#00d4aa1a;color:#00d4aa;color:var(--success-color)}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-container{background:#ffffff08;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:24px;transition:all .3s;transition:all var(--transition-speed)}.chart-container:hover{border-color:#00d4ff;border-color:var(--primary-color);transform:translateY(-3px)}.chart-container.matrix{background:#00ff4108;border:1px solid #00ff4133}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-header h3{font-size:16px;font-weight:600}.chart-stat{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#00ff9d);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.additional-metrics{margin-top:30px}.metrics-panel{background:#ffffff08;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:24px}.metrics-panel.matrix{background:#00ff4108;border:1px solid #00ff4133}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.metric-item{background:#ffffff0d;border-radius:8px;padding:16px}.metric-label{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.metric-value{font-size:24px;margin-bottom:4px}.metric-change{font-size:12px;font-weight:600}.metric-change.positive{color:#00d4aa;color:var(--success-color)}.metric-change.negative{color:#ff3d71;color:var(--danger-color)}.ai-insights-page{animation:fadeIn .5s ease-in}.ai-prediction-main{background:#ffffff08;background:var(--card-bg);border:2px solid #00d4ff;border:2px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius);margin-bottom:30px;padding:30px;transition:all .3s;transition:all var(--transition-speed)}.ai-prediction-main:hover{box-shadow:0 15px 40px #00d4ff33;transform:translateY(-5px)}.ai-prediction-main.matrix{background:#00ff4108;border:2px solid #00ff41;box-shadow:0 0 20px #00ff411a}.ai-prediction-main.matrix:hover{box-shadow:0 15px 40px #00ff414d}.ai-prediction-main.clickable{cursor:pointer}.ai-prediction-main.clickable:active{transform:scale(.98)}.prediction-content{margin:20px 0}.prediction-message p{color:#94a3b8;color:var(--text-secondary);font-size:16px;line-height:1.6}.prediction-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:30px}.prediction-metrics .metric{text-align:center}.prediction-metrics .metric-label{color:#94a3b8;color:var(--text-secondary);font-size:14px;margin-bottom:8px}.prediction-metrics .metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#00ff9d);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.prediction-footer{text-align:right}.view-details-btn{background:#0000;border:2px solid #00d4ff;border:2px solid var(--primary-color);border-radius:8px;color:#00d4ff;color:var(--primary-color);cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s;transition:all var(--transition-speed)}.view-details-btn:hover{background:#00d4ff1a}.insights-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.insight-card{background:#ffffff08;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:24px;transition:all .3s;transition:all var(--transition-speed)}.insight-card:hover{border-color:#00d4ff;border-color:var(--primary-color);transform:translateY(-5px)}.insight-card.matrix{background:#00ff4108;border:1px solid #00ff4133}.insight-card.high{border-left:4px solid #ff3d71;border-left:4px solid var(--danger-color)}.insight-card.medium{border-left:4px solid #ffb800;border-left:4px solid var(--warning-color)}.insight-card.low{border-left:4px solid #00d4aa;border-left:4px solid var(--success-color)}.insight-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.insight-icon{font-size:28px}.insight-severity{border-radius:12px;font-size:12px;font-weight:600;padding:6px 16px}.insight-title{font-size:16px;margin-bottom:12px}.insight-description{color:#94a3b8;color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:20px}.insight-footer{align-items:center;display:flex;justify-content:space-between}.insight-action-btn{background:#0000;border:1px solid #00d4ff;border:1px solid var(--primary-color);border-radius:6px;color:#00d4ff;color:var(--primary-color);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s;transition:all var(--transition-speed)}.insight-action-btn:hover{background:#00d4ff1a}.insight-timestamp{color:#94a3b8;color:var(--text-secondary);font-size:12px}.current-metrics-section{margin-bottom:30px}.current-metrics-section h3{font-size:20px;font-weight:600;margin-bottom:20px}.metrics-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metrics-cards .metric-card{padding:30px 20px;text-align:center}.metrics-cards .metric-icon{font-size:32px;margin-bottom:15px}.metrics-cards .metric-value{font-size:28px;font-weight:700;margin-bottom:8px}.metrics-cards .metric-label{color:#94a3b8;color:var(--text-secondary);font-size:14px;margin-bottom:8px}.metrics-cards .metric-trend{font-size:14px;font-weight:600}.recommendations-section{background:#ffffff08;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius)}.recommendations-section.matrix{background:#00ff4108;border:1px solid #00ff4133}.recommendations-list{display:flex;flex-direction:column;gap:16px}.recommendation{background:#ffffff0d;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .3s;transition:all var(--transition-speed)}.recommendation:hover{background:#ffffff1a;transform:translateX(5px)}.recommendation-icon{align-items:center;background:#00d4aa;background:var(--success-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.recommendation-content h4{font-size:16px;font-weight:600;margin-bottom:4px}.recommendation-content p{color:#94a3b8;color:var(--text-secondary);font-size:14px}.healing-page{animation:fadeIn .5s ease-in}.header-stats{display:flex;gap:30px}.header-stats .stat{text-align:center}.header-stats .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#00ff9d);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;line-height:1}.header-stats .stat-label{color:#94a3b8;color:var(--text-secondary);font-size:14px;margin-top:8px}.healing-actions-section{margin:30px 0}.healing-actions-section h3{font-size:20px;font-weight:600;margin-bottom:20px}.actions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-card{background:#ffffff08;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .3s;transition:all var(--transition-speed)}.action-card:hover{box-shadow:0 10px 30px #00d4ff1a;transform:translateY(-5px)}.action-card.matrix{background:#00ff4108;border:1px solid #00ff4133}.action-icon{font-size:32px}.action-content h4{font-size:18px;font-weight:600;margin-bottom:8px}.action-content p{color:#94a3b8;color:var(--text-secondary);font-size:14px}.action-card .action-btn{align-self:flex-start;background:#00d4ff;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s;transition:all var(--transition-speed)}.action-card .action-btn:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.action-card .action-btn:disabled{cursor:not-allowed;opacity:.5}.healing-logs{background:#ffffff08;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin-top:30px;padding:24px}.healing-logs.matrix{background:#00ff4108;border:1px solid #00ff4133}.logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.logs-header h3{font-size:20px;font-weight:600}.clear-btn{background:#0000;border:1px solid #ff3d71;border:1px solid var(--danger-color);border-radius:6px;color:#ff3d71;color:var(--danger-color);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s;transition:all var(--transition-speed)}.clear-btn:hover{background:#ff3d711a}.logs-list{max-height:400px;overflow-y:auto}.log-item{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);display:flex;gap:20px;padding:16px;transition:all .3s;transition:all var(--transition-speed)}.log-item:hover{background:#ffffff0d}.log-time{color:#94a3b8;color:var(--text-secondary);flex-shrink:0;font-size:14px;width:80px}.log-content{flex:1 1}.log-service{font-size:14px;font-weight:600;margin-bottom:4px}.log-message{color:#94a3b8;color:var(--text-secondary);font-size:14px}.log-status{border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.alerts-page{animation:fadeIn .5s ease-in}.alert-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.alert-stats .stat-card{align-items:center;background:#ffffff08;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);display:flex;gap:15px;padding:20px;transition:all .3s;transition:all var(--transition-speed)}.alert-stats .stat-card:hover{border-color:#00d4ff;border-color:var(--primary-color);transform:translateY(-3px)}.alert-stats .stat-icon{align-items:center;border-radius:12px;display:flex;font-size:28px;height:50px;justify-content:center;width:50px}.alert-stats .stat-icon.total{background:#00d4ff1a;color:#00d4ff;color:var(--primary-color)}.alert-stats .stat-icon.healing{background:#0088ff1a;color:#08f}.alert-stats .stat-icon.recovered{background:#00ff881a;color:#0f8}.alert-stats .stat-icon.errors{background:#ffb8001a;color:#ffb800;color:var(--warning-color)}.alerts-container{background:#ffffff08;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin-top:30px;padding:24px}.alerts-container.matrix{background:#00ff4108;border:1px solid #00ff4133}.alerts-list{max-height:500px;overflow-y:auto}.alert-item{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);display:flex;gap:20px;padding:20px;transition:all .3s;transition:all var(--transition-speed)}.alert-item:hover{background:#ffffff0d;transform:translateX(5px)}.alert-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.alert-item.healing .alert-icon{background:#0088ff1a;color:#08f}.alert-item.recovered .alert-icon{background:#00ff881a;color:#0f8}.alert-item.success .alert-icon{background:#00d4aa1a;color:#00d4aa;color:var(--success-color)}.alert-item.error .alert-icon{background:#ffb8001a;color:#ffb800;color:var(--warning-color)}.alert-content{flex:1 1}.alert-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.alert-title{font-size:16px;font-weight:600}.alert-time{font-size:12px}.alert-message,.alert-time{color:#94a3b8;color:var(--text-secondary)}.alert-message{font-size:14px;line-height:1.5}.alert-status{border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.settings-page{animation:fadeIn .5s ease-in}.settings-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:30px}.settings-card{background:#ffffff08;background:var(--card-bg);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:30px;transition:all .3s;transition:all var(--transition-speed)}.settings-card:hover{border-color:#00d4ff;border-color:var(--primary-color);transform:translateY(-5px)}.settings-card.matrix{background:#00ff4108;border:1px solid #00ff4133}.settings-card h3{margin-bottom:24px}.theme-selector{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.theme-option{border:2px solid #334155;border:2px solid var(--border-color);border-radius:var(--border-radius);padding:20px;text-align:center;transition:all .3s;transition:all var(--transition-speed)}.theme-option:hover{border-color:#00d4ff}.theme-option.active,.theme-option:hover{border-color:var(--primary-color)}.theme-preview{border-radius:8px;height:80px;margin-bottom:12px;width:100%}.theme-preview.normal{background:linear-gradient(135deg,#0a0a0f,#050508);border:2px solid #ffffff1a}.theme-preview.matrix{background:linear-gradient(135deg,#000,#001a00);border:2px solid #00ff414d;overflow:hidden;position:relative}.theme-preview.matrix:before{animation:matrixScan 2s linear infinite;background:linear-gradient(45deg,#0000 30%,#00ff411a 50%,#0000 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.about-item{border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);padding-bottom:16px}.about-label{color:var(--text-secondary)}.about-value{font-size:16px;font-weight:600}.speedometer-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100%;width:100%}.speedometer-modal{animation:slideUp .4s ease;background:#0a0a0f;background:var(--dark-bg);border:2px solid #00d4ff;border:2px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius);position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);padding:30px}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#00ff9d);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.close-btn{background:#0000;border:none;border-radius:50%;cursor:pointer;font-size:32px;height:40px;transition:all .3s;transition:all var(--transition-speed);width:40px}.close-btn:hover{background:#ff3d711a;color:#ff3d71;color:var(--danger-color)}.gauge-section{background:#ffffff08;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);padding:40px 30px;text-align:center}.gauge-container{height:150px;margin:0 auto 40px;position:relative;width:300px}.gauge-background{border-radius:150px 150px 0 0;height:100%;overflow:hidden;position:absolute;width:100%}.gauge-segment{bottom:0;height:50%;position:absolute}.gauge-segment.low{background:linear-gradient(90deg,#00d4aa,#00ff9d);left:0;width:33.33%}.gauge-segment.medium{background:linear-gradient(90deg,#ffb800,#ff0);left:33.33%;width:33.33%}.gauge-segment.high{background:linear-gradient(90deg,#ff3d71,#f06);left:66.66%;width:33.33%}.needle{background:#fff;border-radius:2px;bottom:0;height:100px;left:50%;position:absolute;transform-origin:bottom center;width:4px;z-index:2}.needle:after{background:#fff;content:"";height:20px;top:0;width:20px}.gauge-center,.needle:after{border-radius:50%;left:50%;position:absolute;transform:translateX(-50%)}.gauge-center{align-items:center;background:#0a0a0f;background:var(--dark-bg);border:4px solid #00d4ff;border:4px solid var(--primary-color);bottom:0;display:flex;height:60px;justify-content:center;width:60px;z-index:3}.gauge-value{font-size:24px;font-weight:700}.risk-badge{border-radius:25px;color:#fff;display:inline-block;font-size:18px;font-weight:700;letter-spacing:1px;padding:12px 30px;text-transform:uppercase}.details-section{border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);padding:30px}.details-section h3{font-size:20px;font-weight:600;margin-bottom:20px}.detail-row{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 0}.detail-label{color:#94a3b8;color:var(--text-secondary);font-size:14px}.detail-value{font-size:16px;font-weight:600}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:30px}.metrics-grid .metric-card{background:#ffffff0d;border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;padding:20px}.metrics-grid .metric-label{color:#94a3b8;color:var(--text-secondary);font-size:14px;margin-bottom:12px}.metrics-grid .metric-value{font-size:24px;font-weight:700;margin-bottom:12px}.recommendations-section{padding:30px}.recommendations-list{list-style:none;margin-top:20px}.recommendations-list li{border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);color:#94a3b8;color:var(--text-secondary);font-size:14px;padding:12px 0 12px 24px;position:relative}.recommendations-list li:before{color:#00d4ff;color:var(--primary-color);content:"→";left:0;position:absolute}.modal-actions{background:#ffffff08;border-top:1px solid #334155;border-top:1px solid var(--border-color);display:flex;gap:20px;justify-content:flex-end;padding:30px}.modal-actions .action-btn{border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s;transition:all var(--transition-speed)}.modal-actions .secondary{background:#0000;border:2px solid #334155;border:2px solid var(--border-color);color:#94a3b8;color:var(--text-secondary)}.modal-actions .secondary:hover{border-color:#00d4ff;border-color:var(--primary-color);color:#00d4ff;color:var(--primary-color)}.modal-actions .primary{background:linear-gradient(135deg,#00d4ff,#00ff9d);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;color:#fff}.modal-actions .primary:hover{box-shadow:0 10px 25px #00d4ff4d;transform:translateY(-2px)}::-webkit-scrollbar{height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#00d4ff;background:var(--primary-color)}::-webkit-scrollbar-thumb:hover{background:#00ff9d;background:var(--secondary-color)}.matrix-mode ::-webkit-scrollbar-thumb{background:#00ff41}.matrix-mode ::-webkit-scrollbar-thumb:hover{background:#00ff9d}@media (max-width:1200px){.sidebar{width:80px}.sidebar-header{padding:20px 10px}.logo-text,.nav-badge,.nav-label{display:none}.nav-item{justify-content:center;margin:4px 8px;padding:16px}.nav-icon{font-size:22px;margin-right:0}.sidebar-footer{padding:10px}.health-label,.matrix-toggle-btn span{display:none}.matrix-toggle-btn{font-size:0;padding:12px}.matrix-toggle-btn:before{content:"⚡";font-size:20px}.matrix-toggle-btn.active:before{content:"⟁"}.main-content{margin-left:80px}}@media (max-width:768px){.app-container{flex-direction:column}.sidebar{flex-direction:row;height:auto;padding:10px;position:static;width:100%}.sidebar-header{display:none}.sidebar-nav{display:flex;flex:1 1;justify-content:space-around;padding:0}.nav-item{flex-direction:column;margin:0;padding:10px}.nav-icon{font-size:20px;margin:0}.sidebar-footer{display:none}.main-content{margin-left:0;padding:15px}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid,.dashboard-content,.metrics-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:repeat(3,1fr)}.col:not(.name):not(.status):not(.cpu){display:none}.speedometer-modal{margin:10px;width:95%}}@media (max-width:480px){.actions-grid,.stats-grid{grid-template-columns:1fr}.service-stats{grid-template-columns:repeat(2,1fr)}.details-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions .action-btn{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#00ff9d);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text}.glow{box-shadow:0 0 20px currentColor}.clickable{cursor:pointer;transition:transform .2s ease}.clickable:active{transform:scale(.98)}.hidden{display:none!important}.visible{display:block!important}.loading{overflow:hidden;position:relative}.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{0%{left:-100%}to{left:100%}}@media print{.action-btn,.matrix-toggle-btn,.sidebar{display:none!important}.main-content{margin-left:0!important}.card,.prediction-card,.stat-card{border:1px solid #000!important;break-inside:avoid;page-break-inside:avoid}}.live-notification{align-items:center;animation:slideIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141b2df2;border:1px solid;border-radius:8px;display:flex;justify-content:space-between;max-width:400px;min-width:300px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:1000}.live-notification.success{background:#00d4aa1a;border-color:#00d4aa}.live-notification.warning{background:#ffb8001a;border-color:#ffb800}.live-notification.info{background:#00d4ff1a;border-color:#00d4ff}.notification-content{align-items:center;display:flex;gap:10px}.notification-icon{font-size:18px}.notification-message{color:#fff;font-size:14px}.notification-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px;padding:0 4px}.header-title h1{align-items:center;color:#fff;display:flex;font-size:28px;gap:12px;margin:0 0 8px}.title-icon{font-size:32px}.live-indicator{border-radius:12px;font-size:12px;font-weight:600;margin-left:12px;padding:4px 8px}.live-indicator.active{background:#00d4ff33;color:#00d4ff}.live-indicator:not(.active){background:#ffffff1a;color:#94a3b8}.header-subtitle{color:#94a3b8;font-size:14px;margin:0}.header-controls{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.refresh-controls{align-items:center;display:flex;gap:12px}.refresh-toggle{border:none;border-radius:20px;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.refresh-toggle:hover{box-shadow:0 4px 12px #00d4ff4d;transform:translateY(-1px)}.interval-selector{align-items:center;display:flex;gap:8px}.interval-selector label{font-size:12px;font-weight:500}.interval-selector select{border:1px solid;border-radius:8px;cursor:pointer;font-size:14px;padding:6px 12px}.last-updated span{font-size:12px;font-weight:500}.live-metrics-ticker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#141b2de6,#0f1423e6);border:1px solid #00d4ff1a;border-radius:12px;margin-bottom:24px;padding:16px}.live-metrics-ticker.matrix{border-color:#00ff41;box-shadow:0 0 15px #00ff4133}.ticker-header{justify-content:space-between}.ticker-header,.ticker-title{align-items:center;display:flex}.ticker-title{font-size:16px;font-weight:600;gap:8px}.ticker-stats{display:flex;gap:24px}.ticker-stat{display:flex;flex-direction:column;gap:4px}.ticker-stat .stat-name{color:#94a3b8;font-size:12px;font-weight:500}.ticker-stat .stat-value{color:#fff;font-size:16px;font-weight:700}.critical-services-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#141b2de6,#0f1423e6);border:1px solid #ff3d714d;border-radius:16px;margin-bottom:20px;padding:24px}.critical-services-card.matrix{border-color:#f06;box-shadow:0 0 20px #ff00664d}.critical-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.critical-header h3{align-items:center;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.critical-icon{font-size:20px}.critical-count{background:#ff3d711a;border-radius:20px;color:#ff3d71;font-size:14px;font-weight:600;padding:4px 12px}.critical-list{display:flex;flex-direction:column;gap:12px}.critical-item{align-items:center;background:#ff3d710d;border:1px solid #ff3d7133;border-radius:12px;display:flex;justify-content:space-between;padding:12px}.critical-service{align-items:center;display:flex;flex:1 1;gap:12px}.service-icon{font-size:20px}.service-details{display:flex;flex-direction:column;gap:4px}.service-name{color:#fff;font-size:14px;font-weight:600}.service-issue{color:#ff3d71;font-size:12px;font-weight:500}.critical-metrics{display:flex;gap:16px;margin:0 16px}.metric{align-items:center;display:flex;flex-direction:column;min-width:50px}.metric-label{color:#94a3b8;font-size:11px;font-weight:500;text-transform:uppercase}.metric-value{color:#fff;font-size:14px;font-weight:700}.critical-action{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s ease}.critical-action:hover{box-shadow:0 4px 12px #ff3d7166;transform:translateY(-2px)}.no-critical{align-items:center;display:flex;flex-direction:column;gap:12px;padding:32px 0}.safe-icon{color:#00d4aa;font-size:48px}.no-critical p{color:#94a3b8;margin:0}.resource-trend{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:16px}.trend-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.trend-chart{align-items:flex-end;display:flex;gap:8px;height:60px;padding:8px 0}.chart-bar{border-radius:4px 4px 0 0;flex:1 1;min-width:8px;transition:height .3s ease}.insights-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#141b2de6,#0f1423e6);border:1px solid #00d4ff1a;border-radius:16px;margin-bottom:20px;padding:24px}.insights-card.matrix{border-color:#00ff41;box-shadow:0 0 20px #00ff414d}.insights-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.insights-header h3{font-size:18px;font-weight:600;margin:0}.insights-badge{background:#00d4ff1a;border-radius:20px;color:#00d4ff;font-size:12px;font-weight:600;padding:4px 12px}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-item{align-items:flex-start;background:#ffffff0d;border-radius:12px;display:flex;gap:12px;padding:12px}.insight-item.positive{border-left:3px solid #00d4aa}.insight-item.warning{border-left:3px solid #ffb800}.insight-item.info{border-left:3px solid #00d4ff}.insight-icon{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;width:32px}.insight-content{flex:1 1}.insight-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.insight-desc{color:#94a3b8;font-size:12px}.quick-stats-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#141b2de6,#0f1423e6);border:1px solid #00d4ff1a;border-radius:16px;margin-bottom:20px;padding:24px}.quick-stats-card.matrix{border-color:#00ff41;box-shadow:0 0 20px #00ff414d}.quick-stats-card h3{font-size:18px;font-weight:600;margin:0 0 20px}.stats-grid-mini{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.mini-stat{background:#ffffff0d;border-radius:12px;gap:12px;padding:12px}.mini-icon,.mini-stat{align-items:center;display:flex}.mini-icon{background:#00d4ff1a;border-radius:10px;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.mini-content{display:flex;flex-direction:column;gap:4px}.mini-value{color:#fff;font-size:18px;font-weight:700;line-height:1.2}.mini-label{color:#94a3b8;font-size:11px;font-weight:500;text-transform:uppercase}@media (max-width:1200px){.dashboard-header{flex-direction:column;gap:16px}.header-controls{align-items:flex-start;width:100%}.ticker-stats{flex-wrap:wrap;gap:16px}}@media (max-width:768px){.ticker-header{align-items:flex-start;flex-direction:column;gap:12px}.ticker-stats{justify-content:space-between;width:100%}.critical-item{align-items:stretch;flex-direction:column;gap:12px}.critical-metrics{justify-content:space-around;margin:0}.stats-grid-mini{grid-template-columns:1fr}}.settings-page{background:#0a0e17;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}.page-header{margin-bottom:32px}.page-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#09f);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0 0 8px}.page-header p{color:#94a3b8;font-size:16px;margin:0}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-width:800px}.settings-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#141b2de6,#0f1423e6);border:1px solid #00d4ff1a;border-radius:16px;padding:24px;transition:all .3s ease}.settings-card:hover{border-color:#00d4ff4d;box-shadow:0 8px 32px #00d4ff1a;transform:translateY(-2px)}.settings-card.matrix{border-color:#00ff41;box-shadow:0 0 20px #00ff414d}.settings-card.matrix:hover{box-shadow:0 8px 32px #00ff4133}.settings-card h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 24px}.theme-selector{display:flex;flex-direction:column;gap:12px}.theme-option{align-items:center;background:#0000;border:1px solid #334155;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;text-align:left;transition:all .2s ease}.theme-option:hover{background:#ffffff0d;transform:translateY(-1px)}.theme-option.active{background:#00d4ff1a;border-color:#00d4ff}.theme-option.matrix.active{background:#00ff4133;border-color:#00ff41}.theme-preview{border:2px solid;border-radius:12px;height:48px;width:48px}.theme-preview.normal{background:#1e293b;border-color:#00d4ff}.theme-preview.matrix{background:#00d4ff;box-shadow:0 0 10px #00d4ff}.theme-option.matrix .theme-preview.normal{border-color:#00ff41}.theme-option.matrix .theme-preview.matrix{background:#00ff41;box-shadow:0 0 10px #00ff41}.theme-option span{font-size:16px;font-weight:500}.about-content{display:flex;flex-direction:column;gap:16px}.about-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 0}.about-item:last-child{border-bottom:none}.about-label{color:#94a3b8}.about-label,.about-value{font-size:14px;font-weight:500}.about-value{color:#fff}.settings-card.matrix h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00ff41,#0c3);-webkit-background-clip:text;background-clip:text}.theme-option.matrix{color:#00ff41}.theme-option.matrix:hover{background:#00ff410d}.about-item.matrix .about-label{color:#0c3}.about-item.matrix .about-value{color:#00ff41}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}.settings-page{padding:16px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#00d4ff;--primary-dark:#00a8cc;--secondary-color:#00ff9d;--accent-color:#ff6b9d;--warning-color:#ffb800;--error-color:#ff3d71;--success-color:#00d4aa;--background:#0a0a0f;--surface:#11111f;--surface-light:#1a1a2e;--text-primary:#fff;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-color:#334155;--shadow:0 4px 6px -1px #00000080;--transition:all 0.3s ease}.matrix-mode{--primary-color:#00ff41;--primary-dark:#0c3;--secondary-color:#0f8;--accent-color:#f06;--warning-color:#ff0;--error-color:#f33;--success-color:#0fa;--background:#000;--surface:#0a0a0a;--surface-light:#111;--text-primary:#00ff41;--text-secondary:#0c3;--text-tertiary:#090;--border-color:#030}body{color:#fff;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}.app-container,body{background:#0a0a0f;background:var(--background)}.app-container{display:flex;min-height:100vh;position:relative}.sidebar{background:#11111f;background:var(--surface);border-right:1px solid #334155;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:fixed;width:250px;z-index:1000}.sidebar-header{border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);padding:1.5rem}.logo-container{gap:.75rem}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{background:#00d4ff;background:var(--primary-color);border-radius:12px;color:#0a0a0f;color:var(--background);font-size:2rem;height:48px;justify-content:center;width:48px}.logo-icon.matrix{background:#0a0a0f;background:var(--background);border:2px solid #00d4ff;border:2px solid var(--primary-color);color:#00d4ff;color:var(--primary-color)}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-primary{color:#00d4ff;color:var(--primary-color);font-size:1.25rem;font-weight:700}.logo-secondary{color:#94a3b8;color:var(--text-secondary);font-size:.75rem;font-weight:500}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-item{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;gap:.75rem;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.nav-item.active,.nav-item:hover{background:#1a1a2e;background:var(--surface-light);color:#00d4ff;color:var(--primary-color)}.nav-item.active,.nav-item.matrix.active{border-left:4px solid #00d4ff;border-left:4px solid var(--primary-color)}.nav-item.matrix.active{box-shadow:inset 0 0 10px #00ff4133}.nav-icon{font-size:1.25rem}.nav-label{flex:1 1;font-size:.875rem;font-weight:500}.nav-badge{background:#ff6b9d;background:var(--accent-color);border-radius:9999px;color:#fff;font-size:.75rem;padding:.125rem .5rem}.main-content{flex:1 1;margin-left:250px;min-height:100vh;overflow-y:auto;padding:2rem}.page-header{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header-left h2{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.header-left p{color:#94a3b8;color:var(--text-secondary);font-size:.875rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#11111f;background:var(--surface);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.stat-card:hover{box-shadow:0 4px 6px -1px #00000080;box-shadow:var(--shadow);transform:translateY(-2px)}.stat-card.matrix{background:#00140080;border:1px solid #00d4ff;border:1px solid var(--primary-color);box-shadow:0 0 15px #00ff411a}.stat-icon{align-items:center;background:#00d4ff1a;border-radius:12px;color:#00d4ff;color:var(--primary-color);display:flex;font-size:2rem;height:64px;justify-content:center;width:64px}.stat-content{flex:1 1}.stat-value{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{color:#94a3b8;color:var(--text-secondary);font-size:.875rem}.dashboard-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-column{display:flex;flex-direction:column;gap:1.5rem}.activities-card,.health-overview-card,.prediction-card,.resource-card,.status-card{background:#11111f;background:var(--surface);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.activities-card:hover,.health-overview-card:hover,.prediction-card:hover,.resource-card:hover,.status-card:hover{box-shadow:0 4px 6px -1px #00000080;box-shadow:var(--shadow);transform:translateY(-2px)}.prediction-card.matrix{background:#00140080;border:1px solid #00d4ff;border:1px solid var(--primary-color);box-shadow:0 0 20px #00ff4133}button{background:#00d4ff;background:var(--primary-color);border:none;border-radius:6px;color:#0a0a0f;color:var(--background);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;transition:var(--transition)}button:hover{background:#00a8cc;background:var(--primary-dark);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5}.speedometer-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.speedometer-modal{background:#11111f;background:var(--surface);border:1px solid #334155;border:1px solid var(--border-color);border-radius:16px;max-height:90vh;max-width:800px;overflow-y:auto;padding:2rem;width:90%}.modal-header{justify-content:space-between;margin-bottom:1.5rem}.close-btn,.modal-header{align-items:center;display:flex}.close-btn{background:none;color:#94a3b8;color:var(--text-secondary);font-size:1.5rem;height:32px;justify-content:center;padding:0;width:32px}@media (max-width:1024px){.sidebar{width:200px}.main-content{margin-left:200px}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.active{transform:translateX(0)}.main-content{margin-left:0;padding:1rem}}@keyframes matrixGlow{0%,to{opacity:.5}50%{opacity:1}}.matrix-mode .logo-icon,.matrix-mode .nav-item.active,.matrix-mode .prediction-card{animation:matrixGlow 2s infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#11111f;background:var(--surface)}::-webkit-scrollbar-thumb{background:#334155;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d4ff;background:var(--primary-color)}
/*# sourceMappingURL=main.f899d214.css.map*/