:root{--primary:#002f6c;--primary-light:#3b71ca;--primary-dark:#0a1c3d;--accent:#e6a100;--accent-light:#fef08a;--bg-body:#f4f6f9;--bg-card:#fff;--text-main:#2c3e50;--text-muted:#7f8c8d;--border-color:#dbe2e8;--success:#14a44d;--success-light:#e8f5e9;--warning:#e4a11b;--warning-light:#fff8e1;--danger:#dc4c64;--danger-light:#ffebee;--sidebar-width:260px;--header-height:70px;--transition:all .2s ease-in-out;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:1.5;transition:background-color .3s;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--primary);font-family:Lora,Georgia,serif;font-weight:700}.login-wrapper{z-index:2000;background-color:#fff;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.login-left{color:#fff;text-align:center;background-color:#0000;background-image:linear-gradient(#002f6cd9,#0a1c3df2),url(https://images.unsplash.com/photo-1541339907198-e08756dedf3f?q=80&w=1200);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;flex:1.2;justify-content:center;align-items:center;padding:40px;display:flex}.login-left-logo{width:140px;height:140px;box-shadow:var(--shadow-lg);border:4px solid var(--accent);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:25px;padding:10px;display:flex}.login-left-logo img{object-fit:contain;max-width:100%;max-height:100%}.login-left h2{color:#fff;text-shadow:1px 1px 3px #0000004d;margin-bottom:15px;font-size:2.2rem}.login-left p{opacity:.9;max-width:450px;font-size:1rem;line-height:1.6}.login-right{background-color:#fff;flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex;overflow-y:auto}.login-right-header{align-items:center;gap:15px;margin-bottom:40px;display:flex}.login-right-logo{object-fit:contain;height:60px}.login-right h3{margin-bottom:8px;font-size:1.6rem}.login-right p.subtitle{color:var(--text-muted);margin-bottom:24px}.login-assistant-card{border:1px solid var(--border-color);background-color:var(--bg-body);border-radius:8px;margin-top:25px;padding:15px}.login-assistant-card h4{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.85rem}.login-assistant-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.simulator-bar{background-color:var(--primary-dark);color:#fff;z-index:1000;border-bottom:3px solid var(--accent);justify-content:space-between;align-items:center;padding:8px 20px;font-size:.8rem;display:flex}.simulator-title{align-items:center;gap:6px;font-weight:700;display:flex}.simulator-title i{color:var(--accent)}.simulator-controls{align-items:center;gap:12px;display:flex}.simulator-select{color:#fff;cursor:pointer;transition:var(--transition);background-color:#ffffff26;border:1px solid #ffffff40;border-radius:4px;outline:none;padding:4px 8px;font-size:.8rem;font-weight:600}.simulator-select:hover{border-color:var(--accent);background-color:#ffffff40}.simulator-select option{background-color:var(--primary-dark);color:#fff}header{height:var(--header-height);border-bottom:1px solid var(--border-color);z-index:99;box-shadow:var(--shadow-sm);background-color:#fff;justify-content:space-between;align-items:center;padding:0 30px;display:flex;position:sticky;top:0}.brand-section{align-items:center;gap:15px;display:flex}.brand-logos{align-items:center;gap:10px;display:flex}.brand-logos img.logo-uncp{object-fit:contain;height:42px}.brand-logos img.logo-fis{object-fit:contain;border-left:1px solid var(--border-color);height:42px;padding-left:10px}.brand-info h1{color:var(--primary);font-family:Lora,Georgia,serif;font-size:1.1rem;font-weight:700}.brand-info p{color:var(--text-muted);font-size:.75rem;font-weight:600}.user-actions{align-items:center;gap:20px;display:flex}.notification-bell{cursor:pointer;color:var(--text-muted);transition:var(--transition);font-size:1.2rem;position:relative}.notification-bell:hover{color:var(--primary-light)}.notification-badge{background-color:var(--danger);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notifications-dropdown{background-color:var(--bg-card);border:1px solid var(--border-color);width:320px;box-shadow:var(--shadow-lg);z-index:100;border-radius:8px;display:none;position:absolute;top:55px;right:0;overflow:hidden}.notifications-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 15px;font-size:.85rem;font-weight:600;display:flex}.notifications-header span{color:var(--primary-light);cursor:pointer;font-size:.75rem}.notifications-list{max-height:250px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-color);cursor:pointer;transition:var(--transition);padding:12px 15px;font-size:.8rem}.notification-item:hover{background-color:var(--bg-body)}.notification-item.unread{background-color:#f0f7ff;font-weight:600}.notification-item-time{color:var(--text-muted);margin-top:4px;font-size:.7rem}.user-profile-header{cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:5px 8px;display:flex}.user-profile-header:hover{background-color:var(--bg-body);border-color:var(--border-color)}.user-avatar{background-color:var(--primary);color:#fff;border:2px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:700;display:flex}.user-info-text{text-align:left}.user-info-text .name{color:var(--primary);font-size:.8rem;font-weight:700;display:block}.user-info-text .role{color:var(--text-muted);font-size:.7rem;font-weight:600;display:block}.main-container{flex:1;display:flex}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%);color:#cbd5e1;transition:var(--transition);border-right:1px solid #0000001a;flex-direction:column;justify-content:space-between;padding:20px 10px;display:flex}.sidebar-menu-wrapper{flex:1;margin-bottom:10px;padding-right:2px;overflow-y:auto}.sidebar-menu-wrapper::-webkit-scrollbar{width:5px}.sidebar-menu-wrapper::-webkit-scrollbar-track{background:#ffffff05}.sidebar-menu-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar-menu-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent)}.sidebar-scroll-indicator{text-align:center;color:var(--accent);opacity:.65;-webkit-user-select:none;user-select:none;pointer-events:none;margin-bottom:10px;font-size:.75rem;animation:1.5s infinite sidebarBounce}@keyframes sidebarBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.sidebar-separator{text-align:center;color:var(--accent);opacity:.6;letter-spacing:5px;-webkit-user-select:none;user-select:none;margin:10px 0;font-size:.9rem}.sidebar-menu{flex-direction:column;gap:4px;list-style:none;display:flex}.sidebar-item a{color:#cbd5e1;transition:var(--transition);border-left:3px solid #0000;border-radius:6px;align-items:center;gap:12px;padding:10px 14px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.sidebar-item a:hover{color:#fff;background-color:#ffffff0d}.sidebar-item.active a{color:var(--accent-light);border-left-color:var(--accent);background-color:#ffffff14}.sidebar-item a i{text-align:center;color:#94a3b8;width:20px;font-size:1rem}.sidebar-item.active a i{color:var(--accent)}.sidebar-footer{text-align:center;color:#94a3b8;border-top:1px solid #ffffff14;padding:15px 10px 5px;font-size:.72rem}.content-area{max-height:calc(100vh - var(--header-height) - 35px);flex:1;padding:25px 30px;overflow-y:auto}.card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:8px;margin-bottom:20px;padding:20px}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:10px;display:flex}.card-title{color:var(--primary);align-items:center;gap:8px;font-family:Lora,Georgia,serif;font-size:1.1rem;display:flex}.btn{cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:4px;outline:none;justify-content:center;align-items:center;gap:8px;padding:7px 15px;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-sm)}.btn-primary:disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.6}.btn-secondary{border-color:var(--border-color);color:var(--text-main);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-body)}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover{background-color:#0d8a3c}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#b83c50}.btn-warning{background-color:var(--accent);color:#fff}.btn-warning:hover{background-color:#c98c00}.btn-icon{border-radius:4px;padding:5px 8px}.status-badge{text-transform:uppercase;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.status-badge.pendiente{background-color:var(--warning-light);color:#b27a00}.status-badge.revision{color:#1976d2;background-color:#e3f2fd}.status-badge.aprobada,.status-badge.emitido,.status-badge.activo,.status-badge.consolidada{background-color:var(--success-light);color:#1b5e20}.status-badge.rechazada,.status-badge.inactivo,.status-badge.desaprobado{background-color:var(--danger-light);color:#b71c1c}.status-badge.observada{color:#4a148c;background-color:#f3e5f5}.table-responsive{border:1px solid var(--border-color);border-radius:6px;width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}th{color:var(--primary);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;background-color:#f8f9fa;padding:10px 14px;font-size:.8rem;font-weight:700}td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:11px 14px}tr:hover td{background-color:#3b71ca05}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:20px;display:grid}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:8px;align-items:center;gap:15px;padding:18px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.stat-icon.primary{color:var(--primary);background-color:#e8f0fe}.stat-icon.success{background-color:var(--success-light);color:var(--success)}.stat-icon.warning{background-color:var(--warning-light);color:var(--warning)}.stat-icon.danger{background-color:var(--danger-light);color:var(--danger)}.stat-icon.purple{color:#8b5cf6;background-color:#f3e8ff}.stat-details h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:.7rem}.stat-details .value{color:var(--primary);font-size:1.25rem;font-weight:700}.stat-details .subtext{font-size:.7 flex;color:var(--text-muted);margin-top:4px}.form-group{text-align:left;margin-bottom:15px}.form-group label{color:var(--text-main);margin-bottom:5px;font-size:.75rem;font-weight:600;display:block}.form-control{border:1px solid var(--border-color);width:100%;transition:var(--transition);background-color:#fff;border-radius:4px;outline:none;padding:8px 10px;font-family:inherit;font-size:.85rem}.form-control:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #3b71ca1f}.form-control:disabled{background-color:var(--bg-body);color:var(--text-muted);cursor:not-allowed}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background-color:#0f172a80;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.modal-container{background-color:var(--bg-card);width:100%;max-width:650px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.modal-header{background-color:var(--primary);color:#fff;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal-header h3{color:#fff;font-size:1rem}.modal-close{color:#fff;cursor:pointer;opacity:.8;transition:var(--transition);background:0 0;border:none;font-size:1.15rem}.modal-close:hover{opacity:1}.modal-body{max-height:70vh;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background-color:#f8f9fa;justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.wizard-steps{justify-content:space-between;margin-bottom:25px;display:flex;position:relative}.wizard-steps:before{content:"";background-color:var(--border-color);z-index:1;width:80%;height:2px;position:absolute;top:16px;left:10%}.wizard-step{z-index:2;flex-direction:column;align-items:center;width:25%;display:flex;position:relative}.step-number{background-color:var(--bg-card);border:2px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;font-size:.85rem;font-weight:700;display:flex}.wizard-step.active .step-number{border-color:var(--primary-light);background-color:var(--primary-light);color:#fff}.wizard-step.completed .step-number{border-color:var(--success);background-color:var(--success);color:#fff}.step-label{color:var(--text-muted);text-align:center;font-size:.7rem;font-weight:600}.wizard-step.active .step-label{color:var(--primary)}.wizard-step.completed .step-label{color:var(--success)}.wizard-content{display:none}.wizard-content.active{display:block}.requirement-row{border:1px solid var(--border-color);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 14px;display:flex}.requirement-row.success{border-left:3px solid var(--success);background-color:#14a44d03}.courses-select-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;margin-top:12px;display:grid}.course-card{border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);background-color:var(--bg-card);border-radius:8px;padding:14px;position:relative}.course-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.course-card.selected{border-color:var(--primary-light);background-color:#f0f7ff}.course-card.disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-body)}.course-card-header{justify-content:space-between;margin-bottom:6px;display:flex}.course-code{background-color:var(--bg-body);color:var(--text-muted);border-radius:3px;padding:2px 5px;font-size:.65rem;font-weight:700}.course-name{color:var(--primary);margin-bottom:5px;font-size:.8rem;font-weight:700}.course-meta{color:var(--text-muted);flex-direction:column;gap:3px;font-size:.75rem;display:flex}.course-meta span i{width:14px;margin-right:4px}.course-select-check{border:2px solid var(--border-color);color:#fff;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;display:flex;position:absolute;top:14px;right:14px}.course-card.selected .course-select-check{background-color:var(--primary-light);border-color:var(--primary-light)}.conflict-warning{background-color:var(--danger-light);color:#b71c1c;border:1px solid #ffcdd2;border-radius:6px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;font-size:.75rem;display:none}.figma-section{grid-template-columns:240px 1fr;gap:20px;display:grid}.figma-nav{border:1px solid var(--border-color);background-color:#fff;border-radius:6px;padding:10px;list-style:none}.figma-nav-item{cursor:pointer;transition:var(--transition);border-radius:4px;padding:8px 12px;font-size:.8rem;font-weight:600}.figma-nav-item:hover,.figma-nav-item.active{background-color:var(--bg-body);color:var(--primary)}.figma-content{border:1px solid var(--border-color);background-color:#fff;border-radius:6px;padding:24px}.figma-color-palette{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;display:grid}.figma-color-box{border:1px solid var(--border-color);border-radius:6px;font-size:.75rem;overflow:hidden}.figma-color-swatch{height:80px}.figma-color-info{background-color:#fff;padding:10px}.pdf-sim-box{color:#000;max-width:550px;box-shadow:var(--shadow-md);background-color:#fff;border:1px solid #000;margin:0 auto;padding:25px;font-family:Open Sans,Arial,sans-serif}.pdf-sim-header{text-align:center;border-bottom:2px solid #000;margin-bottom:18px;padding-bottom:12px}.pdf-sim-title{text-transform:uppercase;margin-top:8px;font-family:Lora,Georgia,serif;font-size:1.15rem;font-weight:700}.pdf-sim-body{font-size:.8rem;line-height:1.4}.pdf-sim-section{margin-bottom:12px}.pdf-sim-grid{grid-template-columns:120px 1fr;gap:5px;margin-bottom:3px;display:grid}.pdf-sim-label{font-weight:700}.pdf-sim-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:.75rem}.pdf-sim-table th,.pdf-sim-table td{text-align:left;border:1px solid #000;padding:5px 8px}.pdf-sim-table th{background-color:#f1f5f9}.pdf-sim-qr{text-align:center;background-color:#fafafa;border:1px solid #000;flex-direction:column;justify-content:center;align-items:center;width:85px;height:85px;margin-top:15px;padding:4px;font-size:.45rem;display:flex}.audit-list{flex-direction:column;gap:8px;display:flex}.audit-item{border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.8rem;display:flex}.audit-info{align-items:center;gap:12px;display:flex}.audit-badge{color:#fff;border-radius:3px;padding:3px 6px;font-size:.65rem;font-weight:700}.audit-badge.login{background-color:var(--primary-light)}.audit-badge.note{background-color:#8b5cf6}.audit-badge.enroll{background-color:var(--success)}.audit-badge.cert{background-color:var(--accent)}.audit-badge.security{background-color:var(--danger)}.audit-meta{text-align:right;color:var(--text-muted);font-size:.75rem}.accordion-item{border:1px solid var(--border-color);border-radius:6px;margin-bottom:8px;overflow:hidden}.accordion-header{cursor:pointer;background-color:#f8f9fa;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:10px 15px;font-size:.85rem;font-weight:700;display:flex}.accordion-item.open .accordion-header{border-bottom-color:var(--border-color)}.accordion-content{background-color:#fff;padding:15px;display:none}.accordion-item.open .accordion-content{display:block}.progress-container{background-color:var(--border-color);border-radius:8px;width:100%;height:8px;margin-top:8px;overflow:hidden}.progress-bar{background-color:var(--success);border-radius:8px;width:0%;height:100%;transition:width .8s ease-in-out}.view-section{display:none}.view-section.active{display:block}.toast-container{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{color:#fff;box-shadow:var(--shadow-lg);border-left:4px solid var(--primary-light);background-color:#2c3e50;border-radius:4px;align-items:center;gap:8px;padding:10px 16px;font-size:.8rem;animation:.2s ease-out toastSlideIn;display:flex}.toast.success{border-left-color:var(--success)}.toast.warning{border-left-color:var(--warning)}.toast.danger{border-left-color:var(--danger)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.fade-out{animation:.2s ease-in forwards toastSlideOut}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}#app-wrapper.phone-emulator{max-width:375px;max-height:812px;box-shadow:var(--shadow-lg), 0 0 0 2px #00000026;background-color:var(--bg-body);border:12px solid #1e293b;border-radius:36px;flex-direction:column;height:812px;margin:20px auto;display:flex;position:relative;overflow:hidden}#app-wrapper.phone-emulator:before{content:"";z-index:2000;pointer-events:none;background-color:#1e293b;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:150px;height:18px;position:absolute;top:0;left:50%;transform:translate(-50%)}#app-wrapper.phone-emulator header{padding:0 15px}#app-wrapper.phone-emulator .brand-info,#app-wrapper.phone-emulator .user-info-text{display:none}#app-wrapper.phone-emulator .main-container{height:calc(100% - var(--header-height));flex-direction:column;overflow:hidden}#app-wrapper.phone-emulator .sidebar{left:-100%;top:var(--header-height);height:calc(100% - var(--header-height));z-index:999;width:80%;transition:left .3s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:10px 0 15px -3px #00000014}#app-wrapper.phone-emulator .sidebar.open{left:0}#app-wrapper.phone-emulator .content-area{max-height:calc(812px - var(--header-height));padding:15px}#app-wrapper.phone-emulator .hamburger-btn{display:inline-flex!important}#app-wrapper.phone-emulator .stats-grid,#app-wrapper.phone-emulator .figma-section{grid-template-columns:1fr}@media (width<=768px){header{padding:0 15px}.brand-info,.user-info-text{display:none}.main-container{flex-direction:column;overflow:hidden}.sidebar{left:-100%;top:var(--header-height);height:calc(100vh - var(--header-height));z-index:999;width:80%;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;box-shadow:10px 0 15px -3px #00000014}.sidebar.open{left:0}.content-area{max-height:calc(100vh - var(--header-height));padding:15px}.hamburger-btn{display:inline-flex!important}.stats-grid,.figma-section{grid-template-columns:1fr}}