*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--app-bg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:root{color-scheme:light;--ftd-blue: #418fde;--color-primary-500: #418fde;--color-accent-500: #001e62;--color-grey-500: #272d3b;--color-offer-500: #fdd756;--color-error-500: #ff2c2c;--color-warning-500: #ffa500;--color-success-500: #4bb543;--color-salud-500: #84d24c;--color-belleza-500: #b14497;--color-bebe-500: #14c5c7;--color-personal-500: #63428f;--primary-color: #418fde;--primary-dark: #001e62;--secondary-color: #14c5c7;--accent-color: #14c5c7;--success-color: #4bb543;--warning-color: #ffa500;--error-color: #ff2c2c;--text-primary: #272d3b;--text-secondary: #5b6472;--text-muted: #7d8189;--text-inverse: #ffffff;--background-primary: #ffffff;--background-secondary: #f6f8fc;--app-bg: #f6f8fc;--app-bg-gradient: radial-gradient(circle at top left, rgba(65, 143, 222, .16), transparent 30%), radial-gradient(circle at top right, rgba(20, 197, 199, .14), transparent 28%), linear-gradient(140deg, #ffffff 0%, #f6f8fc 54%, #eaf4ff 100%);--surface-primary: #ffffff;--surface-secondary: #f8fbff;--surface-muted: #eaf4ff;--surface-elevated: #ffffff;--sidebar-bg: #ffffff;--sidebar-section-bg: #f8fbff;--border-color: rgba(39, 45, 59, .1);--border-strong: rgba(65, 143, 222, .42);--brand-gradient: linear-gradient(135deg, #418fde 0%, #001e62 100%);--accent-gradient: linear-gradient(135deg, #14c5c7 0%, #418fde 100%);--success-bg: rgba(75, 181, 67, .12);--warning-bg: rgba(255, 165, 0, .14);--error-bg: rgba(255, 44, 44, .12);--focus-ring: 0 0 0 3px rgba(65, 143, 222, .22);--shadow-sm: 0 2px 8px rgba(0, 30, 98, .08);--shadow-md: 0 10px 28px rgba(0, 30, 98, .12);--shadow-lg: 0 22px 50px rgba(0, 30, 98, .18);--scrollbar-track: rgba(0, 30, 98, .08);--scrollbar-thumb: rgba(65, 143, 222, .35);--scrollbar-thumb-hover: rgba(65, 143, 222, .58);--border-radius: 10px;--border-radius-lg: 16px;--border-radius-xl: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}:root.theme-dark{color-scheme:dark;--ftd-blue: #418fde;--primary-color: #418fde;--primary-dark: #9fc9f4;--secondary-color: #14c5c7;--accent-color: #001e62;--success-color: #4bb543;--warning-color: #ffa500;--error-color: #ff2c2c;--text-primary: #f8fbff;--text-secondary: #c6d3e3;--text-muted: #98a6ba;--text-inverse: #ffffff;--background-primary: #272d3b;--background-secondary: #161b28;--app-bg: #161b28;--app-bg-gradient: radial-gradient(circle at top left, rgba(65, 143, 222, .18), transparent 32%), radial-gradient(circle at top right, rgba(20, 197, 199, .12), transparent 30%), linear-gradient(140deg, #1a2030 0%, #161b28 52%, #272d3b 100%);--surface-primary: #272d3b;--surface-secondary: #202635;--surface-muted: rgba(65, 143, 222, .14);--surface-elevated: #202635;--sidebar-bg: #202635;--sidebar-section-bg: #1a2030;--border-color: rgba(255, 255, 255, .1);--border-strong: rgba(65, 143, 222, .42);--brand-gradient: linear-gradient(135deg, #418fde 0%, #001e62 100%);--accent-gradient: linear-gradient(135deg, #14c5c7 0%, #418fde 100%);--success-bg: rgba(75, 181, 67, .16);--warning-bg: rgba(255, 165, 0, .18);--error-bg: rgba(255, 44, 44, .16);--focus-ring: 0 0 0 3px rgba(65, 143, 222, .28);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .22);--shadow-md: 0 12px 32px rgba(0, 0, 0, .3);--shadow-lg: 0 22px 52px rgba(0, 0, 0, .38);--scrollbar-track: rgba(255, 255, 255, .08);--scrollbar-thumb: rgba(65, 143, 222, .44);--scrollbar-thumb-hover: rgba(65, 143, 222, .7)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .5s ease-out}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-dark)}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}}:root:not(.theme-dark) body{color:var(--text-primary);background:var(--app-bg)}:root:not(.theme-dark) .users-management-container,:root:not(.theme-dark) .monitoring-container,:root:not(.theme-dark) .monitoring-dashboard,:root:not(.theme-dark) .release-container,:root:not(.theme-dark) .repository-detail-container,:root:not(.theme-dark) .repository-container,:root:not(.theme-dark) .logging-container,:root:not(.theme-dark) .logging-colombia-container,:root:not(.theme-dark) .logging-multicountry-container,:root:not(.theme-dark) .logging-venezuela-container,:root:not(.theme-dark) .sdlc-container,:root:not(.theme-dark) .security-container,:root:not(.theme-dark) .costs-container,:root:not(.theme-dark) .configurations-container,:root:not(.theme-dark) .diagrams-container,:root:not(.theme-dark) .diagram-list-container,:root:not(.theme-dark) .diagram-create-container,:root:not(.theme-dark) .main-landing-container,:root:not(.theme-dark) .landing-container,:root:not(.theme-dark) .approvals-container,:root:not(.theme-dark) .graficas-container,:root:not(.theme-dark) .my-deployments-container,:root:not(.theme-dark) .deployments-summary-container{color:var(--text-primary)!important;background:var(--app-bg-gradient)!important}:root:not(.theme-dark) .state-card,:root:not(.theme-dark) .alert-card,:root:not(.theme-dark) .summary-card,:root:not(.theme-dark) .metric-card,:root:not(.theme-dark) .repository-card,:root:not(.theme-dark) .logging-header,:root:not(.theme-dark) .filters-section,:root:not(.theme-dark) .logs-section,:root:not(.theme-dark) .services-section,:root:not(.theme-dark) .service-card,:root:not(.theme-dark) .log-entry,:root:not(.theme-dark) .details-content,:root:not(.theme-dark) .no-results-message,:root:not(.theme-dark) .empty-message,:root:not(.theme-dark) .error-container,:root:not(.theme-dark) .stat-card,:root:not(.theme-dark) .info-card,:root:not(.theme-dark) .deployment-card,:root:not(.theme-dark) .config-card,:root:not(.theme-dark) .security-card,:root:not(.theme-dark) .cost-card,:root:not(.theme-dark) .users-table,:root:not(.theme-dark) .deployments-section,:root:not(.theme-dark) .deployments-table-container,:root:not(.theme-dark) .modal-content,:root:not(.theme-dark) .modal-container,:root:not(.theme-dark) .edit-modal,:root:not(.theme-dark) .delete-modal,:root:not(.theme-dark) .login-modal,:root:not(.theme-dark) .resources-section,:root:not(.theme-dark) .environment-section,:root:not(.theme-dark) .secrets-section,:root:not(.theme-dark) .approval-card,:root:not(.theme-dark) .approvals-table,:root:not(.theme-dark) .graficas-section,:root:not(.theme-dark) .chart-container,:root:not(.theme-dark) .deployments-table,:root:not(.theme-dark) .my-deployments-table,:root:not(.theme-dark) .deployment-details,:root:not(.theme-dark) .release-header,:root:not(.theme-dark) .release-table,:root:not(.theme-dark) .release-table-container,:root:not(.theme-dark) .release-filters,:root:not(.theme-dark) .release-modal,:root:not(.theme-dark) .details-modal,:root:not(.theme-dark) .confirmacion-modal,:root:not(.theme-dark) .modal-overlay,:root:not(.theme-dark) .checkbox-item,:root:not(.theme-dark) .row-item,:root:not(.theme-dark) .pipeline-card,:root:not(.theme-dark) .pipeline-step,:root:not(.theme-dark) .details-panel{color:var(--text-primary)!important;background:var(--surface-primary)!important;border-color:var(--border-color)!important;box-shadow:var(--shadow-sm)!important}:root:not(.theme-dark) h1,:root:not(.theme-dark) h2,:root:not(.theme-dark) h3,:root:not(.theme-dark) h4,:root:not(.theme-dark) .modal-title,:root:not(.theme-dark) .section-title,:root:not(.theme-dark) .user-name,:root:not(.theme-dark) .nav-text,:root:not(.theme-dark) .users-table th,:root:not(.theme-dark) .users-table td,:root:not(.theme-dark) .repo-name span,:root:not(.theme-dark) .service-name,:root:not(.theme-dark) .stat-value,:root:not(.theme-dark) .log-message,:root:not(.theme-dark) .details-content{color:var(--text-primary)!important}:root:not(.theme-dark) p,:root:not(.theme-dark) small,:root:not(.theme-dark) label,:root:not(.theme-dark) .subtitle,:root:not(.theme-dark) .description,:root:not(.theme-dark) .section-subtitle,:root:not(.theme-dark) .user-role,:root:not(.theme-dark) .header-description,:root:not(.theme-dark) .repo-description,:root:not(.theme-dark) .service-meta,:root:not(.theme-dark) .service-description,:root:not(.theme-dark) .services-summary,:root:not(.theme-dark) .stat-label,:root:not(.theme-dark) .log-timestamp,:root:not(.theme-dark) .log-service,:root:not(.theme-dark) .log-source,:root:not(.theme-dark) .no-logs,:root:not(.theme-dark) .no-services,:root:not(.theme-dark) .loading-container{color:var(--text-secondary)!important}:root:not(.theme-dark) input,:root:not(.theme-dark) select,:root:not(.theme-dark) textarea,:root:not(.theme-dark) .form-control,:root:not(.theme-dark) .searchable-select-input,:root:not(.theme-dark) .search-input{color:var(--text-primary)!important;background:var(--surface-primary)!important;border-color:var(--border-color)!important}:root:not(.theme-dark) .primary,:root:not(.theme-dark) .save-btn,:root:not(.theme-dark) .submit-button,:root:not(.theme-dark) .add-env-button,:root:not(.theme-dark) .add-secret-button,:root:not(.theme-dark) .generate-default-btn,:root:not(.theme-dark) .action-button.primary,:root:not(.theme-dark) .refresh-btn,:root:not(.theme-dark) .retry-button,:root:not(.theme-dark) .refresh-button,:root:not(.theme-dark) .clear-search-button,:root:not(.theme-dark) .control-btn{color:var(--text-inverse)!important;background:var(--brand-gradient)!important;border-color:transparent!important}:root:not(.theme-dark) .toolbar-btn,:root:not(.theme-dark) .cancel-btn,:root:not(.theme-dark) .back-button,:root:not(.theme-dark) .tool-btn,:root:not(.theme-dark) .nav-item,:root:not(.theme-dark) .user-action,:root:not(.theme-dark) .clear-button,:root:not(.theme-dark) .details-toggle,:root:not(.theme-dark) .clear-filters-btn{color:var(--text-primary)!important;background:var(--surface-primary)!important;border-color:var(--border-color)!important}:root:not(.theme-dark) .toolbar-btn:hover,:root:not(.theme-dark) .cancel-btn:hover,:root:not(.theme-dark) .back-button:hover,:root:not(.theme-dark) .tool-btn:hover,:root:not(.theme-dark) .nav-item:hover,:root:not(.theme-dark) .nav-item.active,:root:not(.theme-dark) .user-action:hover,:root:not(.theme-dark) .clear-button:hover,:root:not(.theme-dark) .details-toggle:hover,:root:not(.theme-dark) .clear-filters-btn:hover{color:var(--primary-color)!important;background:var(--surface-muted)!important;border-color:var(--border-strong)!important}:root:not(.theme-dark) .repo-icon,:root:not(.theme-dark) .title-icon,:root:not(.theme-dark) .section-icon,:root:not(.theme-dark) .summary-icon,:root:not(.theme-dark) .inline-icon,:root:not(.theme-dark) .no-logs-icon,:root:not(.theme-dark) .no-services-icon,:root:not(.theme-dark) .search-icon{color:var(--primary-color)!important;filter:none!important}:root:not(.theme-dark) .spinner,:root:not(.theme-dark) .loading-spinner{border-color:var(--border-color)!important;border-top-color:var(--primary-color)!important;box-shadow:none!important}:root:not(.theme-dark) .card-footer,:root:not(.theme-dark) .log-header{color:var(--text-secondary)!important;background:var(--surface-secondary)!important;border-color:var(--border-color)!important}:root:not(.theme-dark) .level-info,:root:not(.theme-dark) .status-badge{color:var(--primary-color)!important;background:var(--surface-muted)!important;border-color:var(--border-strong)!important}:root.theme-dark body{color:var(--text-primary);background:var(--app-bg)}:root.theme-dark .users-management-container,:root.theme-dark .monitoring-container,:root.theme-dark .monitoring-dashboard,:root.theme-dark .release-container,:root.theme-dark .repository-detail-container,:root.theme-dark .repository-container,:root.theme-dark .logging-container,:root.theme-dark .logging-colombia-container,:root.theme-dark .logging-multicountry-container,:root.theme-dark .logging-venezuela-container,:root.theme-dark .sdlc-container,:root.theme-dark .security-container,:root.theme-dark .costs-container,:root.theme-dark .configurations-container,:root.theme-dark .diagrams-container,:root.theme-dark .diagram-list-container,:root.theme-dark .diagram-create-container,:root.theme-dark .main-landing-container,:root.theme-dark .landing-container,:root.theme-dark .approvals-container,:root.theme-dark .graficas-container,:root.theme-dark .my-deployments-container,:root.theme-dark .deployments-summary-container{color:var(--text-primary)!important;background:var(--app-bg-gradient)!important}:root.theme-dark .state-card,:root.theme-dark .alert-card,:root.theme-dark .summary-card,:root.theme-dark .metric-card,:root.theme-dark .repository-card,:root.theme-dark .logging-header,:root.theme-dark .filters-section,:root.theme-dark .logs-section,:root.theme-dark .services-section,:root.theme-dark .service-card,:root.theme-dark .log-entry,:root.theme-dark .details-content,:root.theme-dark .no-results-message,:root.theme-dark .empty-message,:root.theme-dark .error-container,:root.theme-dark .stat-card,:root.theme-dark .info-card,:root.theme-dark .deployment-card,:root.theme-dark .config-card,:root.theme-dark .security-card,:root.theme-dark .cost-card,:root.theme-dark .users-table,:root.theme-dark .deployments-section,:root.theme-dark .deployments-table-container,:root.theme-dark .modal-content,:root.theme-dark .modal-container,:root.theme-dark .edit-modal,:root.theme-dark .delete-modal,:root.theme-dark .login-modal,:root.theme-dark .resources-section,:root.theme-dark .environment-section,:root.theme-dark .secrets-section,:root.theme-dark .specialty-form-card,:root.theme-dark .specialty-list-card,:root.theme-dark .org-chart-section,:root.theme-dark .filters-card,:root.theme-dark .squad-summary,:root.theme-dark .specialty-section,:root.theme-dark .approval-card,:root.theme-dark .approvals-table,:root.theme-dark .graficas-section,:root.theme-dark .chart-container,:root.theme-dark .deployments-table,:root.theme-dark .my-deployments-table,:root.theme-dark .deployment-details,:root.theme-dark .release-header,:root.theme-dark .release-table,:root.theme-dark .release-table-container,:root.theme-dark .release-filters,:root.theme-dark .release-modal,:root.theme-dark .details-modal,:root.theme-dark .confirmacion-modal,:root.theme-dark .modal-overlay,:root.theme-dark .checkbox-item,:root.theme-dark .row-item,:root.theme-dark .pipeline-card,:root.theme-dark .pipeline-step,:root.theme-dark .details-panel{color:var(--text-primary)!important;background:var(--surface-primary)!important;border-color:var(--border-color)!important;box-shadow:var(--shadow-sm)!important}:root.theme-dark h1,:root.theme-dark h2,:root.theme-dark h3,:root.theme-dark h4,:root.theme-dark .modal-title,:root.theme-dark .section-title,:root.theme-dark .user-name,:root.theme-dark .nav-text,:root.theme-dark .users-table th,:root.theme-dark .users-table td,:root.theme-dark .node-name,:root.theme-dark .node-title,:root.theme-dark .repo-name span,:root.theme-dark .service-name,:root.theme-dark .stat-value,:root.theme-dark .log-message,:root.theme-dark .details-content{color:var(--text-primary)!important}:root.theme-dark p,:root.theme-dark small,:root.theme-dark label,:root.theme-dark .subtitle,:root.theme-dark .description,:root.theme-dark .section-subtitle,:root.theme-dark .user-role,:root.theme-dark .header-description,:root.theme-dark .form-hint,:root.theme-dark .repo-description,:root.theme-dark .service-meta,:root.theme-dark .service-description,:root.theme-dark .services-summary,:root.theme-dark .stat-label,:root.theme-dark .log-timestamp,:root.theme-dark .log-service,:root.theme-dark .log-source,:root.theme-dark .no-logs,:root.theme-dark .no-services,:root.theme-dark .loading-container{color:var(--text-secondary)!important}:root.theme-dark input,:root.theme-dark select,:root.theme-dark textarea,:root.theme-dark .form-control,:root.theme-dark .searchable-select-input,:root.theme-dark .search-input{color:var(--text-primary)!important;background:var(--surface-secondary)!important;border-color:var(--border-color)!important}:root.theme-dark input:focus,:root.theme-dark select:focus,:root.theme-dark textarea:focus,:root.theme-dark .form-control:focus,:root.theme-dark .searchable-select-input:focus,:root.theme-dark .search-input:focus{border-color:var(--border-strong)!important;box-shadow:var(--focus-ring)!important;outline:none!important}:root.theme-dark .primary,:root.theme-dark .save-btn,:root.theme-dark .submit-button,:root.theme-dark .add-env-button,:root.theme-dark .add-secret-button,:root.theme-dark .generate-default-btn,:root.theme-dark .login-action,:root.theme-dark .action-button.primary,:root.theme-dark .refresh-btn,:root.theme-dark .retry-button,:root.theme-dark .refresh-button,:root.theme-dark .clear-search-button,:root.theme-dark .control-btn{color:var(--text-inverse)!important;background:var(--brand-gradient)!important;border-color:transparent!important}:root.theme-dark .toolbar-btn,:root.theme-dark .cancel-btn,:root.theme-dark .back-button,:root.theme-dark .tool-btn,:root.theme-dark .nav-item,:root.theme-dark .user-action,:root.theme-dark .report-chip,:root.theme-dark .leader-pill,:root.theme-dark .clear-button,:root.theme-dark .details-toggle,:root.theme-dark .clear-filters-btn{color:var(--text-primary)!important;background:var(--surface-secondary)!important;border-color:var(--border-color)!important}:root.theme-dark .toolbar-btn:hover,:root.theme-dark .cancel-btn:hover,:root.theme-dark .back-button:hover,:root.theme-dark .tool-btn:hover,:root.theme-dark .nav-item:hover,:root.theme-dark .nav-item.active,:root.theme-dark .user-action:hover,:root.theme-dark .report-chip:hover,:root.theme-dark .report-chip.selected,:root.theme-dark .clear-button:hover,:root.theme-dark .details-toggle:hover,:root.theme-dark .clear-filters-btn:hover{color:var(--primary-dark)!important;background:var(--surface-muted)!important;border-color:var(--border-strong)!important}:root.theme-dark .repo-icon,:root.theme-dark .title-icon,:root.theme-dark .section-icon,:root.theme-dark .summary-icon,:root.theme-dark .inline-icon,:root.theme-dark .no-logs-icon,:root.theme-dark .no-services-icon,:root.theme-dark .search-icon{color:var(--primary-color)!important;filter:none!important}:root.theme-dark .spinner,:root.theme-dark .loading-spinner{border-color:var(--border-color)!important;border-top-color:var(--primary-color)!important;box-shadow:none!important}:root.theme-dark .card-footer,:root.theme-dark .log-header{color:var(--text-secondary)!important;background:var(--surface-secondary)!important;border-color:var(--border-color)!important}:root.theme-dark .level-info,:root.theme-dark .status-badge{color:var(--primary-dark)!important;background:var(--surface-muted)!important;border-color:var(--border-strong)!important}:root.theme-dark .danger,:root.theme-dark .delete-button,:root.theme-dark .remove-button,:root.theme-dark .modal-header.danger{color:var(--error-color)!important;background:var(--error-bg)!important;border-color:color-mix(in srgb,var(--error-color) 36%,transparent)!important}
