.activity-feed{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.activity-feed h3{margin:0 0 15px;font-size:18px;color:#333}.activity-feed-loading,.activity-feed-empty{text-align:center;padding:40px;color:#666}.activity-feed-error{background:#fee;border:1px solid #fcc;color:#c33;padding:12px;border-radius:4px}.activity-list{display:flex;flex-direction:column;gap:10px;max-height:500px;overflow-y:auto}.activity-item{display:flex;gap:12px;padding:12px;border-radius:6px;border-left:3px solid #ddd;background:#f8f9fa;transition:background .2s}.activity-item:hover{background:#e9ecef}.activity-item.activity-success{border-left-color:#28a745}.activity-item.activity-failed{border-left-color:#dc3545;background:#fff5f5}.activity-icon{font-size:20px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border-radius:50%;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.activity-action{font-weight:600;color:#333;text-transform:capitalize}.activity-resource-type{padding:2px 8px;background:#e9ecef;border-radius:3px;font-size:11px;font-weight:500;color:#666;text-transform:uppercase}.activity-time{margin-left:auto;font-size:12px;color:#999}.activity-details{font-size:14px;color:#666;margin-bottom:4px}.activity-details strong{color:#333}.activity-cluster{color:#999}.activity-message{font-size:13px;color:#666;margin-top:4px;padding:6px 10px;background:#fff;border-radius:4px}.dark-mode .activity-feed{background:#2d3748}.dark-mode .activity-feed h3{color:#e2e8f0}.dark-mode .activity-item{background:#1a202c;color:#e2e8f0}.dark-mode .activity-item:hover{background:#2d3748}.dark-mode .activity-action{color:#e2e8f0}.dark-mode .activity-resource-type{background:#4a5568;color:#cbd5e0}.dark-mode .activity-details{color:#cbd5e0}.dark-mode .activity-details strong{color:#e2e8f0}.dark-mode .activity-message{background:#2d3748;color:#cbd5e0}.dark-mode .activity-icon{background:#4a5568}.dashboard{padding:24px;max-width:1400px;margin:0 auto}.dashboard-content{padding:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.dashboard-header h2{margin:0 0 8px;font-size:28px;color:var(--text-primary)}.dashboard-header p{margin:0;color:var(--text-secondary);font-size:14px}.active-filters{display:flex;gap:8px;margin-top:12px;align-items:center;flex-wrap:wrap}.filter-tag{background:#4299e1;color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.clear-filters-btn{background:var(--border-color);color:var(--text-primary);border:none;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background:var(--bg-hover)}.refresh-btn{padding:10px 20px;background:#06c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px}.refresh-btn:hover{background:#0052a3;transform:translateY(-1px);box-shadow:0 4px 12px #06c3}.dashboard-loading{text-align:center;padding:60px;color:var(--text-secondary);font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-secondary);border-radius:12px;padding:24px;display:flex;gap:16px;box-shadow:0 2px 8px #00000014;transition:all .3s;border-left:4px solid}.stat-card.clickable{cursor:pointer}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-card.clickable:active{transform:translateY(-2px)}.stat-card.total{border-left-color:#3182ce;background:linear-gradient(135deg,#fff,#ebf8ff)}.stat-card.ready{border-left-color:#48bb78;background:linear-gradient(135deg,#fff,#f0fff4)}.stat-card.notready{border-left-color:#f56565;background:linear-gradient(135deg,#fff,#fff5f5)}.stat-card.suspended{border-left-color:#ed8936;background:linear-gradient(135deg,#fff,#fffaf0)}.stat-icon{font-size:36px;line-height:1}.stat-content h3{margin:0 0 8px;font-size:14px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:36px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:8px}.stat-trend{font-size:13px;color:var(--text-muted);font-weight:500;margin-top:4px}.health-overview{background:#fff;border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 2px 8px #00000014}.health-overview h3{margin:0 0 16px;font-size:18px;color:var(--text-primary)}.health-bar{height:32px;background:#e2e8f0;border-radius:16px;display:flex;overflow:hidden;margin-bottom:12px}.health-segment{transition:width .5s ease}.health-segment.ready{background:linear-gradient(90deg,#48bb78,#38a169)}.health-segment.notready{background:linear-gradient(90deg,#f56565,#e53e3e)}.health-segment.unknown{background:linear-gradient(90deg,#cbd5e0,#a0aec0)}.health-legend{display:flex;gap:24px;font-size:14px;color:var(--text-secondary)}.health-legend span{display:flex;align-items:center;gap:8px}.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.legend-dot.ready{background:#48bb78}.legend-dot.notready{background:#f56565}.legend-dot.unknown{background:#cbd5e0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:24px}.dashboard-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.dashboard-card h3{margin:0 0 20px;font-size:18px;color:var(--text-primary);padding-bottom:12px;border-bottom:2px solid var(--border-color)}.kind-list{display:flex;flex-direction:column;gap:12px}.kind-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f7fafc;border-radius:8px;transition:all .2s}.kind-item.clickable{cursor:pointer}.kind-item:hover{background:#edf2f7;transform:translate(4px)}.kind-item.selected{background:#bee3f8;border:2px solid #4299e1}.kind-item.clickable:active{transform:translate(2px)}.kind-info{display:flex;align-items:center;gap:12px}.kind-icon{font-size:24px}.kind-name{font-weight:500;color:var(--text-primary)}.kind-stats{display:flex;align-items:center;gap:12px}.kind-count{font-weight:600;color:var(--text-secondary);min-width:30px;text-align:right}.mini-health-bar{width:60px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.mini-health-fill{height:100%;background:linear-gradient(90deg,#48bb78,#38a169);transition:width .3s ease}.cluster-list{display:flex;flex-direction:column;gap:16px}.cluster-item{padding:16px;background:#f7fafc;border-radius:8px;border-left:4px solid #3182ce;transition:all .2s}.cluster-item.clickable{cursor:pointer}.cluster-item:hover{background:#edf2f7;box-shadow:0 4px 12px #00000014}.cluster-item.selected{background:#bee3f8;border-left:4px solid #2c5282;box-shadow:0 4px 16px #4299e14d}.cluster-item.clickable:active{transform:scale(.98)}.cluster-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.cluster-name{font-weight:600;color:var(--text-primary);font-size:16px;margin-bottom:4px}.cluster-desc{font-size:13px;color:var(--text-secondary)}.cluster-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.cluster-status.healthy{background:#c6f6d5;color:#22543d}.cluster-status.degraded{background:#fed7d7;color:#742a2a}.cluster-status.unknown{background:#e2e8f0;color:#2d3748}.cluster-stats{display:flex;gap:24px}.cluster-stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:20px;font-weight:700;color:var(--text-primary)}.stat-number.ready{color:#48bb78}.recent-resources{display:flex;flex-direction:column;gap:8px}.resource-row{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px;transition:all .2s}.resource-row:hover{background:var(--bg-hover);transform:translate(4px)}.resource-icon{font-size:20px}.resource-details{flex:1;min-width:0}.resource-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-meta{font-size:12px;color:var(--text-secondary)}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.status-ready{background:#c6f6d5;color:#22543d}.status-badge.status-notready{background:#fed7d7;color:#742a2a}.suspend-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;background:#feebc8;color:#7c2d12}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:#2d3748;font-size:20px}.empty-state p{margin:0;color:#718096;font-size:14px}@media(max-width:768px){.dashboard{padding:16px}.stats-grid,.dashboard-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.health-legend{flex-direction:column;gap:12px}}.quick-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:2px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#333;transition:all .2s}.filter-btn:hover{border-color:#4299e1;background:#f7fafc}.filter-btn.active{border-color:#4299e1;background:#4299e1;color:#fff}.filter-btn.filter-ready.active{border-color:#48bb78;background:#48bb78}.filter-btn.filter-notready.active{border-color:#f56565;background:#f56565}.filter-btn.filter-unknown.active{border-color:#ed8936;background:#ed8936}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}@media(max-width:1200px){.dashboard-bottom-grid{grid-template-columns:1fr}}.dark-mode .filter-tag{background:#3182ce;color:#fff}.dark-mode .clear-filters-btn{background:#4a5568;color:#e2e8f0}.dark-mode .clear-filters-btn:hover{background:#2d3748}.dark-mode .filter-btn{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark-mode .filter-btn:hover{background:#4a5568;border-color:#4299e1}.dark-mode .dashboard-card,.dark-mode .stat-card{background:#2d3748;color:#e2e8f0}.dark-mode .health-overview{background:#2d3748}.dark-mode .kind-item{background:#1a202c}.dark-mode .kind-item:hover{background:#374151}.dark-mode .kind-item.selected{background:#2c5282;border-color:#4299e1}.dark-mode .cluster-item{background:#1a202c}.dark-mode .cluster-item:hover{background:#374151}.dark-mode .cluster-item.selected{background:#2c5282;border-color:#4299e1}.dark-mode .kind-item,.dark-mode .cluster-item{background:#1a202c;border-color:#4a5568}.dark-mode .resource-row{border-bottom-color:#4a5568}.dark-mode .resource-meta{color:#cbd5e0}.dark-mode .status-badge.status-ready{background:#22543d;color:#c6f6d5}.dark-mode .status-badge.status-notready{background:#742a2a;color:#fed7d7}.dark-mode .cluster-status.healthy{background:#22543d;color:#c6f6d5}.dark-mode .cluster-status.degraded{background:#742a2a;color:#fed7d7}.dark-mode .cluster-status.unknown{background:#4a5568;color:#e2e8f0}.dark-mode .suspend-badge{background:#7c2d12;color:#feebc8}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;animation:slideIn .3s ease-out;border-left:4px solid;min-width:300px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:#48bb78}.toast-error{border-left-color:#f56565}.toast-info{border-left-color:#4299e1}.toast-warning{border-left-color:#ed8936}.toast-icon{font-size:20px;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-success .toast-icon{background:#c6f6d5;color:#22543d}.toast-error .toast-icon{background:#fed7d7;color:#742a2a}.toast-info .toast-icon{background:#bee3f8;color:#2c5282}.toast-warning .toast-icon{background:#feebc8;color:#7c2d12}.toast-message{flex:1;font-size:14px;color:var(--text-primary);line-height:1.5}.toast-close{background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:4px;line-height:1;flex-shrink:0;transition:color .2s}.toast-close:hover{color:var(--text-primary)}.resource-action-menu{position:relative;display:inline-block}.action-menu-trigger{background:none;border:1px solid #444;color:#ccc;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:18px;line-height:1;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.action-menu-trigger:hover:not(:disabled){background:#ffffff0d;border-color:#666}.action-menu-trigger:disabled{opacity:.5;cursor:not-allowed}.action-menu-backdrop{position:fixed;inset:0;z-index:999}.action-menu-dropdown{position:absolute;right:0;top:100%;margin-top:4px;background:#2d2d2d;border:1px solid #444;border-radius:6px;box-shadow:0 4px 12px #0000004d;min-width:160px;z-index:1000;overflow:hidden}.action-menu-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;color:#ccc;text-align:left;cursor:pointer;font-size:14px;transition:background .2s;border-bottom:1px solid #333}.action-menu-dropdown button:last-child{border-bottom:none}.action-menu-dropdown button:hover:not(:disabled){background:#ffffff0d;color:#fff}.action-menu-dropdown button:disabled{opacity:.5;cursor:not-allowed}.action-menu-dropdown button.danger{color:#f87171}.action-menu-dropdown button.danger:hover:not(:disabled){background:#f871711a}.scale-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1001}.scale-dialog{background:#2d2d2d;border:1px solid #444;border-radius:8px;padding:24px;min-width:320px;box-shadow:0 4px 20px #00000080}.scale-dialog h3{margin:0 0 8px;color:#fff;font-size:18px}.scale-dialog p{margin:0 0 20px;color:#888;font-size:14px}.scale-input-group{display:flex;align-items:center;gap:12px;margin-bottom:24px}.scale-input-group label{color:#ccc;font-size:14px;min-width:70px}.scale-input-group input{flex:1;background:#1e1e1e;border:1px solid #444;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px}.scale-input-group input:focus{outline:none;border-color:#06c}.scale-dialog-actions{display:flex;justify-content:flex-end;gap:12px}.scale-dialog-actions button{padding:8px 16px;border:1px solid #444;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;background:#1e1e1e;color:#ccc}.scale-dialog-actions button:hover:not(:disabled){background:#333;border-color:#666}.scale-dialog-actions button.primary{background:#06c;border-color:#06c;color:#fff}.scale-dialog-actions button.primary:hover:not(:disabled){background:#0052a3;border-color:#0052a3}.scale-dialog-actions button:disabled{opacity:.5;cursor:not-allowed}.logs-viewer-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1000}.logs-viewer{background:var(--logs-viewer-bg);border-radius:8px;width:90%;height:80%;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080}.logs-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--logs-border)}.logs-header h3{margin:0;color:var(--text-sidebar);font-size:18px}.close-button{background:none;border:none;color:var(--text-sidebar);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.close-button:hover{background:#ffffff1a}.logs-controls{display:flex;gap:16px;padding:12px 20px;border-bottom:1px solid var(--logs-border);align-items:center;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:8px}.control-group label{color:var(--text-secondary);font-size:14px;display:flex;align-items:center;gap:6px}.control-group select{background:var(--logs-control-bg);border:1px solid var(--logs-control-border);color:var(--text-sidebar);padding:6px 10px;border-radius:4px;font-size:14px;cursor:pointer}.control-group select:disabled{opacity:.5;cursor:not-allowed}.control-group input[type=checkbox]{cursor:pointer}.logs-controls button{background:#06c;color:#fff;border:none;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.logs-controls button:hover:not(:disabled){background:#0052a3}.logs-controls button:disabled{opacity:.5;cursor:not-allowed}.logs-content{flex:1;overflow:auto;padding:16px 20px;background:var(--logs-bg)}.logs-content pre{margin:0;color:var(--logs-text);font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.logs-loading{color:#888;text-align:center;padding:40px;font-size:14px}.logs-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#fca5a5;padding:12px;border-radius:4px;margin-bottom:16px;font-size:14px}.resource-tree{background:var(--bg-secondary);border-radius:8px;padding:20px;box-shadow:0 2px 8px var(--card-shadow)}.tree-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.tree-header h3{margin:0;font-size:1.5rem;color:var(--text-primary, #333)}.tree-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toggle-switch{display:flex;align-items:center;gap:10px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:relative;display:inline-block;width:44px;height:24px;background-color:#ccc;border-radius:24px;transition:.3s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background-color:#4caf50}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:.9rem;color:var(--text-primary, #333);font-weight:500}.btn-tree-action{padding:8px 16px;border:1px solid var(--border-color, #ddd);background:var(--bg-secondary, white);color:var(--text-primary, #333);border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-tree-action:hover{background:var(--bg-hover, #f5f5f5);border-color:#4caf50}.btn-tree-action.active{background:#4caf50;color:#fff;border-color:#4caf50}.tree-content{max-height:70vh;overflow-y:auto;padding:10px 0}.tree-node{margin:4px 0}.node-content{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;border-left:4px solid var(--border-color);background:var(--bg-tertiary);transition:all .2s}.node-content:hover{background:var(--bg-hover);box-shadow:0 2px 4px #0000000d}.node-content.health-healthy{border-left-color:#4caf50;background:#f1f8f4}.node-content.health-degraded{border-left-color:#f44336;background:#fef1f0}.node-content.health-progressing{border-left-color:#ff9800;background:#fff8f0}.node-content.health-unknown{border-left-color:#9e9e9e;background:#f5f5f5}.expand-button{background:none;border:none;cursor:pointer;font-size:14px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#666;transition:transform .2s}.expand-button:hover{color:#333;transform:scale(1.2)}.expand-spacer{width:20px;display:inline-block}.node-icon{font-size:20px;margin:0 12px;flex-shrink:0}.node-info{flex:1;min-width:0}.node-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.node-kind{font-weight:600;color:#1976d2;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.node-name{font-weight:500;color:var(--text-primary, #333);font-size:.95rem}.node-namespace{color:var(--text-secondary, #666);font-size:.85rem;font-style:italic}.node-name{font-weight:500;color:#333;font-size:1rem}.node-namespace{color:#666;font-size:.85rem;font-style:italic}.node-status{display:flex;align-items:center;gap:8px}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.healthy{background:#4caf50;color:#fff}.status-badge.degraded{background:#f44336;color:#fff}.status-badge.progressing{background:#ff9800;color:#fff}.status-badge.unknown{background:#9e9e9e;color:#fff}.status-text{color:#666;font-size:.85rem}.node-children{margin-top:4px}.tree-footer{margin-top:20px;padding-top:15px;border-top:1px solid #e0e0e0;text-align:center;color:#666;font-size:.9rem}.tree-loading,.tree-error,.tree-empty{text-align:center;padding:40px 20px;color:#666;font-size:1rem}.tree-error{color:#f44336}.tree-error p{margin-bottom:15px}.btn-retry{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .2s}.btn-retry:hover{background:#45a049}.tree-content::-webkit-scrollbar{width:8px}.tree-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.tree-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.tree-content::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.tree-header{flex-direction:column;align-items:flex-start;gap:15px}.tree-actions{width:100%;flex-wrap:wrap}.btn-tree-action{flex:1;min-width:100px}.node-header{flex-direction:column;align-items:flex-start;gap:4px}}.graph-view{padding:20px 0}.graph-container{display:flex;flex-direction:column;gap:8px}.graph-node-container{position:relative;transition:all .3s}.graph-node{background:var(--bg-secondary, white);border:2px solid var(--border-color, #e0e0e0);border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;transition:all .2s;box-shadow:0 2px 4px #0000000d}.graph-node:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.graph-node.health-healthy{border-left:5px solid #4caf50;background:linear-gradient(135deg,var(--bg-secondary, white) 0%,rgba(76,175,80,.05) 100%)}.graph-node.health-degraded{border-left:5px solid #f44336;background:linear-gradient(135deg,var(--bg-secondary, white) 0%,rgba(244,67,54,.05) 100%)}.graph-node.health-progressing{border-left:5px solid #ff9800;background:linear-gradient(135deg,var(--bg-secondary, white) 0%,rgba(255,152,0,.05) 100%)}.graph-node.health-unknown{border-left:5px solid #9e9e9e;background:linear-gradient(135deg,var(--bg-secondary, white) 0%,rgba(158,158,158,.05) 100%)}.graph-node-header{display:flex;align-items:center;gap:12px}.expand-button-graph{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-color, #ccc);background:var(--bg-secondary, white);color:var(--text-primary, #333);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s;flex-shrink:0}.expand-button-graph:hover{border-color:#4caf50;color:#4caf50;transform:scale(1.1)}.graph-icon{font-size:28px;flex-shrink:0}.graph-node-info{flex:1;min-width:0}.graph-node-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.node-kind-badge{background:#1976d2;color:#fff;padding:3px 10px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.node-name-text{font-size:1rem;font-weight:600;color:var(--text-primary, #333)}.node-namespace-text{font-size:.85rem;color:var(--text-muted, #666);font-style:italic}.health-indicator{font-size:20px;flex-shrink:0;margin-left:auto}.health-indicator.healthy{color:#4caf50}.health-indicator.degraded{color:#f44336}.health-indicator.progressing{color:#ff9800;animation:pulse 2s infinite}.health-indicator.unknown{color:#9e9e9e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.graph-node-status{display:flex;align-items:center;gap:8px;padding-left:48px}.graph-node-status .status-text{font-size:.85rem;color:var(--text-secondary, #666);font-weight:500}.graph-children{margin-top:8px;border-left:2px dashed var(--border-color, #ccc);padding-left:20px}.dark-mode .resource-tree{background:var(--bg-secondary, #2d3748);color:var(--text-primary, #e2e8f0)}.dark-mode .tree-header h3{color:var(--text-primary, #e2e8f0)}.dark-mode .node-content{background:#1a202c;color:#e2e8f0}.dark-mode .node-content:hover{background:#374151}.dark-mode .node-content.health-healthy{background:#4caf5026}.dark-mode .node-content.health-degraded{background:#f4433626}.dark-mode .node-content.health-progressing{background:#ff980026}.dark-mode .node-content.health-unknown{background:#9e9e9e26}.dark-mode .node-kind{color:#63b3ed}.dark-mode .node-name{color:#e2e8f0}.dark-mode .node-namespace,.dark-mode .status-text,.dark-mode .expand-button{color:#cbd5e0}.dark-mode .expand-button:hover{color:#e2e8f0}.dark-mode .tree-footer{border-top-color:#4a5568;color:#cbd5e0}.dark-mode .tree-content::-webkit-scrollbar-track{background:#1a202c}.dark-mode .tree-content::-webkit-scrollbar-thumb{background:#4a5568}.dark-mode .tree-content::-webkit-scrollbar-thumb:hover{background:#718096}.dark-mode .graph-node{background:#1a202c;border-color:#4a5568}.dark-mode .node-name-text{color:#e2e8f0}.dark-mode .node-namespace-text{color:#cbd5e0}.dark-mode .expand-button-graph{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark-mode .graph-node-status .status-text{color:#cbd5e0}.dark-mode .graph-children{border-left-color:#4a5568}.dialog-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dialog-content{background:var(--bg-secondary);border-radius:8px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.dialog-header h3{margin:0;font-size:1.5rem;color:var(--text-primary)}.dialog-close{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.dialog-close:hover{background:var(--bg-hover);color:var(--text-primary)}.dialog-error{margin:16px 24px 0;padding:12px 16px;background:#ffebee;color:#c62828;border-radius:4px;border-left:4px solid #c62828}.dialog-body{padding:24px;overflow-y:auto;flex:1}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-primary);font-size:.95rem}.form-group label input[type=checkbox]{margin-right:8px}.form-control{width:100%;padding:10px 12px;border:2px solid var(--input-border);border-radius:6px;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s;font-family:inherit}.form-control:focus{outline:none;border-color:#4caf50}.form-control-disabled{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;background:#f5f5f5;color:#666;cursor:not-allowed}textarea.form-control{resize:vertical;font-family:Courier New,monospace;font-size:.9rem}.form-hint{display:block;margin-top:4px;color:#666;font-size:.85rem;font-style:italic}.dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e0e0e0}.dialog-footer .btn{padding:10px 24px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-primary{background:#4caf50;color:#fff}.btn-primary:hover:not(:disabled){background:#45a049}.btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.dialog-content{max-width:100%;max-height:100vh;border-radius:0}.dialog-overlay{padding:0}}.kustomization-detail-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.kustomization-detail{background:#fff;border-radius:12px;width:95%;max-width:1200px;height:90%;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;overflow:hidden}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.detail-header h2{margin:0;font-size:24px;display:flex;align-items:center;gap:12px}.detail-subtitle{margin:4px 0 0;font-size:14px;opacity:.9}.close-button{background:#fff3;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s;line-height:1}.close-button:hover{background:#ffffff4d}.detail-controls{display:flex;gap:16px;padding:16px 28px;border-bottom:1px solid #e2e8f0;background:#f7fafc;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:200px}.search-box input{width:100%;padding:10px 16px;border:1px solid #cbd5e0;border-radius:8px;font-size:14px;transition:all .2s}.search-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.group-toggle{display:flex;gap:0;border:1px solid #cbd5e0;border-radius:8px;overflow:hidden}.group-toggle button{padding:10px 20px;border:none;background:#fff;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;border-right:1px solid #cbd5e0}.group-toggle button:last-child{border-right:none}.group-toggle button.active{background:#667eea;color:#fff}.group-toggle button:hover:not(.active){background:#edf2f7}.refresh-button{padding:10px 20px;background:#48bb78;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.refresh-button:hover{background:#38a169;transform:translateY(-1px)}.detail-content{flex:1;overflow-y:auto;padding:24px 28px;background:#fafafa}.detail-loading,.detail-error,.detail-empty{text-align:center;padding:60px 20px;color:#718096;font-size:16px}.detail-error{color:#e53e3e}.resource-group{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.group-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:2px solid #e2e8f0}.group-header h3{margin:0;font-size:18px;color:#2d3748;display:flex;align-items:center;gap:10px}.group-count{background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.resource-list{display:flex;flex-direction:column}.resource-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #e2e8f0;transition:all .2s;position:relative}.resource-item:last-child{border-bottom:none}.resource-item:hover{background:#f7fafc;transform:translate(4px)}.resource-item:hover .resource-item-actions{opacity:1}.resource-item-icon{font-size:28px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#edf2f7;border-radius:8px}.resource-item-name{font-weight:600;color:#2d3748;font-size:15px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-item-meta{display:flex;gap:8px;flex-wrap:wrap}.meta-tag{background:#e6fffa;color:#234e52;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:500}.meta-tag.cluster-scoped{background:#feebc8;color:#7c2d12}.meta-group{color:#718096;font-size:12px;font-family:Courier New,monospace}.resource-item-version{display:flex;align-items:center}.version-badge{background:#d6bcfa;color:#44337a;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;font-family:Courier New,monospace}.resource-item-actions{opacity:0;transition:opacity .2s;margin-left:auto}.detail-footer{display:flex;justify-content:space-between;padding:16px 28px;border-top:2px solid #e2e8f0;background:#f7fafc;color:#4a5568;font-size:14px;font-weight:500}.detail-content::-webkit-scrollbar{width:10px}.detail-content::-webkit-scrollbar-track{background:#edf2f7}.detail-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:5px}.detail-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media(max-width:768px){.kustomization-detail{width:100%;height:100%;border-radius:0}.detail-controls{flex-direction:column;align-items:stretch}.group-toggle{width:100%}.group-toggle button{flex:1}}.diff-modal{max-width:95vw;width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.diff-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #e0e0e0;background:#f8f9fa}.diff-title h2{margin:0 0 8px;color:#333;font-size:20px}.resource-info{display:flex;gap:10px;align-items:center;color:#666;font-size:14px}.resource-info .badge{background:#8a2be2;color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}.diff-controls{display:flex;gap:15px;align-items:center}.view-toggle{display:flex;gap:0;border:1px solid #ddd;border-radius:4px;overflow:hidden}.view-toggle button{padding:8px 16px;border:none;background:#fff;cursor:pointer;font-size:14px;transition:all .2s;border-right:1px solid #ddd}.view-toggle button:hover{background:#f5f5f5}.btn-close{padding:8px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:18px;line-height:1;transition:all .2s}.btn-close:hover{background:#dc3545;color:#fff;border-color:#dc3545}.resource-status{padding:20px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.resource-status h3{margin:0 0 12px;font-size:16px;color:#333}.conditions{display:flex;flex-direction:column;gap:8px}.condition{padding:10px 12px;border-radius:4px;border-left:4px solid;background:#fff;font-size:13px}.condition.success{border-left-color:#28a745;background:#d4edda}.condition.warning{border-left-color:#ffc107;background:#fff3cd}.condition-message{margin-top:4px;color:#666;font-size:12px}.condition-reason{margin-top:2px;color:#888;font-size:11px;font-style:italic}.status-field{margin-top:8px;font-size:13px;color:#666}.diff-content{flex:1;overflow:auto;padding:0}.diff-split{display:grid;grid-template-columns:1fr 2px 1fr;height:100%;min-height:500px}.diff-pane{overflow:auto;padding:20px;background:#fff}.diff-pane h3{margin:0 0 12px;font-size:14px;color:#666;font-weight:600;position:sticky;top:0;background:#fff;padding:8px 0;border-bottom:2px solid #e0e0e0;z-index:1}.diff-divider{background:#e0e0e0}.code-block{font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word;color:#333;background:#f8f9fa;padding:12px;border-radius:4px;border:1px solid #e0e0e0}.diff-unified{padding:20px;background:#fff}.diff-unified pre{font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.6;margin:0;padding:4px 8px;white-space:pre-wrap;word-wrap:break-word}.diff-unchanged{color:#333}.diff-added{background:#d4edda;color:#155724;border-left:3px solid #28a745}.diff-removed{background:#f8d7da;color:#721c24;border-left:3px solid #dc3545}.loading{text-align:center;padding:40px;color:#666;font-size:16px}.error-message{background:#f8d7da;color:#721c24;padding:12px 20px;margin:20px;border-radius:4px;border:1px solid #f5c6cb}.diff-pane::-webkit-scrollbar,.diff-content::-webkit-scrollbar{width:8px;height:8px}.diff-pane::-webkit-scrollbar-track,.diff-content::-webkit-scrollbar-track{background:#f1f1f1}.diff-pane::-webkit-scrollbar-thumb,.diff-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.diff-pane::-webkit-scrollbar-thumb:hover,.diff-content::-webkit-scrollbar-thumb:hover{background:#555}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:var(--text-secondary)}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#4299e1;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.error-container h2{color:var(--text-primary);margin-bottom:10px}.breadcrumb{font-size:14px;color:var(--text-secondary);margin-bottom:10px}.breadcrumb a{color:#4299e1;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#2c5282}.breadcrumb-separator{margin:0 8px}.header-content{display:flex;justify-content:space-between;align-items:flex-start}.header-subtitle{color:var(--text-secondary);margin-top:5px;font-size:14px}.btn-icon{margin-right:6px;font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:20px}.stat-card{background:var(--bg-secondary);border-radius:8px;padding:20px;box-shadow:0 1px 3px var(--card-shadow);display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-icon-total{background:#e6fffa}.stat-icon-ready{background:#c6f6d5;color:#22543d}.stat-icon-notready{background:#fed7d7;color:#742a2a}.stat-icon-unknown{background:#e2e8f0;color:#4a5568}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.stat-value-ready{color:#48bb78}.stat-value-notready{color:#f56565}.stat-value-unknown{color:#a0aec0}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:6px}.card-header{padding-bottom:16px;border-bottom:1px solid #e2e8f0;margin-bottom:16px}.card-header h3{margin:0;font-size:18px;color:var(--text-primary)}.empty-state h3{color:var(--text-primary);margin-bottom:8px}.empty-state p{color:var(--text-secondary);max-width:400px;margin:0 auto}.resource-groups{display:flex;flex-direction:column;gap:24px}.resource-group{background:var(--bg-tertiary);border-radius:8px;padding:16px;border:1px solid var(--border-color)}.resource-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.resource-group-header h4{margin:0;font-size:16px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.resource-kind-badge{background:#4299e1;color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.resource-namespace{color:var(--text-secondary);font-weight:400;font-size:14px}.resource-count{font-size:13px;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 12px;border-radius:12px;border:1px solid var(--border-color)}.resource-list{display:flex;flex-direction:column;gap:8px}.resource-item{background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color);overflow:hidden;transition:box-shadow .2s}.resource-item:hover{background:var(--bg-hover);box-shadow:0 2px 8px var(--card-shadow)}.resource-item.expanded{border-color:#4299e1}.resource-item-header{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-secondary)}.resource-item-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.expand-icon{color:var(--text-muted);font-size:12px;flex-shrink:0;width:16px;transition:transform .2s}.resource-item.expanded .expand-icon{transform:rotate(0)}.resource-item-info{flex:1;min-width:0}.resource-name{font-weight:600;color:var(--text-primary);font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);flex-wrap:wrap}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.status-ready{background:#48bb78}.status-dot.status-notready{background:#f56565}.status-dot.status-unknown{background:#cbd5e0}.status-text{font-weight:500}.meta-separator{color:#cbd5e0}.last-reconcile{color:#a0aec0;font-size:11px}.resource-item-details{padding:16px;background:var(--bg-tertiary);border-top:1px solid var(--border-color);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.detail-section:last-child{margin-bottom:0}.detail-section label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.detail-value{font-size:13px;color:var(--text-primary);line-height:1.6}.detail-value.code{font-family:Courier New,monospace;background:var(--bg-secondary);padding:8px 12px;border-radius:4px;border:1px solid var(--border-color);font-size:12px;overflow-x:auto}.message-box{background:var(--bg-secondary);padding:12px;border-radius:4px;border-left:3px solid #4299e1;white-space:pre-wrap;word-break:break-word}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.metadata-box{background:var(--bg-secondary);padding:12px;border-radius:4px;border:1px solid var(--border-color);font-family:Courier New,monospace;font-size:11px;overflow-x:auto;max-height:300px;overflow-y:auto;margin:0;line-height:1.5}.btn-loading{opacity:.7;cursor:not-allowed;position:relative}.btn-loading:after{content:"";position:absolute;width:14px;height:14px;top:50%;left:50%;margin-left:-7px;margin-top:-7px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.stats-section{margin-bottom:24px}.stats-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.flux-stats{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.flux-stat-card{flex-direction:column;align-items:stretch;padding:16px}.stat-header h4{font-size:14px;font-weight:600;color:#4a5568;margin:0 0 12px;text-transform:capitalize}.stat-breakdown{display:flex;justify-content:space-between;gap:12px}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1;padding:8px;border-radius:6px;background:#f7fafc}.stat-item .stat-label{font-size:11px;color:#718096;margin-bottom:4px;text-transform:uppercase;font-weight:500}.stat-item .stat-number{font-size:20px;font-weight:700;color:#2d3748}.stat-item.stat-ready{background:#f0fdf4}.stat-item.stat-ready .stat-number{color:#16a34a}.stat-item.stat-notready{background:#fef2f2}.stat-item.stat-notready .stat-number{color:#dc2626}.stat-item.stat-suspended{background:#fefce8}.stat-item.stat-suspended .stat-number{color:#ca8a04}.resource-actions{display:flex;gap:8px;align-items:center}.resource-item.suspended{opacity:.75;background:#fefce8}.suspended-badge{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;background:#fef3c7;color:#92400e;border-radius:12px;font-size:11px;font-weight:600}.children-list{background:var(--bg-secondary);padding:12px;border-radius:4px;border:1px solid var(--border-color)}.children-count{font-size:12px;color:var(--text-secondary);margin-bottom:8px;font-weight:600}.children-items{list-style:none;padding:0;margin:0}.child-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-tertiary);border-radius:4px;margin-bottom:4px;font-size:12px}.child-item:last-child{margin-bottom:0}.child-icon{font-size:14px;flex-shrink:0}.child-id{flex:1;color:var(--text-primary);font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.child-version{flex-shrink:0;padding:2px 6px;background:var(--bg-hover);color:var(--text-secondary);border-radius:4px;font-size:10px;font-weight:600}.child-item-more{padding:6px 8px;text-align:center;color:var(--text-secondary);font-size:12px;font-style:italic}.btn-warning{background-color:#f59e0b;color:#fff}.btn-warning:hover{background-color:#d97706}.btn-warning:disabled{background-color:#fbbf24;opacity:.5;cursor:not-allowed}.btn-info{background-color:#667eea;color:#fff}.btn-info:hover{background-color:#5568d3}.btn-info:disabled{background-color:#8b95ed;opacity:.5;cursor:not-allowed}.status-badge{display:inline-block;padding:6px 14px;border-radius:12px;font-size:13px;font-weight:600;text-transform:capitalize}.status-badge.status-healthy{background:#c6f6d5;color:#22543d}.status-badge.status-unhealthy{background:#fed7d7;color:#742a2a}.status-badge.status-unknown{background:#e2e8f0;color:#4a5568}.dark-mode .status-badge.status-healthy{background:#22543d;color:#c6f6d5}.dark-mode .status-badge.status-unhealthy{background:#742a2a;color:#fed7d7}.dark-mode .status-badge.status-unknown{background:#4a5568;color:#e2e8f0}.azure-container{padding:20px}.azure-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.azure-header h3{margin:0;font-size:24px;color:var(--text-primary)}.azure-loading,.azure-empty{text-align:center;padding:40px;color:var(--text-secondary)}.azure-empty p{margin:10px 0}.azure-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:12px;border-radius:4px;margin-bottom:20px}.azure-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.azure-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s}.azure-card:hover{box-shadow:0 4px 8px #00000026}.azure-card-header{padding:15px;background:#f8f9fa;border-bottom:1px solid #ddd}.azure-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.azure-card-title h4{margin:0;font-size:18px;color:#333}.status-active{background:#d4edda;color:#155724}.status-error{background:#f8d7da;color:#721c24}.status-unknown{background:#d1ecf1;color:#0c5460}.azure-card-actions{display:flex;gap:8px}.azure-card-body{padding:15px}.azure-info .info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.azure-info .info-row:last-child{border-bottom:none}.azure-info .label{font-weight:500;color:#666}.azure-info .value{color:#333;font-family:monospace;font-size:13px}.btn-add,.btn-primary{background:#06c;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.btn-add:hover,.btn-primary:hover{background:#0052a3}.btn-add:disabled,.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-icon{background:transparent;border:1px solid #ddd;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s}.btn-icon:hover{background:#f0f0f0;border-color:#999}.btn-icon.btn-danger:hover{background:#fee;border-color:#fcc}.modal-content{background:#fff;border-radius:8px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.modal-content.modal-large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #ddd}.modal-header h3{margin:0;font-size:20px;color:#333}.btn-close{background:transparent;border:none;font-size:28px;cursor:pointer;color:#999;padding:0;width:32px;height:32px;line-height:1}.btn-close:hover{color:#333}.modal-error{background:#fee;border:1px solid #fcc;color:#c33;padding:12px 20px;margin:0}.modal-loading{text-align:center;padding:40px;color:#666}.modal-content form{padding:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.form-info{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;padding:15px;margin-bottom:20px}.form-info p{margin:0 0 10px}.form-info ul{margin:0;padding-left:20px}.form-info li{margin:5px 0}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #ddd}.modal-footer button{padding:10px 20px;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;background:#fff;transition:all .2s}.modal-footer button:hover{background:#f0f0f0}.modal-footer button:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.modal-footer button.btn-primary{background:#06c;color:#fff;border-color:#06c}.modal-footer button.btn-primary:hover{background:#0052a3;border-color:#0052a3}.discovery-summary{padding:20px;background:#f8f9fa;border-bottom:1px solid #ddd;text-align:center}.discovery-summary p{margin:0;font-size:16px;color:#333}.discovery-empty{padding:40px;text-align:center;color:#666}.cluster-list{padding:20px;max-height:400px;overflow-y:auto}.cluster-item{border:1px solid #ddd;border-radius:4px;padding:15px;margin-bottom:15px;background:#f8f9fa}.cluster-item:last-child{margin-bottom:0}.cluster-info h4{margin:0 0 10px;color:#333;font-size:16px}.cluster-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:14px}.cluster-details span{color:#666}.cluster-details strong{color:#333}.sync-results{padding:20px;background:#f8f9fa;border-top:1px solid #ddd}.sync-results h4{margin:0 0 10px;font-size:16px;color:#333}.sync-results p{margin:0 0 15px}.sync-results strong{margin:0 5px}.sync-details{max-height:200px;overflow-y:auto}.sync-item{display:flex;justify-content:space-between;padding:8px;border-radius:4px;margin-bottom:5px;font-size:14px}.sync-item.sync-success{background:#d4edda;color:#155724}.sync-item.sync-failed{background:#f8d7da;color:#721c24}.sync-status{font-weight:600;text-transform:uppercase;font-size:12px}.sync-error{font-size:12px;color:#c33;margin-top:4px}.oauth-container{padding:20px}.oauth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.oauth-header h3{margin:0;font-size:24px;color:var(--text-primary)}.oauth-loading,.oauth-empty{text-align:center;padding:40px;color:var(--text-secondary)}.oauth-empty p{margin:10px 0}.oauth-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:12px;border-radius:4px;margin-bottom:20px}.oauth-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:20px}.oauth-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s}.oauth-card:hover{box-shadow:0 4px 8px #00000026}.oauth-card-header{padding:15px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.oauth-card-title{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.oauth-card-title h4{margin:0;font-size:18px;color:var(--text-primary)}.provider-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.provider-badge.provider-github{background:#24292e;color:#fff}.provider-badge.provider-entra{background:#0078d4;color:#fff}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.status-healthy{background:#d4edda;color:#155724}.status-badge.status-unhealthy{background:#f8d7da;color:#721c24}.status-badge.status-unknown{background:#d1ecf1;color:#0c5460}.enabled-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;background:#d4edda;color:#155724}.oauth-card-actions{display:flex;gap:8px;margin-left:auto}.oauth-card-body{padding:15px}.oauth-info .info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color);gap:10px}.oauth-info .info-row:last-child{border-bottom:none}.oauth-info .label{font-weight:500;color:var(--text-secondary);white-space:nowrap}.oauth-info .value{color:var(--text-primary);font-family:monospace;font-size:13px;word-break:break-all;text-align:right}.btn-add,.btn-primary{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.btn-add:hover,.btn-primary:hover{background:var(--primary-hover)}.btn-add:disabled,.btn-primary:disabled{background:var(--disabled-bg);cursor:not-allowed}.btn-icon{background:transparent;border:1px solid var(--border-color);padding:6px 10px;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s}.btn-icon:hover{background:var(--hover-bg);border-color:var(--border-hover)}.btn-icon.btn-danger:hover{background:var(--error-bg);border-color:var(--error-border)}.modal-content{background:var(--card-bg);border-radius:8px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.modal-content.oauth-modal{max-width:650px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:20px;color:var(--text-primary)}.btn-close{background:transparent;border:none;font-size:28px;cursor:pointer;color:var(--text-secondary);line-height:1;padding:0;width:30px;height:30px}.btn-close:hover{color:var(--text-primary)}.modal-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:12px;margin:15px 20px;border-radius:4px}form{padding:20px}.form-group label .optional{font-weight:400;color:var(--text-secondary);font-size:.9em}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--input-bg);color:var(--text-primary);box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.form-group input:disabled,.form-group select:disabled{background:var(--disabled-bg);cursor:not-allowed}.form-group small{display:block;margin-top:5px;color:var(--text-secondary);font-size:12px}.form-group-checkbox{margin-bottom:20px}.form-group-checkbox label{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-primary)}.form-group-checkbox input[type=checkbox]{width:auto;cursor:pointer}.form-info{background:var(--info-bg);border:1px solid var(--info-border);padding:15px;border-radius:4px;margin-bottom:20px}.form-info p{margin:0 0 10px;color:var(--text-primary)}.form-info p:last-child{margin-bottom:0}.form-info ul{margin:5px 0 0;padding-left:20px;color:var(--text-secondary)}.form-info li{margin-bottom:5px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid var(--border-color)}.modal-footer button{padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.modal-footer button[type=button]{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.modal-footer button[type=button]:hover{background:var(--hover-bg)}.dark-mode .oauth-header h3{color:var(--text-primary)}.dark-mode .oauth-card{background:var(--card-bg)}.dark-mode .status-badge.status-healthy{background:#155724;color:#d4edda}.dark-mode .status-badge.status-unhealthy{background:#721c24;color:#f8d7da}.dark-mode .status-badge.status-unknown{background:#0c5460;color:#d1ecf1}.dark-mode .enabled-badge{background:#155724;color:#d4edda}.rbac-settings{padding:20px}.rbac-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid var(--border-color)}.rbac-tabs button{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;font-weight:500;color:var(--text-secondary);transition:all .2s}.rbac-tabs button:hover{color:var(--text-primary);background:var(--bg-hover)}.rbac-tabs button.active{color:#8a2be2;border-bottom-color:#8a2be2}.rbac-content{margin-top:20px}.users-list table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--card-shadow)}.users-list thead{background:var(--bg-table-header)}.users-list th,.users-list td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.users-list th{font-weight:600;color:var(--text-primary)}.users-list td button{padding:6px 12px;margin-right:8px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;color:var(--text-primary)}.users-list td button:hover{background:var(--bg-hover);border-color:#8a2be2;color:#8a2be2}.status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status.enabled{background:#d4edda;color:#155724}.status.disabled{background:#f8d7da;color:#721c24}.roles-list{background:var(--card-bg);border-radius:8px;padding:20px;box-shadow:0 2px 8px var(--card-shadow)}.roles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.roles-header h3{margin:0;color:var(--text-primary)}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.role-card{border:1px solid var(--border-color);border-radius:8px;padding:20px;background:var(--bg-secondary);transition:all .2s}.role-card:hover{box-shadow:0 4px 12px var(--card-shadow);border-color:#8a2be2}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.role-header h4{margin:0;color:var(--text-primary)}.badge{padding:4px 8px;background:#e3d4f4;color:#8a2be2;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.role-card p{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.role-permissions{margin-bottom:16px}.role-permissions strong{display:block;margin-bottom:8px;color:var(--text-primary);font-size:13px}.permission-tags{display:flex;flex-wrap:wrap;gap:6px}.permission-tag{padding:4px 8px;background:var(--bg-tertiary);border-radius:4px;font-size:11px;color:var(--text-secondary);font-family:Courier New,monospace}.role-actions{display:flex;gap:8px}.role-actions button{flex:1;padding:8px 16px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;color:var(--text-primary)}.role-actions button:hover{background:var(--bg-hover);border-color:#8a2be2;color:#8a2be2}.btn-danger{border-color:#dc3545!important;color:#dc3545!important}.btn-danger:hover{background:#dc3545!important;color:#fff!important}.btn-primary{padding:10px 20px;background:#8a2be2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary:hover{background:#7b1fa2}.permissions-list{background:var(--card-bg);border-radius:8px;padding:20px;box-shadow:0 2px 8px var(--card-shadow)}.permission-group{margin-bottom:30px}.permission-group h4{color:#8a2be2;margin-bottom:16px;font-size:18px}.permission-group table{width:100%;border-collapse:collapse;background:var(--bg-secondary)}.permission-group th,.permission-group td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.permission-group th{background:var(--bg-table-header);font-weight:600}.permission-group code{background:var(--bg-tertiary);padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:13px;color:#8a2be2}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--card-bg);border-radius:8px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px var(--card-shadow)}.modal-content.large{max-width:700px}.modal-content h3{margin:0 0 20px;color:var(--text-primary)}.role-checkboxes,.permission-checkboxes{display:flex;flex-direction:column;gap:12px;margin:20px 0}.role-checkboxes label,.permission-checkboxes label{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.role-checkboxes label:hover,.permission-checkboxes label:hover{background:var(--bg-hover);border-color:#8a2be2}.role-checkboxes input[type=checkbox],.permission-checkboxes input[type=checkbox]{margin-top:3px;cursor:pointer}.permission-resource-group{margin-bottom:20px}.permission-resource-group h4{color:#8a2be2;margin-bottom:12px;font-size:15px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.modal-actions button{padding:10px 24px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;color:var(--text-primary)}.modal-actions button:first-child{background:#8a2be2;color:#fff;border-color:#8a2be2}.modal-actions button:first-child:hover{background:#7b1fa2}.modal-actions button:last-child:hover{background:var(--bg-hover)}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.form-group input[type=text],.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--input-border);background:var(--input-bg);border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s;color:var(--text-primary)}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#8a2be2}.loading{text-align:center;padding:40px;color:var(--text-secondary);font-size:16px}.error-message{background:var(--error-bg);color:var(--error-text);padding:12px 16px;border-radius:4px;margin-bottom:20px;border:1px solid var(--error-border)}@media(max-width:1024px){.roles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.rbac-settings{padding:15px}.rbac-tabs{overflow-x:auto;margin-bottom:20px}.rbac-tabs button{padding:10px 16px;font-size:14px;white-space:nowrap}.users-list{overflow-x:auto}.users-list table{min-width:600px}.users-list th,.users-list td{padding:10px 12px;font-size:13px}.users-list td button{padding:5px 10px;font-size:12px;margin-right:4px}.roles-grid{grid-template-columns:1fr}.role-card{padding:15px}.permission-group{overflow-x:auto}.permission-group table{min-width:500px}.modal-content{width:95%;padding:20px;max-height:90vh}.modal-content h3{font-size:18px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.role-checkboxes label,.permission-checkboxes label{font-size:14px}}@media(max-width:480px){.rbac-settings{padding:10px}.rbac-tabs button{padding:8px 12px;font-size:13px}.roles-header{flex-direction:column;align-items:flex-start;gap:10px}.btn-primary{width:100%}.role-card{padding:12px}.role-card h4{font-size:16px}.permission-tag{font-size:10px;padding:3px 6px}.role-actions{flex-direction:column}.role-actions button{width:100%}.modal-content{padding:15px}.form-group input,.form-group textarea{font-size:14px}}.settings-container{max-width:900px;margin:0 auto;padding:20px}.settings-header{margin-bottom:20px}.settings-header h2{font-size:2rem;color:var(--text-primary);margin:0}.settings-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid var(--border-color-dark)}.tab-button{background:transparent;border:none;padding:12px 24px;cursor:pointer;font-size:16px;font-weight:500;color:var(--text-secondary);border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.tab-button:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-button.active{color:#06c;border-bottom-color:#06c}.settings-loading{text-align:center;padding:40px;color:var(--text-secondary);font-size:1.1rem}.settings-error{background:#ffebee;color:#c62828;padding:15px;border-radius:6px;margin-bottom:20px;border-left:4px solid #c62828}.settings-content{display:flex;flex-direction:column;gap:30px}.setting-section{background:var(--bg-secondary);padding:25px;border-radius:8px;box-shadow:0 2px 8px var(--card-shadow)}.setting-section h3{font-size:1.3rem;color:var(--text-primary);margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #4caf50}.setting-item{margin-bottom:20px}.setting-item label{display:block;margin-bottom:10px}.setting-item label strong{font-size:1.1rem;color:var(--text-primary);display:block;margin-bottom:5px}.setting-description{color:var(--text-secondary);font-size:.95rem;margin:5px 0;line-height:1.5}.setting-control{display:flex;align-items:center;gap:15px;margin:10px 0}.setting-control input[type=number]{padding:10px 15px;border:2px solid var(--input-border);border-radius:6px;font-size:1rem;width:150px;background:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s}.setting-control input[type=number]:focus{outline:none;border-color:#4caf50}.setting-control input[type=number]:disabled{background:var(--bg-hover);cursor:not-allowed;opacity:.6}.btn-save{padding:10px 24px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-save:hover:not(:disabled){background:#45a049}.btn-save:disabled{background:#ccc;cursor:not-allowed}.btn-cleanup{margin-top:15px;padding:10px 24px;background:#ff5722;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-cleanup:hover:not(:disabled){background:#e64a19}.btn-cleanup:disabled{background:#ccc;cursor:not-allowed}.setting-hint{color:var(--text-secondary);font-size:.9rem;margin:5px 0 0;font-style:italic}.info-box{background:#e3f2fd;padding:15px 20px;border-radius:6px;border-left:4px solid #2196f3}.info-box p{margin:0;color:#0d47a1;line-height:1.6}.info-box strong{display:block;margin-bottom:8px;font-size:1rem}@media(max-width:768px){.settings-container{padding:15px}.setting-section{padding:20px 15px}.setting-control{flex-direction:column;align-items:stretch}.setting-control input[type=number],.btn-save{width:100%}}.dark-mode .settings-header h2{color:var(--text-primary)}.dark-mode .tab-button{color:var(--text-secondary)}.dark-mode .tab-button:hover{color:var(--text-primary);background:var(--bg-hover)}.dark-mode .setting-section{background:var(--bg-secondary)}.dark-mode .setting-section h3,.dark-mode .setting-item label strong{color:var(--text-primary)}.dark-mode .setting-description,.dark-mode .setting-hint{color:var(--text-muted)}.dark-mode .setting-control input[type=number]{background:var(--bg-primary);border-color:var(--input-border);color:var(--text-primary)}.dark-mode .setting-control input[type=number]:focus{border-color:#4caf50}.dark-mode .info-box{background:#1e3a5f;border-left-color:#2196f3}.dark-mode .info-box p{color:#90caf9}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.modal-header h3{margin:0;font-size:1.4rem;color:#333}.modal-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:4px 8px;border-radius:4px;transition:all .2s}.modal-close:hover{background:#f5f5f5;color:#333}.modal-body{padding:24px}.warning-box{display:flex;gap:15px;background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:16px;margin-bottom:20px}.warning-icon{font-size:24px;flex-shrink:0}.warning-box p{margin:0 0 8px;color:#856404}.warning-box p:last-child{margin-bottom:0}.warning-box strong{font-weight:600}.modal-body>p{color:#666;margin:0 0 10px;font-weight:500}.modal-body ul{margin:0;padding-left:20px;color:#666}.modal-body li{margin-bottom:6px;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:2px solid #f0f0f0;background:#fafafa;border-radius:0 0 12px 12px}.btn-cancel{padding:10px 24px;background:#fff;color:#333;border:2px solid #ddd;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-confirm-delete{padding:10px 24px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:all .2s}.btn-confirm-delete:hover:not(:disabled){background:#c82333;box-shadow:0 4px 12px #dc35454d}.btn-confirm-delete:disabled{opacity:.7;cursor:not-allowed}.dark-mode .modal-overlay{background:#000000b3}.dark-mode .modal-content{background:var(--bg-secondary)}.dark-mode .modal-header{border-bottom-color:var(--border-color)}.dark-mode .modal-header h3{color:var(--text-primary)}.dark-mode .modal-close{color:var(--text-secondary)}.dark-mode .modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.dark-mode .warning-box{background:#3d3218;border-color:#ffc107}.dark-mode .warning-box p{color:#ffc107}.dark-mode .modal-body>p,.dark-mode .modal-body ul{color:var(--text-secondary)}.dark-mode .modal-footer{background:var(--bg-primary);border-top-color:var(--border-color)}.dark-mode .btn-cancel{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.dark-mode .btn-cancel:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted)}.log-aggregation{padding:20px;max-width:100%;margin:0 auto;height:calc(100vh - 100px);display:flex;flex-direction:column}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:20px}.log-header h2{margin:0;color:var(--text-primary);font-size:24px;font-weight:600}.view-toggle{display:flex;gap:0;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.view-toggle button{padding:6px 16px;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;border-right:1px solid var(--border-color)}.view-toggle button:last-child{border-right:none}.view-toggle button.active{background:#8a2be2;color:#fff}.view-toggle button:hover:not(.active){background:var(--bg-hover)}.header-actions{display:flex;gap:10px}.header-actions button{padding:8px 16px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;color:var(--text-primary)}.header-actions button:hover:not(:disabled){background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 2px 4px var(--card-shadow)}.header-actions button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#8a2be2!important;color:#fff!important;border-color:#8a2be2!important}.btn-primary:hover:not(:disabled){background:#7b1fa2!important}.btn-refresh.active{background:#28a745;color:#fff;border-color:#28a745;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.quick-filters{background:var(--card-bg);padding:16px;border-radius:8px;margin-bottom:12px;box-shadow:0 1px 3px var(--card-shadow);display:flex;gap:20px;align-items:center}.filter-group{display:flex;align-items:center;gap:12px;flex-shrink:0}.filter-group label{font-weight:600;color:var(--text-secondary);font-size:13px}.level-filters{display:flex;gap:8px}.level-badge{padding:6px 12px;border:2px solid transparent;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);color:var(--text-primary)}.level-badge .count{background:var(--bg-secondary);padding:2px 6px;border-radius:10px;font-size:11px}.level-badge.level-error{border-color:#dc3545}.level-badge.level-warn{border-color:#ffc107}.level-badge.level-info{border-color:#0dcaf0}.level-badge.level-debug{border-color:#6c757d}.level-badge.active{transform:scale(1.05)}.level-badge.level-error.active{background:#dc3545;color:#fff}.level-badge.level-warn.active{background:#ffc107;color:#000}.level-badge.level-info.active{background:#0dcaf0;color:#000}.level-badge.level-debug.active{background:#6c757d;color:#fff}.level-badge:hover{transform:scale(1.05)}.search-box{flex:1;position:relative}.search-input{width:100%;padding:10px 40px 10px 16px;border:2px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--input-bg);color:var(--text-primary);transition:all .2s}.search-input:focus{outline:none;border-color:#8a2be2;box-shadow:0 0 0 3px #8a2be21a}.clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:16px;padding:4px;transition:color .2s}.clear-search:hover{color:var(--text-primary)}.advanced-filters{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;overflow:hidden}.advanced-filters summary{padding:12px 16px;cursor:pointer;font-weight:600;color:var(--text-primary);-webkit-user-select:none;user-select:none;background:var(--bg-tertiary);transition:background .2s}.advanced-filters summary:hover{background:var(--bg-hover)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:16px}.filter-section input,.filter-section select{padding:8px 12px;border:1px solid var(--input-border);background:var(--input-bg);border-radius:4px;font-size:14px;color:var(--text-primary);transition:border-color .2s}.filter-section input:focus,.filter-section select:focus{outline:none;border-color:#8a2be2}.cluster-pills{display:flex;flex-wrap:wrap;gap:6px}.cluster-pill{padding:6px 12px;border:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:16px;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-secondary);transition:all .2s}.cluster-pill:hover{border-color:#8a2be2;background:var(--bg-hover)}.cluster-pill.active{background:#8a2be2;color:#fff;border-color:#8a2be2}.results-summary{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--bg-tertiary);border-radius:6px;margin-bottom:12px;font-size:14px;color:var(--text-secondary)}.results-count{display:flex;align-items:center;gap:6px}.results-count strong{color:#8a2be2;font-size:16px}.loading-spinner{color:#8a2be2;font-weight:600;animation:pulse 1.5s infinite}.warning-text{color:#ffc107;font-weight:600}.error-banner{background:var(--error-bg);color:var(--error-text);padding:12px 16px;border-radius:6px;margin-bottom:12px;border-left:4px solid #dc3545;font-weight:500}.logs-viewer{flex:1;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column}.no-logs{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:60px 20px;text-align:center;color:var(--text-secondary)}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-logs h3{margin:0 0 12px;color:var(--text-primary);font-size:20px}.no-logs p{margin:0 0 8px;color:var(--text-secondary)}.no-logs code{background:var(--bg-tertiary);padding:2px 6px;border-radius:3px;color:#8a2be2;font-family:monospace}.suggestions{list-style:none;padding:0;text-align:left;max-width:500px;margin-top:16px}.suggestions li{padding:8px 12px;background:var(--bg-tertiary);border-left:3px solid #8A2BE2;margin-bottom:8px;border-radius:4px}.logs-table-container{flex:1;overflow:auto}.logs-table{width:100%;border-collapse:collapse;font-size:13px}.logs-table thead{position:sticky;top:0;background:var(--bg-table-header);z-index:10;box-shadow:0 2px 4px var(--card-shadow)}.logs-table th{padding:12px 10px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);white-space:nowrap}.log-row{border-bottom:1px solid var(--border-color);transition:background .15s}.log-row:hover{background:var(--bg-hover)}.log-row.level-error{border-left:3px solid #dc3545}.log-row.level-warn{border-left:3px solid #ffc107}.log-row.level-info{border-left:3px solid #0dcaf0}.log-row.level-debug{border-left:3px solid #6c757d}.logs-table td{padding:10px;color:var(--text-primary);vertical-align:top}.expand-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:12px;padding:4px;transition:all .2s}.expand-btn:hover{color:#8a2be2;transform:scale(1.2)}.timestamp{font-family:Courier New,monospace;color:var(--text-secondary);font-size:12px}.level-indicator{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.level-indicator.level-error{background:#dc3545;color:#fff}.level-indicator.level-warn{background:#ffc107;color:#000}.level-indicator.level-info{background:#0dcaf0;color:#000}.level-indicator.level-debug{background:#6c757d;color:#fff}.cluster-cell,.namespace-cell,.pod-cell{font-family:Courier New,monospace;font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-cell{max-width:600px}.message-preview{word-break:break-word;line-height:1.5}.message-preview mark{background:#ffeb3b;color:#000;font-weight:600;padding:1px 3px;border-radius:2px}.action-btn{background:none;border:1px solid var(--border-color);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.action-btn:hover{background:var(--bg-hover);border-color:#8a2be2}.expanded-row{background:var(--bg-tertiary)!important}.log-details{padding:16px;border-top:1px solid var(--border-color)}.detail-section{margin-bottom:16px}.detail-section strong{display:block;margin-bottom:8px;color:var(--text-primary);font-size:13px}.log-message-full{background:var(--logs-bg);color:var(--logs-text);padding:12px;border-radius:4px;overflow-x:auto;font-family:Courier New,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-all}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.detail-item{display:flex;gap:8px}.detail-label{font-weight:600;color:var(--text-secondary);font-size:12px}.detail-value{color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.field-item{background:var(--bg-secondary);padding:8px 12px;border-radius:4px;border-left:2px solid #8A2BE2;font-size:12px}.field-key{font-weight:600;color:var(--text-secondary);margin-right:6px}.field-value{color:var(--text-primary);font-family:Courier New,monospace}.logs-raw-container{flex:1;overflow:auto;padding:16px;background:var(--logs-bg);font-family:Courier New,monospace}.log-raw-entry{padding:8px 12px;margin-bottom:4px;border-left:3px solid;border-radius:2px;font-size:13px;line-height:1.6;display:flex;gap:10px;align-items:baseline;background:var(--logs-viewer-bg);transition:background .15s}.log-raw-entry:hover{background:var(--logs-control-bg)}.log-raw-entry.level-error{border-left-color:#dc3545}.log-raw-entry.level-warn{border-left-color:#ffc107}.log-raw-entry.level-info{border-left-color:#0dcaf0}.log-raw-entry.level-debug{border-left-color:#6c757d}.log-time{color:var(--text-muted);font-size:11px;flex-shrink:0}.log-level-badge{padding:2px 6px;border-radius:3px;font-size:10px;font-weight:700;flex-shrink:0}.log-level-badge.level-error{background:#dc3545;color:#fff}.log-level-badge.level-warn{background:#ffc107;color:#000}.log-level-badge.level-info{background:#0dcaf0;color:#000}.log-level-badge.level-debug{background:#6c757d;color:#fff}.log-source{color:#8a2be2;font-size:11px;flex-shrink:0}.log-raw-message{color:var(--logs-text);flex:1;word-break:break-word}.log-raw-message mark{background:#ffeb3b;color:#000;font-weight:600;padding:1px 3px}.logs-table-container::-webkit-scrollbar,.logs-raw-container::-webkit-scrollbar{width:12px;height:12px}.logs-table-container::-webkit-scrollbar-track,.logs-raw-container::-webkit-scrollbar-track{background:var(--bg-tertiary)}.logs-table-container::-webkit-scrollbar-thumb,.logs-raw-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px;border:2px solid var(--bg-tertiary)}.logs-table-container::-webkit-scrollbar-thumb:hover,.logs-raw-container::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media(max-width:1024px){.log-aggregation{padding:15px}.quick-filters{flex-direction:column;align-items:stretch}.filter-group{width:100%}.level-filters{flex-wrap:wrap}.filters-grid{grid-template-columns:repeat(2,1fr)}.logs-table th,.logs-table td{padding:8px 6px;font-size:12px}}@media(max-width:768px){.log-aggregation{padding:10px;height:auto;min-height:calc(100vh - 80px)}.log-header{flex-direction:column;gap:12px;align-items:stretch}.header-left{flex-direction:column;gap:10px}.log-header h2{font-size:20px}.header-actions{width:100%;justify-content:space-between}.header-actions button{flex:1;padding:10px 12px;font-size:13px}.quick-filters{padding:12px}.level-badge{font-size:11px;padding:4px 8px}.level-badge .count{font-size:10px}.search-input{font-size:13px;padding:8px 35px 8px 12px}.filters-grid{grid-template-columns:1fr;gap:12px}.cluster-pills{max-height:120px;overflow-y:auto}.results-summary{flex-direction:column;gap:8px;align-items:flex-start;font-size:13px}.logs-table-container{display:none}.logs-viewer.mobile-cards{display:block!important}.log-mobile-card{background:var(--card-bg);border-left:4px solid;border-radius:6px;padding:12px;margin-bottom:10px;box-shadow:0 1px 3px var(--card-shadow)}.log-mobile-card.level-error{border-left-color:#dc3545}.log-mobile-card.level-warn{border-left-color:#ffc107}.log-mobile-card.level-info{border-left-color:#0dcaf0}.log-mobile-card.level-debug{border-left-color:#6c757d}.log-mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.log-mobile-time{font-size:11px;color:var(--text-muted);font-family:Courier New,monospace}.log-mobile-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;font-size:11px}.log-mobile-meta span{background:var(--bg-tertiary);padding:3px 8px;border-radius:10px;color:var(--text-secondary)}.log-mobile-message{font-size:13px;line-height:1.5;color:var(--text-primary);word-break:break-word}.log-mobile-actions{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.log-mobile-actions button{flex:1;padding:6px 10px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:4px;font-size:12px;color:var(--text-primary);cursor:pointer}.logs-raw-container{padding:10px;font-size:11px}.log-raw-entry{flex-direction:column;gap:6px;padding:10px;font-size:12px}.log-time,.log-source{font-size:10px}.no-logs{padding:40px 15px}.empty-icon{font-size:48px}.no-logs h3{font-size:18px}.suggestions li{font-size:13px;padding:6px 10px}}@media(max-width:480px){.log-header h2{font-size:18px}.view-toggle button{padding:5px 12px;font-size:12px}.header-actions{flex-direction:column;gap:8px}.header-actions button{width:100%}.level-filters{grid-template-columns:repeat(2,1fr)}.level-badge{justify-content:center;font-size:10px;padding:6px 8px}.search-input{font-size:14px}.log-mobile-card{padding:10px}.log-mobile-message{font-size:12px}.cluster-pill{font-size:11px;padding:4px 10px}.results-summary{font-size:12px}}@media(max-height:500px)and (orientation:landscape){.log-aggregation{height:auto;min-height:100vh}.logs-viewer{max-height:60vh}.advanced-filters[open] .filters-grid{max-height:40vh;overflow-y:auto}}.log-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;padding:20px;background:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px var(--card-shadow);margin-bottom:20px}.filter-section{display:flex;flex-direction:column;gap:8px}.filter-section label{font-weight:600;color:var(--text-primary);font-size:13px}.filter-section input[type=text],.filter-section select{padding:8px 12px;border:1px solid var(--input-border);background:var(--input-bg);border-radius:4px;font-size:14px;transition:border-color .2s;color:var(--text-primary)}.filter-section input[type=text]:focus,.filter-section select:focus{outline:none;border-color:#8a2be2}.cluster-selection{display:flex;flex-direction:column;gap:8px}.cluster-buttons{display:flex;gap:6px}.btn-sm{padding:4px 10px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:3px;cursor:pointer;font-size:12px;transition:all .2s;color:var(--text-primary)}.btn-sm:hover{background:var(--bg-hover);border-color:#8a2be2}.cluster-checkboxes{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto;padding:8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-tertiary)}.cluster-checkboxes label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400;font-size:13px;color:var(--text-primary)}.cluster-checkboxes input[type=checkbox]{cursor:pointer}.log-stats{display:flex;gap:20px;padding:12px 16px;background:var(--bg-tertiary);border-radius:4px;font-size:14px;color:var(--text-secondary);margin-bottom:15px}.loading-indicator{color:#8a2be2;font-weight:600}.log-container{background:var(--logs-bg);border-radius:8px;padding:15px;max-height:600px;overflow-y:auto;font-family:Courier New,Courier,monospace;box-shadow:0 2px 8px var(--card-shadow);border:1px solid var(--logs-border)}.no-logs{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:16px;font-family:system-ui}.log-entry{padding:10px 12px;border-left:3px solid;margin-bottom:8px;border-radius:4px;transition:all .2s;background:var(--logs-viewer-bg)}.log-entry:hover{background:var(--logs-control-bg)}.log-default{border-left-color:#6c757d}.log-info{border-left-color:#0dcaf0}.log-warn{border-left-color:#ffc107}.log-error{border-left-color:#dc3545}.log-debug{border-left-color:#28a745}.log-meta{display:flex;gap:12px;margin-bottom:6px;font-size:11px;opacity:.7}.log-cluster,.log-namespace,.log-pod,.log-container{padding:2px 6px;border-radius:3px;font-weight:600}.log-cluster{background:#8a2be2;color:#fff}.log-namespace{background:#6c757d;color:#fff}.log-pod{background:#0dcaf0;color:#000}.log-container{background:#ffc107;color:#000}.log-message{color:var(--logs-text);font-size:13px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.error-message{background:var(--error-bg);color:var(--error-text);padding:12px 16px;border-radius:4px;margin-bottom:15px;border:1px solid var(--error-border)}.log-container::-webkit-scrollbar{width:10px}.log-container::-webkit-scrollbar-track{background:var(--logs-bg)}.log-container::-webkit-scrollbar-thumb{background:var(--logs-border);border-radius:5px}.log-container::-webkit-scrollbar-thumb:hover{background:#666}.cluster-checkboxes::-webkit-scrollbar{width:6px}.cluster-checkboxes::-webkit-scrollbar-track{background:var(--bg-tertiary)}.cluster-checkboxes::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.cluster-checkboxes::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-sidebar: #2d3748;--bg-sidebar-header: #1a202c;--bg-hover: #f7fafc;--bg-table-header: #f7fafc;--bg-tertiary: #fafafa;--text-primary: #333;--text-secondary: #666;--text-muted: #718096;--text-sidebar: #ffffff;--border-color: #e2e8f0;--border-color-dark: #ddd;--border-hover: #999;--card-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .1);--input-bg: #ffffff;--input-border: #cbd5e0;--disabled-bg: #e2e8f0;--hover-bg: #f0f0f0;--primary-color: #0066cc;--primary-hover: #0052a3;--error-bg: #fee;--error-border: #fcc;--error-text: #c33;--info-bg: #e7f3ff;--info-border: #b3d9ff;--overlay-bg: rgba(0, 0, 0, .5);--modal-overlay-bg: rgba(0, 0, 0, .6);--logs-bg: #0a0a0a;--logs-viewer-bg: #1e1e1e;--logs-border: #333;--logs-text: #d4d4d4;--logs-control-bg: #2d2d2d;--logs-control-border: #444;--code-text: #2d3748}.dark-mode{--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-sidebar: #1a202c;--bg-sidebar-header: #0d1117;--bg-hover: #374151;--bg-table-header: #374151;--bg-tertiary: #374151;--text-primary: #e2e8f0;--text-secondary: #cbd5e0;--text-muted: #9ca3af;--text-sidebar: #cbd5e0;--border-color: #4a5568;--border-color-dark: #4a5568;--border-hover: #718096;--card-bg: #2d3748;--card-shadow: rgba(0, 0, 0, .3);--input-bg: #1a202c;--input-border: #4a5568;--disabled-bg: #374151;--hover-bg: #374151;--primary-color: #3182ce;--primary-hover: #2c5282;--error-bg: #742a2a;--error-border: #9b2c2c;--error-text: #feb2b2;--info-bg: #2c5282;--info-border: #3182ce;--overlay-bg: rgba(0, 0, 0, .7);--modal-overlay-bg: rgba(0, 0, 0, .8);--logs-bg: #0d1117;--logs-viewer-bg: #1a202c;--logs-border: #4a5568;--logs-text: #e2e8f0;--logs-control-bg: #2d3748;--logs-control-border: #4a5568;--code-text: #e2e8f0}.dark-mode{--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-sidebar: #1a202c;--bg-sidebar-header: #0d1117;--bg-hover: #374151;--bg-table-header: #374151;--bg-tertiary: #374151;--text-primary: #e2e8f0;--text-secondary: #cbd5e0;--text-muted: #9ca3af;--text-sidebar: #cbd5e0;--border-color: #4a5568;--border-color-dark: #4a5568;--card-shadow: rgba(0, 0, 0, .3);--input-border: #4a5568;--overlay-bg: rgba(0, 0, 0, .7);--modal-overlay-bg: rgba(0, 0, 0, .8);--logs-bg: #0d1117;--logs-viewer-bg: #1a202c;--logs-border: #4a5568;--logs-text: #e2e8f0;--logs-control-bg: #2d3748;--logs-control-border: #4a5568;--code-text: #e2e8f0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.app-container{display:flex;height:100vh}.sidebar{width:240px;background:var(--bg-sidebar);color:#fff;display:flex;flex-direction:column}.sidebar-header{padding:20px;background:var(--bg-sidebar-header);border-bottom:1px solid var(--border-color)}.logo-container{display:flex;justify-content:center;margin-bottom:15px}.sidebar-logo{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.sidebar-header h1{font-size:20px;font-weight:600;margin-bottom:5px}.sidebar-header p{font-size:12px;color:#a0aec0}.sidebar-nav{flex:1;padding:20px 0}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#e2e8f0;text-decoration:none;transition:background .2s;cursor:pointer}.nav-item:hover{background:#4a5568}.nav-item.active{background:#4a5568;border-left:3px solid #4299e1}.main-content{flex:1;overflow-y:auto;background:var(--bg-primary)}.header{background:var(--bg-secondary);padding:20px 30px;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px var(--card-shadow)}.header h2{font-size:24px;color:var(--text-primary);margin-bottom:5px}.header-actions{margin-top:10px;display:flex;gap:10px}.content{padding:30px}.card{background:var(--bg-secondary);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px var(--card-shadow)}.card h3{font-size:18px;color:var(--text-primary);margin-bottom:15px}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#4299e1;color:#fff}.btn-primary:hover{background:#3182ce}.btn-secondary{background:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:#cbd5e0}.btn-success{background:#48bb78;color:#fff}.btn-success:hover{background:#38a169}.btn-danger{background:#f56565;color:#fff}.btn-danger:hover{background:#e53e3e}.btn-sm{padding:6px 12px;font-size:12px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.dark-mode .btn-success{background:#38a169;color:#fff}.dark-mode .btn-success:hover{background:#48bb78}.dark-mode .btn-primary{background:#3182ce;color:#fff}.dark-mode .btn-primary:hover{background:#4299e1}.dark-mode .btn-secondary{background:#4a5568;color:#e2e8f0}.dark-mode .btn-secondary:hover{background:#718096}.dark-mode .btn-danger{background:#e53e3e;color:#fff}.dark-mode .btn-danger:hover{background:#fc8181}.dark-mode .status-badge{color:var(--text-primary)}.source-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#e6f2ff;font-size:14px;cursor:help}.favorite-btn{background:transparent;border:none;font-size:20px;cursor:pointer;padding:0;line-height:1;transition:transform .2s}.favorite-btn:hover{transform:scale(1.2)}.favorite-btn.favorite-active{filter:drop-shadow(0 0 2px #ffd700)}.resource-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#4299e1;color:#fff;border-radius:12px;font-size:12px;font-weight:600}.status-ready{background:#c6f6d5;color:#22543d}.status-notready{background:#fed7d7;color:#742a2a}.status-unknown{background:var(--border-color);color:var(--text-primary)}.status-healthy{background:#c6f6d5;color:#22543d}.status-unhealthy{background:#fed7d7;color:#742a2a}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:12px;background:var(--bg-table-header);color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;border-bottom:2px solid var(--border-color)}.table td{padding:12px;border-bottom:1px solid var(--border-color)}.table tbody tr:hover{background:var(--bg-hover)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state h3{font-size:20px;margin-bottom:10px}.empty-state p{font-size:14px;margin-bottom:20px}.loading{text-align:center;padding:40px;color:var(--text-muted)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:14px}.form-control{width:100%;padding:10px 12px;border:1px solid var(--input-border);border-radius:6px;font-size:14px;background:var(--bg-secondary);color:var(--text-primary)}.form-control:focus{outline:none;border-color:#4299e1}textarea.form-control{min-height:100px;font-family:monospace}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-secondary);border-radius:8px;padding:30px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal h3{font-size:20px;margin-bottom:20px;color:var(--text-primary)}.modal-actions{margin-top:20px;display:flex;gap:10px;justify-content:flex-end}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.cluster-card{background:var(--bg-secondary);border-radius:8px;padding:20px;box-shadow:0 1px 3px var(--card-shadow);cursor:pointer;transition:transform .2s,box-shadow .2s}.cluster-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--card-shadow)}.cluster-card h4{font-size:18px;color:var(--text-primary);margin-bottom:10px}.cluster-card p{font-size:14px;color:var(--text-muted);margin-bottom:15px}.resource-card{background:var(--bg-secondary);border-radius:8px;padding:16px;box-shadow:0 1px 3px var(--card-shadow);border-left:4px solid #4299e1}.resource-card h4{font-size:16px;color:var(--text-primary);margin-bottom:8px}.resource-card .resource-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.resource-card .resource-meta{font-size:12px;color:var(--text-muted)}.tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:20px}.tab{padding:12px 20px;background:none;border:none;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab:hover{color:#4299e1}.tab.active{color:#4299e1;border-bottom-color:#4299e1}.mobile-menu-toggle{display:none;position:fixed;top:15px;left:15px;z-index:1001;background:var(--bg-sidebar);border:none;color:#fff;font-size:24px;padding:10px 15px;border-radius:6px;cursor:pointer;box-shadow:0 2px 8px #0000004d}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-grid{grid-template-columns:1fr}}@media(max-width:768px){.app-container{flex-direction:column}.sidebar{position:fixed;left:-240px;top:0;bottom:0;width:240px;z-index:1000;transition:left .3s ease;box-shadow:2px 0 8px #0000004d}.sidebar.mobile-open{left:0}.mobile-menu-toggle,.mobile-overlay.active{display:block}.main-content{width:100%;margin-left:0;padding-top:60px}.header{padding:15px 20px}.header h2{font-size:20px}.content{padding:15px}.header-actions{flex-wrap:wrap}.stats-grid{grid-template-columns:1fr}.card{padding:15px}table{display:block;overflow-x:auto;white-space:nowrap}.log-filters,.filters-grid{grid-template-columns:1fr}}@media(max-width:480px){.sidebar-header h1{font-size:18px}.sidebar-logo{width:48px;height:48px}.header h2{font-size:18px}.btn{padding:8px 16px;font-size:13px}.content{padding:10px}.card{padding:12px;margin-bottom:15px}.card h3{font-size:16px}body{font-size:14px}.nav-item{padding:10px 15px;font-size:14px}.header-actions,.modal-actions{flex-direction:column;width:100%}.header-actions button,.modal-actions button{width:100%}}