body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}*{box-sizing:border-box}#root,html{margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.login-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;padding:2rem;width:100%}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:4px;padding:.5rem}.form-group input,button{font-size:1rem;width:100%}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem;transition:background-color .2s}button:hover{background-color:#0056b3}.error-message{background-color:#f8d7da;border-radius:4px;color:#dc3545;margin-bottom:1rem;padding:.5rem}h2{color:#333;margin-bottom:1.5rem;text-align:center}.password-field-container{position:relative;width:100%}.password-input{border:2px solid #e2e8f0!important;border-radius:12px!important;box-sizing:border-box!important;font-size:1rem!important;outline:none!important;padding:1rem 3rem 1rem 2.8rem!important;transition:all .3s ease!important;width:100%!important}.password-input:focus{border-color:#2bb67e!important;box-shadow:0 0 0 3px #2bb67e1a!important}.password-toggle-btn{align-items:center!important;background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;display:flex!important;font-size:1.1rem!important;height:20px!important;justify-content:center!important;margin:0!important;padding:0!important;position:absolute!important;right:1rem!important;top:50%!important;transform:translateY(-50%)!important;transition:color .3s ease!important;width:20px!important;z-index:10!important}.password-toggle-btn:hover{color:#2bb67e!important}.password-toggle-btn svg{height:16px!important;width:16px!important}.password-icon{color:#a0aec0!important;font-size:1rem!important;left:1rem!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:5!important}.password-icon svg{height:16px!important;width:16px!important}.landing-simple{background:#fff;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:80vh;padding:0}.header-simple{background:linear-gradient(90deg,#f8f9fa,#e9ecef 50%,#f8f9fa);border-bottom:2px solid #2bb67e;justify-content:space-between;padding:20px 40px}.header-simple,.welcome-info{align-items:center;display:flex}.welcome-info{gap:20px}.logo-simple{height:50px;width:auto}.welcome-text h1{color:#0d1421;font-size:1.6rem;font-weight:600;margin:0}.welcome-text p{color:#2bb67e;font-weight:500;margin:5px 0 0}.time-simple{align-items:center;background:#0d1421;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:1rem;gap:15px;padding:12px 18px}.time-value{font-size:1.1rem;font-weight:600}.date-value{font-size:.9rem;opacity:.8;text-transform:capitalize}.actions-simple{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:25px 20px}.action-simple{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:10px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:120px;padding:20px 15px;transition:all .3s ease}.action-simple:hover{background:#f8f9fa;border-color:#2bb67e;box-shadow:0 4px 8px #2bb67e33;transform:translateY(-2px)}.action-icon-simple{color:#2bb67e;font-size:1.5rem;margin-bottom:3px}.action-simple span{color:#495057;font-size:.85rem;font-weight:500;text-align:center}.stats-simple{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:25px;justify-content:center;padding:20px}.stat-simple{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;gap:12px;padding:15px 20px}.stat-simple svg{color:#2bb67e;font-size:1.2rem}.stat-number{color:#0d1421;font-size:1.3rem;font-weight:700;line-height:1}.stat-label{color:#6c757d;font-size:.8rem;line-height:1}.footer-simple{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;font-size:.85rem;justify-content:space-between;margin-top:auto;padding:15px 40px}.footer-simple>span{color:#2bb67e;font-weight:600}.status-simple{align-items:center;color:#6c757d;display:flex;gap:6px}.status-simple svg{animation:pulse 2s infinite;color:#28a745}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.header-simple{flex-direction:column;gap:20px;padding:20px}.welcome-info{flex-direction:column;gap:15px;text-align:center}.actions-simple{gap:20px;padding:30px 15px}.action-simple{min-width:120px;padding:20px 15px}.stats-simple{gap:20px;padding:20px 15px}.footer-simple,.stat-simple{padding:15px 20px}.footer-simple{flex-direction:column;gap:10px;text-align:center}.welcome-text h1{font-size:1.5rem}}.user-management-modern{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:2rem}.management-header{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 20px 40px #3b82f614,0 10px 20px #0000000a;margin-bottom:2rem;padding:2rem}.header-content{flex-wrap:wrap;gap:1rem}.header-title{align-items:center;display:flex;gap:1rem}.header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#0d9488);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0}.header-title svg{color:#059669;font-size:2rem}.user-count{background:#ecfdf5;border-radius:50px;color:#059669;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.header-actions{align-items:center;display:flex;gap:1rem}.bulk-actions-bar{align-items:center;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:12px;display:flex;justify-content:space-between;margin-top:1.5rem;padding:1rem 1.5rem}.bulk-info span{color:#0369a1;font-weight:600}.bulk-actions{display:flex;gap:1rem}.search-filters-section{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.search-container{flex:1 1;min-width:300px;position:relative}.search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.search-input:focus{background:#fff;border-color:#059669;box-shadow:0 0 0 4px #0596691a,0 4px 12px #05966926;outline:none}.search-icon{color:#64748b;font-size:1.1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.filter-toggle{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease}.filter-toggle:hover{background:#ecfdf5;border-color:#059669;color:#059669}.filters-panel{grid-gap:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem;padding:1rem;width:100%}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:.75rem}.users-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:2rem}.user-card-modern{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-card-modern:hover{box-shadow:0 20px 40px #3b82f61f,0 10px 20px #00000014;transform:translateY(-4px)}.user-card-modern.selected{border-color:#059669;box-shadow:0 0 0 2px #05966933,0 20px 40px #05966926}.bulk-select-checkbox{position:absolute;right:1rem;top:1rem;z-index:10}.bulk-select-checkbox input[type=checkbox]{accent-color:#059669;height:1.2rem;width:1.2rem}.user-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.user-info h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.role-badge{align-items:center;border-radius:50px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.role-badge.admin{background:#fef3c7;color:#92400e}.role-badge.cliente{background:#dbeafe;color:#1e40af}.user-stats{text-align:right}.cert-count{background:#ecfdf5;border-radius:50px;color:#059669;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.user-card-body{margin-bottom:1.5rem}.user-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{align-items:center;color:#64748b;display:flex;font-size:.95rem;gap:.75rem}.detail-item svg{color:#059669;width:1rem}.assigned-certificates{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.assigned-certificates h5{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.cert-list{display:flex;flex-wrap:wrap;gap:.5rem}.cert-tag{background:#f0f9ff;border-radius:6px;color:#0369a1;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.cert-more{color:#64748b;font-size:.75rem;font-style:italic}.edit-form{gap:1rem}.edit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:.75rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px #0596691a}.user-card-actions{display:flex;gap:.75rem}.edit-actions,.normal-actions{display:flex;gap:.75rem;width:100%}.btn-primary{align-items:center;background:linear-gradient(135deg,#059669,#0d9488);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary:hover{box-shadow:0 10px 20px #0596694d;transform:translateY(-1px)}.btn-secondary{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-secondary.active{background:#ecfdf5;border-color:#059669;color:#059669}.btn-bulk{align-items:center;background:#0ea5e9;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.btn-bulk:hover{background:#0284c7}.btn-bulk:disabled{background:#cbd5e1;cursor:not-allowed}.btn-assign{align-items:center;background:#0ea5e9;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.btn-assign:hover{background:#0284c7;transform:translateY(-1px)}.btn-edit{align-items:center;background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.btn-edit:hover{background:#d97706;transform:translateY(-1px)}.btn-delete{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.btn-delete:hover{background:#dc2626;transform:translateY(-1px)}.btn-delete:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.btn-save{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.btn-save:hover{background:#059669}.btn-cancel{align-items:center;background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.btn-cancel:hover{background:#4b5563}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-modern{max-width:600px}.modal-content-large,.modal-content-modern{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000026,0 10px 20px #0000001a;max-height:90vh;overflow-y:auto;padding:0;width:90%}.modal-content-large{max-width:800px}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:2rem}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{color:#1e293b;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.modal-close{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.modal-close:hover{background:#f1f5f9;color:#374151}.modal-body{padding:2rem}.modal-actions{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:space-between;padding:2rem}.add-user-form-modern{padding:2rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.form-group.full-width{grid-column:1/-1}.form-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.form-group input,.form-group select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#059669;box-shadow:0 0 0 4px #0596691a,0 4px 12px #05966926;outline:none}.certificate-search{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem;position:relative}.certificate-search input{border:2px solid #e2e8f0;border-radius:12px;flex:1 1;font-size:1rem;padding:1rem 1rem 1rem 3rem}.certificate-search .search-icon{color:#64748b;left:1rem;position:absolute}.select-all-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#374151;cursor:pointer;display:flex;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.select-all-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.certificates-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;max-height:400px;overflow-y:auto}.certificate-item{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.certificate-item:hover{background:#f0f9ff}.certificate-item.selected{background:#ecfdf5;border-color:#059669}.certificate-item:last-child{border-bottom:none}.cert-checkbox{color:#059669;font-size:1.2rem}.cert-info{flex:1 1}.cert-title{align-items:center;display:flex;gap:1rem;margin-bottom:.25rem}.cert-title strong{color:#1e293b;font-size:1rem}.cert-type{background:#dbeafe;border-radius:6px;color:#1e40af;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.cert-details{color:#64748b;display:flex;font-size:.875rem;gap:1rem}.selection-count{background:#ecfdf5;border-radius:8px;color:#059669;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.loading-container{gap:1rem;min-height:400px}.empty-state,.loading-container{color:#64748b;flex-direction:column}.empty-state{align-items:center;display:flex;grid-column:1/-1;justify-content:center;padding:4rem 2rem}.empty-state svg{color:#cbd5e1;margin-bottom:1rem}.empty-state h3{color:#374151;margin:0 0 .5rem}.no-certificates{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.no-certificates svg{color:#cbd5e1;margin-bottom:1rem}@media (max-width:768px){.user-management-modern{padding:1rem}.management-header{padding:1.5rem}.header-content{align-items:stretch;flex-direction:column}.header-title{justify-content:center;text-align:center}.header-title h1{font-size:2rem}.header-actions{justify-content:center}.search-filters-section{align-items:stretch;flex-direction:column}.search-container{min-width:100%}.form-grid,.users-grid-modern{grid-template-columns:1fr}.modal-content-large,.modal-content-modern{margin:1rem;width:95%}.bulk-actions-bar,.modal-actions{align-items:stretch;flex-direction:column}.bulk-actions-bar{gap:1rem}.certificate-search{flex-direction:column}.select-all-btn{justify-content:center}}@media (max-width:480px){.bulk-actions,.cert-details,.user-card-actions .edit-actions,.user-card-actions .normal-actions{flex-direction:column}.cert-details{gap:.25rem}}.notification{align-items:center;animation:slideInFromRight .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 8px 25px #00000026;color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;max-width:400px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:10000}.notification.success{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b9814d}.notification.error{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef44444d}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.certificate-generator{background:#fff;border-radius:18px;box-shadow:0 18px 40px #00000014;margin:0 auto;max-width:1100px;padding:2.5rem}.generator-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.eyebrow{color:#0ea5e9;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.generator-header h2{color:#0f172a;font-size:1.8rem;margin:.2rem 0}.subtitle{color:#475569;margin:0}.mode-switch{display:flex;gap:.6rem}.mode-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:700;padding:.75rem 1rem;transition:all .2s ease}.mode-btn.active{background:linear-gradient(120deg,#0ea5e9,#22c55e);border-color:#0000;box-shadow:0 10px 25px #10b98140;color:#fff}.certificate-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:.5rem;padding:1.5rem}.certificate-form.grid .form-row,.certificate-form.upload .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.certificate-form label{color:#0f172a;display:flex;flex-direction:column;font-size:.95rem;font-weight:700;gap:.35rem}.certificate-form input{background:#fff;border:1px solid #dfe4ea;border-radius:10px;font-size:.95rem;padding:.75rem .85rem;width:100%}.actions{display:flex;justify-content:flex-end;margin-top:.5rem}.certificate-form button{background:linear-gradient(120deg,#0ea5e9,#22c55e);border:none;border-radius:12px;box-shadow:0 12px 28px #10b98133;color:#fff;cursor:pointer;font-weight:800;padding:.9rem 1.6rem}.status-error{font-weight:700}.status-success{color:#15803d;font-weight:700;margin-top:.8rem}.certificate-management{margin:0 auto;max-width:1100px;padding:2rem}.certificate-management .module-header{margin-bottom:1.5rem}.certificate-management h2{color:#1f2937;font-size:1.8rem;margin-bottom:.3rem}.certificate-management p{color:#4b5563}.filters-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1rem}.filters-grid label{color:#374151;display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.filters-grid input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;padding:.55rem .7rem}.certificate-table-wrapper{border-radius:12px;margin-top:1rem}.certificate-table{border-radius:12px;overflow:hidden}.certificate-table td,.certificate-table th{color:#1f2937}.certificate-table th{background:#f9fafb;font-size:.95rem}.certificate-table td:last-child,.certificate-table th:last-child{width:150px}.certificate-table td:nth-last-child(2),.certificate-table th:nth-last-child(2){width:120px}.certificate-table tr:last-child td{border-bottom:none}.download-btn{align-items:center;background:#2563eb;border-radius:8px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;padding:.35rem .7rem;text-decoration:none;transition:background .2s ease}.actions-cell{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.ghost-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;font-weight:600;padding:.35rem .7rem;transition:all .2s ease}.ghost-btn:hover{border-color:#2563eb;color:#2563eb}.ghost-btn.danger{border-color:#dc2626;color:#dc2626}.ghost-btn.danger:hover{background:#fee2e2}.edit-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 20px #0000000f;margin-top:1.5rem;padding:1.25rem}.edit-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.edit-header .eyebrow{color:#6b7280;font-size:.75rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.edit-header h3{color:#111827;margin:.15rem 0 0}.edit-actions{display:flex;gap:.5rem}.primary-btn{background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.45rem .95rem;transition:background .2s ease}.primary-btn:hover{background:#0f172a}.edit-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.edit-grid label{color:#374151;display:flex;flex-direction:column;font-size:.9rem;gap:.25rem}.edit-grid input{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.55rem .7rem}.editing td{background:#f8fafc}.download-btn:hover{background:#1d4ed8}.status-error{margin-top:.8rem}@media (max-width:1024px){.certificate-management{padding:1.5rem 1rem}.filters-grid{gap:.5rem;grid-template-columns:1fr}.certificate-table-wrapper{box-shadow:none;margin-left:-.25rem;margin-right:-.25rem}.certificate-table,.certificate-table tbody,.certificate-table td,.certificate-table th,.certificate-table thead,.certificate-table tr{display:block;width:100%}.certificate-table thead{height:0;overflow:hidden}.certificate-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:.8rem;padding:.75rem}.certificate-table td{border:none;padding:.35rem 0;position:relative}.certificate-table td:before{color:#4b5563;content:attr(data-label);display:block;font-weight:700;margin-bottom:.15rem}.actions-cell .ghost-btn,.download-btn,.ghost-btn{justify-content:center;text-align:center;width:100%}.actions-cell{gap:.35rem}}.certificates-history{margin:0 auto;max-width:1100px;padding:2.5rem 1.5rem}.certificates-history h2{font-size:1.9rem;margin-bottom:.35rem}.certificates-history p{color:#4b5563}.certificate-table-wrapper{border-radius:14px;box-shadow:0 10px 30px #0000000f;margin-top:1.5rem;overflow:visible}.empty-state{background:#f9fafb;border:1px dashed #cbd5e1;border-radius:12px;color:#6b7280;font-weight:600;padding:1.25rem;text-align:center}.filters-bar{grid-gap:.5rem .75rem;display:grid;gap:.5rem .75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:.75rem}.filters-bar input{background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;padding:.55rem .75rem}.filters-bar input:focus{background:#fff;outline:2px solid #0ea5e9}.certificate-table{background:#fff;border-collapse:collapse;table-layout:auto;width:100%}.certificate-table thead{background:linear-gradient(90deg,#0ea5e9,#10b981);color:#fff}.certificate-table td,.certificate-table th{border-bottom:1px solid #e5e7eb;overflow-wrap:normal;padding:.75rem .95rem;text-align:left;white-space:normal;word-break:keep-all}.certificate-table tbody tr{vertical-align:middle}.certificate-table td:last-child,.certificate-table th:last-child{text-align:center;width:140px}.certificate-table td:nth-last-child(2),.certificate-table th:nth-last-child(2){text-align:center;width:110px}.certificate-table .primary-btn{align-items:center;display:inline-flex;justify-content:center;margin:0 auto;max-width:100%;min-width:120px;padding:.55rem 1.15rem}.certificate-table th{font-size:.92rem;font-weight:700;letter-spacing:.01em}.certificate-table tbody tr:hover{background:#f9fafb}.cell-main{color:#111827;font-weight:700}.cell-sub{color:#6b7280;font-size:.82rem}.status-chip{background:#e0f2fe;border-radius:999px;color:#075985;display:inline-block;font-size:.85rem;font-weight:700;padding:.35rem .7rem;text-transform:capitalize}.status-chip.small{font-size:.8rem}@media (max-width:1024px){.certificate-table-wrapper{box-shadow:none;margin-left:-.25rem;margin-right:-.25rem}.certificates-history{padding:1.5rem 1rem}.filters-bar{gap:.35rem;grid-template-columns:1fr}.certificate-table,.certificate-table tbody,.certificate-table td,.certificate-table th,.certificate-table thead,.certificate-table tr{display:block;width:100%}.certificate-table thead{height:0;overflow:hidden}.certificate-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:.75rem;padding:.75rem}.certificate-table td{border:none;padding:.35rem 0;position:relative}.certificate-table td:before{color:#4b5563;content:attr(data-label);display:block;font-weight:700;margin-bottom:.15rem}.certificate-table .primary-btn{margin-top:.4rem;padding:.6rem 1rem;text-align:center;width:100%}}.status-error{color:#b91c1c}.cache-metrics-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e0;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:20px 0;padding:20px}.metrics-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.metrics-header h3{align-items:center;color:#1a202c;display:flex;font-size:1.4rem;font-weight:600;gap:10px;margin:0}.metrics-header h3 svg{color:#3182ce}.refresh-btn{align-items:center;background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:8px 12px;transition:all .2s ease}.refresh-btn:hover{background:#2c5aa0;transform:translateY(-1px)}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000d;padding:20px;transition:all .3s ease}.metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;margin-bottom:15px;padding-bottom:10px}.metric-header h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0}.metric-header svg{color:#4a5568;font-size:1.2rem}.cache-performance .metric-content{text-align:center}.hit-rate{margin-bottom:20px}.rate-value{align-items:center;display:flex;font-size:2rem;font-weight:700;gap:8px;justify-content:center;margin-bottom:5px}.rate-value.success{color:#38a169}.rate-value.warning{color:#d69e2e}.rate-value.danger{color:#e53e3e}.rate-label{color:#718096;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.cache-stats{display:flex;gap:20px;justify-content:space-around}.stat{text-align:center}.stat .value{color:#2d3748;display:block;font-size:1.5rem;font-weight:700;margin-bottom:5px}.stat .label{color:#718096;font-size:.8rem;text-transform:uppercase}.cost-savings{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border-color:#68d391}.cost-projection,.cost-today{margin-bottom:15px;text-align:center}.cost-value,.projection-value{color:#38a169;display:block;font-size:1.8rem;font-weight:700;margin-bottom:5px}.cost-label,.projection-label{color:#2f855a;font-size:.9rem;font-weight:500}.operations{background:linear-gradient(135deg,#faf5ff,#e9d8fd);border-color:#a78bfa}.operations-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.operation{background:#fff9;border-radius:8px;padding:10px;text-align:center}.op-value{color:#553c9a;display:block;font-size:1.3rem;font-weight:700;margin-bottom:5px}.op-label{color:#6b46c1;font-size:.8rem;font-weight:500}.cost-estimate{background:#fffc;border-radius:8px;color:#553c9a;font-weight:600;padding:10px;text-align:center}.recommendations{background:linear-gradient(135deg,#fffaf0,#fef5e7);border-color:#f6ad55}.recommendations-list{list-style:none;margin:0;padding:0}.recommendation{border-bottom:1px solid #f6ad5533;color:#744210;font-weight:500;padding:8px 0}.recommendation:last-child{border-bottom:none}.metrics-footer{border-top:1px solid #e2e8f0;color:#718096;font-size:.9rem;justify-content:space-between;padding-top:15px}.last-update,.metrics-footer{align-items:center;display:flex}.last-update{gap:8px}.chile-flag{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5rem}.cache-metrics.error,.cache-metrics.loading{align-items:center;background:#f7fafc;border-radius:8px;color:#4a5568;display:flex;font-weight:500;gap:10px;justify-content:center;padding:20px}.cache-metrics.error{background:#fed7d7;color:#c53030}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr}.cache-stats{flex-direction:column;gap:10px}.operations-grid{grid-template-columns:1fr}.metrics-footer{flex-direction:column;gap:10px;text-align:center}.rate-value{font-size:1.5rem}.cost-value,.projection-value{font-size:1.4rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.metric-card{animation:slideIn .4s ease-out}.spinning{animation:spin 1s linear infinite}:root{--chile-blue:#0033a0;--chile-red:#da291c;--chile-white:#fff}.cache-metrics-container{position:relative}.cache-metrics-container:before{background:linear-gradient(90deg,#0033a0 33.33%,#fff 33.33% 66.66%,#da291c 66.66%);background:linear-gradient(90deg,var(--chile-blue) 33.33%,var(--chile-white) 33.33% 66.66%,var(--chile-red) 66.66%);border-radius:12px 12px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.metricas-page{background:linear-gradient(135deg,#f6f9fc,#e9f4f9);min-height:100vh;padding:0}.metricas-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-icon{color:#fbbf24;font-size:4rem;margin-bottom:2rem}.metricas-loading h2{font-size:2rem;font-weight:600;margin-bottom:1rem}.metricas-loading p{font-size:1.2rem;opacity:.8}.metricas-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.title-section{align-items:center;display:flex}.title-section{gap:20px}.page-icon{color:#fbbf24;font-size:3rem}.title-section h1{font-size:2.5rem;font-weight:700;margin:0}.title-section p{font-size:1.2rem;margin:5px 0 0;opacity:.9}.status-badge{align-items:center;background:#10b98133;border:2px solid #10b981;border-radius:25px;display:flex;font-weight:600;gap:10px;padding:12px 20px}.status-badge svg{color:#10b981}.info-section{margin:0 auto;max-width:1200px;padding:40px}.info-card{align-items:flex-start;background:#fff;border-left:5px solid #3b82f6;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;gap:20px;padding:30px}.info-icon-large{color:#3b82f6;font-size:2.5rem;margin-top:5px}.info-content h3{color:#1f2937;font-size:1.8rem;font-weight:600;margin-bottom:15px}.info-content p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:20px}.info-tips{display:flex;flex-wrap:wrap;gap:30px}.tip{align-items:center;display:flex;font-size:1rem;gap:8px}.tip svg{color:#8b5cf6}.metricas-content{margin:0 auto;max-width:1200px;padding:40px}.section-header{margin-bottom:40px;text-align:center}.section-header h2{align-items:center;color:#1f2937;display:flex;font-size:2.2rem;font-weight:700;gap:15px;justify-content:center;margin-bottom:10px}.section-header h2 svg{color:#8b5cf6}.section-header p{color:#6b7280;font-size:1.1rem}.enhanced-cache-metrics{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px}.tooltip-container{display:inline-block;margin-left:8px;position:relative}.info-icon{color:#6b7280;cursor:help;transition:color .2s ease}.info-icon:hover{color:#3b82f6}.tooltip-popup{animation:tooltipFadeIn .2s ease-out;background:#1f2937;border-radius:10px;box-shadow:0 10px 30px #0000004d;color:#fff;left:25px;max-width:400px;min-width:300px;padding:15px;position:absolute;top:-10px;z-index:1000}.tooltip-popup:before{border-bottom:8px solid #0000;border-right:8px solid #1f2937;border-top:8px solid #0000;content:"";left:-8px;position:absolute;top:15px}.tooltip-popup h4{color:#fbbf24;font-size:1.1rem;font-weight:600;margin-bottom:8px}.tooltip-popup p{font-size:.95rem;line-height:1.4;margin:0;opacity:.95}.glosario-section{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:60px auto 40px;max-width:1200px;padding:40px}.glosario-section h3{align-items:center;color:#1f2937;display:flex;font-size:2rem;font-weight:700;gap:15px;margin-bottom:30px}.glosario-section h3 svg{color:#f59e0b}.glosario-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.glosario-item{background:#f9fafb;border-left:4px solid #8b5cf6;border-radius:15px;padding:20px;transition:all .3s ease}.glosario-item:hover{background:#f3f4f6;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.glosario-item h4{color:#1f2937;font-size:1.3rem;font-weight:600;margin-bottom:10px}.glosario-item p{color:#6b7280;line-height:1.5;margin:0}.metricas-footer{background:#1f2937;color:#fff;margin-top:60px;padding:30px 40px}.footer-content{justify-content:space-between;margin:0 auto;max-width:1200px}.footer-content,.footer-info{align-items:center;display:flex}.footer-info{gap:15px}.footer-info svg{color:#10b981;font-size:2rem}.footer-info h4{font-size:1.2rem;font-weight:600;margin:0 0 5px}.footer-info p{margin:0;opacity:.8}.last-update{background:#ffffff1a;border-radius:20px;font-size:.9rem;opacity:.7;padding:8px 15px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.metricas-header{padding:30px 20px}.header-content{gap:20px}.header-content,.title-section{flex-direction:column;text-align:center}.title-section h1{font-size:2rem}.info-section,.metricas-content{padding:30px 20px}.info-card{flex-direction:column;text-align:center}.info-tips{justify-content:center}.glosario-section{margin:30px 20px;padding:30px 20px}.glosario-grid{gap:20px;grid-template-columns:1fr}.footer-content{flex-direction:column;gap:15px;text-align:center}.tooltip-popup{left:-100px;max-width:280px}}@media (max-width:480px){.tooltip-popup{left:-120px;max-width:250px;min-width:250px}}.nav-container{background:linear-gradient(90deg,#0d1421,#2bb67e 50%,#0d1421);box-shadow:0 2px 8px #0000001a;justify-content:space-between;padding:.75rem 2rem}.nav-container,.nav-left{align-items:center;display:flex}.nav-left{gap:2rem}.logo-container{align-items:center;display:flex}.nav-logo{height:50px;object-fit:contain;width:auto}.nav-links{gap:1.5rem}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{border-radius:6px;color:#fff;font-size:.95rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#ffffff1a}.nav-icon{font-size:1.1rem}.user-box{align-items:center;background:#ffffff14;border-radius:8px;display:flex;gap:1rem;margin-left:auto;padding:.75rem 1.25rem}.user-info{align-items:flex-end;display:flex;flex-direction:column;max-width:250px;min-width:120px}.user-name{color:#fff;font-size:.9rem;font-weight:600}.user-empresa,.user-name{line-height:1.2;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:100%}.user-empresa{color:#61dafb;font-size:.8rem;margin-top:2px}.logout-button{background:#dc3545e6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease;white-space:nowrap}@media (max-width:768px){.nav-container{flex-direction:column;min-height:60px;padding:.7rem}.logo-container{margin-right:10px}.nav-logo{height:53px;width:53px}.nav-links{align-items:flex-start;background:#232526fa;display:none;flex-direction:column;height:100vh;left:0;padding:4.5rem .5rem 1.5rem;position:fixed;top:0;width:100%;z-index:2000}.nav-links.open{display:flex}.nav-link{font-size:1rem;padding:.7rem .2rem;width:100%}.burger-menu{align-items:center;background:#ffffff14;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:38px;justify-content:center;position:absolute;right:.7rem;top:.7rem;width:38px;z-index:2100}.burger-bar{background:#fff;border-radius:2px;height:3px;margin:3px 0;transition:all .3s;width:22px}.burger-bar.open:first-child{transform:rotate(45deg) translateY(7px)}.burger-bar.open:nth-child(2){opacity:0}.burger-bar.open:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.user-box{background:none;box-shadow:none;flex-direction:row;justify-content:flex-end;margin-top:0}.user-info{max-width:150px}.user-box{align-items:center;background:#ffffff14;display:flex;margin-left:0;padding:.5rem 1rem;width:auto}.user-info{display:flex;margin-right:.5rem;min-width:100px}.user-empresa,.user-name{display:block;visibility:visible}}.App{background-color:initial;display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.app-content{padding-top:60px}.loading-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#2bb67e;height:50px;width:50px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.1d4409f6.css.map*/