.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,var(--primary-navy) 0%,var(--primary-dark) 100%);color:var(--text-white);box-shadow:0 4px 12px #00000026;position:sticky;top:0;z-index:1000}.header-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;font-size:1.25rem}.logo-icon{font-size:2rem}.logo-text{background:linear-gradient(135deg,var(--bright-cyan),var(--azure-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-desktop{display:flex;gap:var(--spacing-sm)}.nav-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-white);text-decoration:none;border-radius:var(--radius-md);font-weight:500;transition:all .3s ease;position:relative}.nav-link:hover{background:#ffffff1a;transform:translateY(-2px)}.nav-link.active{background:var(--bright-cyan);color:var(--primary-navy);box-shadow:0 4px 12px #00d4ff4d}.nav-icon{font-size:1.25rem}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.cluster-info{display:flex;align-items:center}.cluster-badge{background:#ffffff26;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.admin-menu{display:flex;align-items:center}.admin-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);font-weight:500;transition:all .3s ease}.admin-button:hover{background:#fff3;transform:translateY(-1px)}.admin-icon{font-size:1.25rem}.logout-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);font-weight:500;transition:all .3s ease;margin-left:var(--spacing-sm)}.logout-button:hover{background:#fff3;transform:translateY(-1px)}.logout-icon{font-size:1.25rem}.mobile-menu-button{display:none;background:none;border:none;color:var(--text-white);font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm)}.nav-mobile{display:none;flex-direction:column;background:var(--primary-dark);border-top:1px solid rgba(255,255,255,.1)}.nav-link-mobile{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-white);text-decoration:none;font-weight:500;transition:all .3s ease;border-left:3px solid transparent}.nav-link-mobile:hover{background:#ffffff0d;border-left-color:var(--bright-cyan)}.nav-link-mobile.active{background:#00d4ff1a;border-left-color:var(--bright-cyan);color:var(--bright-cyan)}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:var(--spacing-xl)}.footer{background:var(--card-white);border-top:1px solid var(--border-light);padding:var(--spacing-lg);margin-top:auto}.footer-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);font-size:.875rem;color:var(--text-medium)}.footer-links{display:flex;gap:var(--spacing-sm);align-items:center}@media (max-width: 1024px){.nav-desktop{display:none}.mobile-menu-button{display:block}.nav-mobile{display:flex}.header-right{gap:var(--spacing-sm)}.cluster-badge{display:none}}@media (max-width: 640px){.header-content{padding:0 var(--spacing-md)}.logo-text{display:none}.main-content{padding:var(--spacing-md)}.footer-content{flex-direction:column;text-align:center}.admin-button span:last-child{display:none}}.dashboard{animation:fadeIn .5s ease-in}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.dashboard-header h1{font-size:2rem;font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-xs)}.subtitle{color:var(--text-medium);font-size:1rem}.header-actions{display:flex;gap:var(--spacing-md)}.stats-grid{margin-bottom:var(--spacing-xl)}.stat-card{padding:var(--spacing-lg);transition:all .3s ease;border-left:4px solid transparent}.stat-card.stat-royal-blue{border-left-color:var(--royal-blue)}.stat-card.stat-success{border-left-color:var(--status-success)}.stat-card.stat-warning{border-left-color:var(--status-warning)}.stat-card.stat-error{border-left-color:var(--status-error)}.stat-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.stat-icon{font-size:1.75rem}.stat-title{font-size:.875rem;color:var(--text-medium);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-xs)}.stat-trend{font-size:.875rem;color:var(--text-light)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.dashboard-card{height:100%}.dashboard-card.full-width{grid-column:1 / -1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--bg-light)}.card-header h2{font-size:1.25rem;font-weight:700;color:var(--primary-navy)}.error-distribution{display:flex;flex-direction:column;gap:var(--spacing-lg)}.error-item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.error-info{display:flex;align-items:center;gap:var(--spacing-sm);min-width:200px}.error-icon{font-size:1.5rem}.error-type{font-weight:600;color:var(--text-dark)}.error-stats{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.error-bar-container{flex:1;height:10px;background:var(--bg-light);border-radius:var(--radius-md);overflow:hidden}.error-bar{height:100%;border-radius:var(--radius-md);transition:width .5s ease}.error-count{font-weight:700;color:var(--text-dark);min-width:30px;text-align:right}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--bg-light);transition:all .3s ease}.activity-item:hover{background:#e0e7ff;transform:translate(4px)}.activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.activity-icon.success{background:#d1fae5;color:var(--status-success)}.activity-icon.warning{background:#fef3c7;color:var(--status-warning)}.activity-icon.info{background:#dbeafe;color:var(--status-info)}.activity-content{flex:1}.activity-title{font-weight:600;color:var(--text-dark);margin-bottom:var(--spacing-xs)}.activity-time{font-size:.875rem;color:var(--text-light)}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.health-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-light);border-radius:var(--radius-lg);transition:all .3s ease}.health-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.health-icon{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.health-info h3{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-xs)}.health-status{font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.health-status.success{color:var(--status-success)}.health-detail{font-size:.75rem;color:var(--text-light)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-lg)}.loading-container p{color:var(--text-medium);font-size:1rem}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-actions{width:100%}.header-actions button{flex:1}.stats-grid{grid-template-columns:1fr!important}.health-grid{grid-template-columns:1fr}.error-item{flex-direction:column;align-items:flex-start}.error-stats{width:100%}}.issues-page{animation:fadeIn .5s ease-in}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-header h1{font-size:2rem;font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-xs)}.filter-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-sm)}.filter-tab{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--border-light);background:var(--card-white);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;color:var(--text-medium)}.filter-tab:hover{border-color:var(--bright-cyan);background:#f0fbff}.filter-tab.active{background:var(--bright-cyan);border-color:var(--bright-cyan);color:var(--primary-navy);box-shadow:var(--shadow-md)}.issues-summary{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--card-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.summary-item{display:flex;align-items:center;gap:var(--spacing-sm)}.summary-label{font-weight:600;color:var(--text-medium)}.summary-value{font-size:1.5rem;font-weight:700;color:var(--primary-navy)}.summary-value.pending{color:var(--status-warning)}.summary-value.in-progress{color:var(--status-info)}.issues-table-container{overflow-x:auto}.issues-table{width:100%;border-collapse:collapse}.issues-table thead{background:var(--bg-light)}.issues-table th{padding:var(--spacing-md);text-align:left;font-weight:700;color:var(--primary-navy);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-medium)}.issues-table tbody tr{border-bottom:1px solid var(--border-light);transition:all .3s ease}.issues-table tbody tr:hover{background:var(--bg-light);transform:scale(1.01)}.issues-table td{padding:var(--spacing-md);vertical-align:middle}.issue-type{display:flex;align-items:center;gap:var(--spacing-sm)}.type-icon{font-size:1.5rem}.type-name{font-weight:600;color:var(--text-dark);font-size:.875rem}.resource-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.resource-name{font-weight:600;color:var(--text-dark)}.resource-namespace{font-size:.75rem;color:var(--text-light);padding:2px 6px;background:var(--bg-light);border-radius:var(--radius-sm);display:inline-block;width:fit-content}.error-message{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-medium);font-size:.875rem}.priority-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-block}.priority-critical{background:#fee2e2;color:#dc2626}.priority-high{background:#fef3c7;color:#f59e0b}.priority-medium{background:#dbeafe;color:#3b82f6}.priority-low{background:#f3f4f6;color:#6b7280}.timestamp{font-size:.875rem;color:var(--text-light)}.action-buttons{display:flex;gap:var(--spacing-sm)}.button-primary.small,.button-secondary.small{padding:6px 12px;font-size:.75rem;white-space:nowrap}.button-primary.small:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.empty-state p{color:var(--text-medium)}@media (max-width: 1024px){.issues-table{font-size:.875rem}.issues-table th,.issues-table td{padding:var(--spacing-sm)}.error-message{max-width:200px}}@media (max-width: 640px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.page-header button{width:100%}.issues-summary{flex-direction:column;gap:var(--spacing-md)}.filter-tabs{flex-wrap:nowrap}.issues-table-container{overflow-x:scroll}.issues-table{min-width:900px}}.rca-reports-page{animation:fadeIn .5s ease-in}.reports-stats{margin-bottom:var(--spacing-xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card .stat-icon{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;flex-shrink:0}.stat-content{flex:1}.stat-content .stat-value{font-size:2rem;font-weight:700;color:var(--primary-navy);line-height:1;margin-bottom:var(--spacing-xs)}.stat-content .stat-label{font-size:.875rem;color:var(--text-medium);font-weight:600}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.report-card{display:flex;flex-direction:column;gap:var(--spacing-md);transition:all .3s ease;border-left:4px solid var(--bright-cyan)}.report-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-left-color:var(--royal-blue)}.report-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--bg-light)}.report-type{display:flex;align-items:center;gap:var(--spacing-sm)}.type-icon{font-size:1.75rem}.type-text{font-weight:700;color:var(--primary-navy);font-size:1.125rem}.report-resource{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--bg-light);padding:var(--spacing-md);border-radius:var(--radius-md)}.resource-row{display:flex;justify-content:space-between;align-items:center}.resource-label{font-weight:600;color:var(--text-medium);font-size:.875rem}.resource-value{font-weight:600;color:var(--text-dark);font-family:Courier New,monospace;font-size:.875rem}.report-summary,.report-analysis{display:flex;flex-direction:column;gap:var(--spacing-sm)}.report-summary h4,.report-analysis h4{font-weight:700;color:var(--primary-navy);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.report-summary p,.report-analysis p{color:var(--text-medium);font-size:.875rem;line-height:1.6}.report-meta{display:flex;gap:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--text-medium)}.meta-icon{font-size:1rem}.report-actions{display:flex;gap:var(--spacing-sm);margin-top:auto}.report-actions button{flex:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg);animation:fadeIn .3s ease-in}.modal-content{background:var(--card-white);border-radius:var(--radius-xl);max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:2px solid var(--bg-light);background:linear-gradient(135deg,var(--bg-light) 0%,var(--card-white) 100%)}.modal-header h2{font-size:1.5rem;font-weight:700;color:var(--primary-navy)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-medium);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:var(--bg-gray);color:var(--text-dark)}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.detail-section{margin-bottom:var(--spacing-xl)}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:1.125rem;font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--bright-cyan)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-label{font-weight:600;color:var(--text-medium);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-weight:600;color:var(--text-dark);font-family:Courier New,monospace}.code-block{background:var(--primary-dark);color:var(--text-white);padding:var(--spacing-md);border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.analysis-content,.resolution-content{background:var(--bg-light);padding:var(--spacing-md);border-radius:var(--radius-md);border-left:4px solid var(--bright-cyan);line-height:1.8;color:var(--text-dark)}.modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:2px solid var(--bg-light);background:linear-gradient(135deg,var(--card-white) 0%,var(--bg-light) 100%)}.modal-footer button{flex:1}.empty-state{text-align:center;padding:var(--spacing-xl) * 2}.empty-state .empty-icon{font-size:5rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{font-size:1.5rem;font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--text-medium);font-size:1rem}@media (max-width: 1024px){.reports-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.reports-stats{grid-template-columns:1fr}}@media (max-width: 640px){.reports-grid,.detail-grid{grid-template-columns:1fr}.modal-overlay{padding:0}.modal-content{max-height:100vh;border-radius:0}.report-actions,.modal-footer{flex-direction:column}}.system-health-page{animation:fadeIn .5s ease-in}.overall-status{margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--card-white) 0%,var(--bg-light) 100%)}.status-header{display:flex;align-items:center;gap:var(--spacing-xl)}.status-icon-large{width:100px;height:100px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;flex-shrink:0;box-shadow:var(--shadow-lg)}.status-info h2{font-size:1.5rem;font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-sm)}.status-text{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs)}.status-text.healthy{color:var(--status-success)}.status-text.degraded{color:var(--status-warning)}.status-text.unhealthy{color:var(--status-error)}.status-detail{color:var(--text-medium);font-size:1rem}.components-grid{margin-bottom:var(--spacing-xl)}.component-card{display:flex;flex-direction:column;gap:var(--spacing-lg);transition:all .3s ease;border-left:4px solid transparent}.component-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-left-color:var(--bright-cyan)}.component-header{display:flex;align-items:center;gap:var(--spacing-md)}.component-icon{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;flex-shrink:0}.component-info h3{font-size:1.125rem;font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-xs)}.component-description{font-size:.875rem;color:var(--text-medium)}.component-status{display:flex;flex-direction:column;gap:var(--spacing-md)}.status-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-light);border-radius:var(--radius-md);width:fit-content}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-label{font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.status-label.healthy{color:var(--status-success)}.status-label.degraded{color:var(--status-warning)}.status-label.unhealthy{color:var(--status-error)}.status-label.unknown{color:var(--text-light)}.status-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.detail-label{color:var(--text-medium);font-weight:600}.detail-value{color:var(--text-dark);font-family:Courier New,monospace}.sub-components{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-light);border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.sub-component{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.sub-name{color:var(--text-medium);font-weight:600;text-transform:capitalize}.sub-status{font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sub-status.healthy{color:var(--status-success)}.sub-status.unhealthy{color:var(--status-error)}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#fee2e2;border-radius:var(--radius-md);color:var(--status-error);font-size:.875rem;font-weight:600}.error-icon{font-size:1.25rem}.endpoints-card{margin-bottom:var(--spacing-xl)}.endpoints-card h2{font-size:1.25rem;font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--bg-light)}.endpoints-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.endpoint-item{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-light);border-radius:var(--radius-lg);border-left:4px solid var(--bright-cyan)}.endpoint-header{display:flex;align-items:center;gap:var(--spacing-sm)}.endpoint-icon{font-size:1.5rem}.endpoint-name{font-weight:700;color:var(--primary-navy);font-size:1rem}.endpoint-url{font-family:Courier New,monospace;color:var(--text-medium);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);background:var(--card-white);border-radius:var(--radius-md);border:1px solid var(--border-light)}.endpoint-actions{display:flex;gap:var(--spacing-sm)}.endpoint-actions a{text-decoration:none}.metrics-card h2{font-size:1.25rem;font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--bg-light)}.metrics-grid{gap:var(--spacing-lg)}.metric-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-light);border-radius:var(--radius-lg);transition:all .3s ease}.metric-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,var(--bg-light) 0%,#e0e7ff 100%)}.metric-icon{font-size:2rem}.metric-value{font-size:2rem;font-weight:700;color:var(--primary-navy)}.metric-label{font-size:.875rem;color:var(--text-medium);font-weight:600;text-align:center}@media (max-width: 1024px){.components-grid,.endpoints-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.status-header{flex-direction:column;text-align:center}.status-icon-large{width:80px;height:80px;font-size:2.5rem}.metrics-grid{grid-template-columns:1fr}.endpoint-actions{flex-direction:column}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#333;margin:0 0 10px;font-size:28px;font-weight:600}.login-header p{color:#666;margin:0;font-size:16px}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message{background:#fee;color:#c33;padding:10px;border-radius:6px;margin-bottom:20px;font-size:14px;text-align:center}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:10px}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.login-button:active{transform:translateY(0)}.login-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e1e5e9}.login-footer p{color:#666;font-size:14px;margin:0}.password-strength{margin-top:10px}.strength-meter{height:4px;background:#e9ecef;border-radius:2px;overflow:hidden;margin-bottom:8px}.strength-bar{height:100%;transition:width .3s ease}.strength-weak{background:#dc3545}.strength-medium{background:#ffc107}.strength-strong{background:#28a745}.strength-feedback{font-size:12px;color:#6c757d}.strength-feedback p{margin:0 0 4px;font-weight:500}.strength-feedback ul{margin:0;padding-left:16px}.strength-feedback li{margin-bottom:2px}:root{--primary-navy: #1a2942;--primary-dark: #0f1922;--bright-cyan: #00d4ff;--royal-blue: #4169e1;--azure-blue: #00bfff;--aws-orange: #ff9900;--purple: #8b5cf6;--green-lime: #a3e635;--bg-light: #f5f7fa;--bg-gray: #e5e7eb;--card-white: #ffffff;--text-dark: #1f2937;--text-medium: #6b7280;--text-light: #9ca3af;--text-white: #ffffff;--status-success: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--border-light: #e5e7eb;--border-medium: #d1d5db;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}*{margin:0;padding:0;box-sizing:border-box}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-color:var(--bg-light);color:var(--text-dark)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-gray);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-medium)}.card{background:var(--card-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.card:hover{box-shadow:var(--shadow-md);transition:box-shadow .3s ease}.button-primary{background:var(--bright-cyan);color:var(--text-dark);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem}.button-primary:hover{background:#00bceb;transform:translateY(-1px);box-shadow:var(--shadow-md)}.button-secondary{background:var(--card-white);color:var(--primary-navy);border:2px solid var(--primary-navy);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem}.button-secondary:hover{background:var(--primary-navy);color:var(--text-white);transform:translateY(-1px)}.button-danger{background:var(--status-error);color:var(--text-white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem}.button-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-success{background:#d1fae5;color:var(--status-success)}.badge-warning{background:#fef3c7;color:var(--status-warning)}.badge-error{background:#fee2e2;color:var(--status-error)}.badge-info{background:#dbeafe;color:var(--status-info)}.badge-pending{background:var(--bg-gray);color:var(--text-medium)}.spinner{border:3px solid var(--bg-gray);border-top:3px solid var(--bright-cyan);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:repeat(1,1fr)}}