@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-navy: #0b1329;--color-navy-light: #1c2541;--color-primary: #1d3557;--color-primary-light: #457b9d;--color-primary-hover: #1d3557;--color-bg: #f8f9fa;--color-bg-card: #ffffff;--color-text: #2f3e46;--color-text-light: #6c757d;--color-border: #e9ecef;--color-success: #2a9d8f;--color-success-bg: #e8f5e9;--color-success-text: #1b5e20;--color-warning: #e9c46a;--color-warning-bg: #fffde7;--color-warning-text: #f57f17;--color-danger: #e76f51;--color-danger-bg: #ffebee;--color-danger-text: #c62828;--color-info: #457b9d;--color-info-bg: #e1f5fe;--color-info-text: #0277bd;--color-purple: #9b5de5;--color-purple-bg: #f3e5f5;--color-purple-text: #6a1b9a;--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-xl: 32px;--box-shadow: 0 10px 30px -10px rgba(11, 19, 41, .04), 0 0 0 1px rgba(11, 19, 41, .02);--box-shadow-hover: 0 20px 40px -15px rgba(11, 19, 41, .08), 0 0 0 1px rgba(11, 19, 41, .03);--transition: all .45s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.6;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-navy);font-weight:600;line-height:1.25}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;outline:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}#main-content{flex:1 0 auto;min-height:50vh}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-light)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2.5rem}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.text-info{color:var(--color-info)}.text-primary-light{color:var(--color-primary-light)}.text-light{color:var(--color-text-light)}.header-wrapper{position:sticky;top:0;z-index:100;background-color:#fffffff2;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 3px #0000000d}.header-container{height:75px;display:flex;align-items:center;justify-content:space-between}.logo-section a{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;font-family:var(--font-heading);color:var(--color-navy)}.logo-icon{font-size:1.75rem}.logo-sub{color:var(--color-primary);font-weight:500}nav ul{list-style:none;display:flex;gap:1.5rem}.nav-menu a{color:var(--color-text-light);font-weight:500;font-size:.95rem;padding:.5rem .25rem;border-bottom:2px solid transparent}.nav-menu a:hover,.nav-menu a.nav-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.controls-panel{display:flex;align-items:center;gap:1rem}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;padding:0;background:transparent;border:none;cursor:pointer;z-index:101}.mobile-menu-btn span{display:block;width:100%;height:2px;background-color:var(--color-navy);border-radius:2px;transition:var(--transition)}.mobile-menu-btn.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.double-bezel{background-color:#0b132905;border:1px solid rgba(11,19,41,.04);padding:6px;border-radius:var(--border-radius-xl);transition:var(--transition)}.double-bezel-inner{background-color:var(--color-bg-card);border:1px solid rgba(11,19,41,.03);box-shadow:inset 0 1px 1px #fffc,var(--box-shadow);padding:1.5rem;border-radius:calc(var(--border-radius-xl) - 6px);height:100%;transition:var(--transition)}.double-bezel:hover{background-color:#0b13290a}.double-bezel:hover .double-bezel-inner{transform:translateY(-4px);box-shadow:inset 0 1px 1px #fffc,var(--box-shadow-hover)}.user-badge-dropdown{position:relative}.user-badge-btn{display:flex;align-items:center;gap:.75rem;text-align:left;padding:.5rem .75rem;border-radius:var(--border-radius-md);background-color:var(--color-bg);border:1px solid var(--color-border);transition:var(--transition)}.user-badge-btn:hover{background-color:var(--color-border)}.user-badge-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background-color:var(--color-primary-light);color:#fff;border-radius:50%;flex-shrink:0}.user-badge-avatar svg{width:18px;height:18px}.dropdown-chevron-icon{display:flex;align-items:center;color:var(--color-text-light);transition:transform .3s cubic-bezier(.16,1,.3,1)}.user-dropdown-menu.show~* .dropdown-chevron-icon,.user-badge-btn[aria-expanded=true] .dropdown-chevron-icon{transform:rotate(180deg)}.user-badge-info{display:flex;flex-direction:column}.user-badge-name{font-size:.85rem;font-weight:600;color:var(--color-navy)}.user-badge-role{font-size:.75rem;color:var(--color-text-light)}.user-dropdown-menu{position:absolute;right:0;top:105%;width:200px;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-hover);padding:.5rem 0;display:none;flex-direction:column;z-index:1000}.user-dropdown-menu.show{display:flex}.user-dropdown-menu a,.user-dropdown-menu button{padding:.6rem 1.25rem;font-size:.9rem;color:var(--color-text);display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;transition:var(--transition)}.user-dropdown-menu a:hover,.user-dropdown-menu button:hover{background-color:var(--color-bg);color:var(--color-primary)}.user-dropdown-menu hr{border:none;border-top:1px solid var(--color-border);margin:.5rem 0}.logout-btn{color:var(--color-danger)!important}.mobile-menu{display:none;background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:1rem 0;box-shadow:0 10px 15px -3px #0000000d}.mobile-menu ul{flex-direction:column;gap:.75rem}.mobile-menu a{display:block;padding:.5rem 1.5rem;color:var(--color-text-light);font-weight:500}.mobile-menu a.nav-active,.mobile-menu a:hover{background-color:var(--color-bg);color:var(--color-primary);padding-left:1.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:var(--border-radius-md);font-size:.95rem;font-weight:600;transition:var(--transition);text-align:center}.btn-sm{padding:.4rem .85rem;font-size:.85rem;border-radius:var(--border-radius-sm)}.btn-lg{padding:.8rem 1.75rem;font-size:1.05rem}.btn-primary{background-color:var(--color-primary);color:#fff!important}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-navy-light);color:#fff!important}.btn-secondary:hover{background-color:var(--color-navy)}.btn-secondary-outline{border:1px solid var(--color-border);color:var(--color-text)!important;background-color:var(--color-bg-card)}.btn-secondary-outline:hover{background-color:var(--color-bg);border-color:var(--color-text-light)}.btn-danger{background-color:var(--color-danger);color:#fff!important}.btn-danger:hover{background-color:var(--color-danger-text)}.btn-danger-outline{border:1px solid var(--color-danger);color:var(--color-danger)!important;background-color:transparent}.btn-danger-outline:hover{background-color:var(--color-danger-bg)}.btn-success{background-color:var(--color-success);color:#fff!important}.btn-success:hover{background-color:var(--color-success-text)}.btn-success-outline{border:1px solid var(--color-success);color:var(--color-success)!important;background-color:transparent}.btn-success-outline:hover{background-color:var(--color-success-bg)}.btn-warning{background-color:var(--color-warning);color:var(--color-navy)!important}.btn-warning:hover{background-color:#f4d35e}.btn-warning-outline{border:1px solid var(--color-warning);color:var(--color-warning-text)!important;background-color:transparent}.btn-warning-outline:hover{background-color:var(--color-warning-bg)}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--color-navy-light);margin-bottom:.4rem}.form-control{width:100%;padding:.65rem .9rem;border-radius:var(--border-radius-md);border:1px solid var(--color-border);font-family:var(--font-body);font-size:.95rem;color:var(--color-text);background-color:var(--color-bg-card);transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e40af26}textarea.form-control{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.checkbox-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input{width:17px;height:17px;accent-color:var(--color-primary)}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.card{background-color:var(--color-bg-card);border-radius:var(--border-radius-md);border:1px solid var(--color-border);box-shadow:var(--box-shadow);padding:1.5rem;transition:var(--transition)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-hover)}.card-header{border-bottom:1px solid var(--color-border);padding-bottom:1rem;margin-bottom:1.25rem}.card-footer{border-top:1px solid var(--color-border);padding-top:1rem;margin-top:1.25rem;display:flex;justify-content:flex-end;gap:.75rem}.training-card{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.training-card-img{height:180px;width:100%;object-fit:cover;background-color:var(--color-navy-light)}.training-card-body{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1}.training-card-category{font-size:.75rem;text-transform:uppercase;font-weight:700;color:var(--color-primary-light);letter-spacing:.5px;margin-bottom:.4rem}.training-card-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;line-height:1.3}.training-card-desc{font-size:.85rem;color:var(--color-text-light);margin-bottom:1rem;flex-grow:1}.training-card-meta{font-size:.8rem;color:var(--color-text-light);display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;background-color:var(--color-bg);padding:.75rem;border-radius:var(--border-radius-sm)}.training-card-meta div{display:flex;justify-content:space-between}.training-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border);padding-top:.75rem}.training-card-price{font-size:1.15rem;font-weight:800;color:var(--color-primary)}.training-card-completed{opacity:.8}.training-card-completed .training-card-img{filter:grayscale(80%)}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-align:center;line-height:1}.badge-received{background-color:#ebf5ff;color:#1e40af}.badge-pending{background-color:#fffbeb;color:#b45309}.badge-approved{background-color:#ecfdf5;color:#047857}.badge-uploaded{background-color:#eff6ff;color:#2563eb}.badge-ongoing{background-color:#faf5ff;color:#6b21a8}.badge-completed{background-color:#d1fae5;color:#065f46}.badge-rejected{background-color:#fef2f2;color:#991b1b}.badge-cancelled,.badge-draft{background-color:#f3f4f6;color:#374151}.badge-published{background-color:#dbeafe;color:#1e40af}.badge-online{background-color:#e0f2fe;color:#0369a1}.badge-classroom{background-color:#fef3c7;color:#d97706}.badge-hybrid{background-color:#f3e8ff;color:#7e22ce}.dashboard-layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 75px)}.dashboard-sidebar{background-color:var(--color-navy);color:#fff;padding:1.5rem 0;display:flex;flex-direction:column}.dashboard-menu{list-style:none;display:flex;flex-direction:column;gap:.25rem}.dashboard-menu button,.dashboard-menu a{color:#94a3b8;font-weight:500;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;font-size:.95rem;transition:var(--transition)}.dashboard-menu button:hover,.dashboard-menu a:hover,.dashboard-menu li.active button,.dashboard-menu li.active a{color:#fff;background-color:var(--color-navy-light);border-left:4px solid var(--color-primary-light);padding-left:calc(1.5rem - 4px)}.dashboard-content{padding:2rem;background-color:var(--color-bg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background-color:var(--color-bg-card);border-radius:var(--border-radius-md);border:1px solid var(--color-border);box-shadow:var(--box-shadow);padding:1.25rem;display:flex;align-items:center;gap:1rem}.stat-card-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-md);background-color:var(--color-bg)}.stat-card-info{display:flex;flex-direction:column}.stat-card-value{font-size:1.5rem;font-weight:800;color:var(--color-navy)}.stat-card-label{font-size:.8rem;color:var(--color-text-light);font-weight:500}.table-responsive{width:100%;overflow-x:auto;background-color:var(--color-bg-card);border-radius:var(--border-radius-md);border:1px solid var(--color-border);box-shadow:var(--box-shadow)}table.table{width:100%;border-collapse:collapse;text-align:left}table.table th,table.table td{padding:.9rem 1.25rem;border-bottom:1px solid var(--color-border)}table.table th{background-color:var(--color-bg);font-weight:600;font-size:.85rem;color:var(--color-navy-light);text-transform:uppercase;letter-spacing:.5px}table.table tr:last-child td{border-bottom:none}table.table tbody tr:hover{background-color:#1e40af05}.hero-section{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;padding:5rem 0;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 80% 20%,rgba(59,130,246,.15) 0%,transparent 50%);pointer-events:none}.hero-title{font-size:2.75rem;font-weight:800;color:#fff;margin-bottom:1rem;letter-spacing:-.5px}.hero-subtitle{font-size:1.15rem;max-width:700px;margin:0 auto 2rem;opacity:.85}.hero-actions{display:flex;justify-content:center;gap:1rem}.quick-actions-bar{margin-top:-2.5rem;position:relative;z-index:10}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-action-card{background-color:var(--color-bg-card);border-radius:var(--border-radius-md);box-shadow:0 10px 25px -5px #0000001a;border:1px solid var(--color-border);padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:var(--transition)}.quick-action-card:hover{transform:translateY(-3px);box-shadow:0 20px 25px -5px #0000001f}.quick-action-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--color-bg);border-radius:50%}.quick-action-info h4{font-size:.95rem;font-weight:700}.quick-action-info p{font-size:.75rem;color:var(--color-text-light)}.filter-tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.filter-tab{padding:.5rem 1rem;border-radius:9999px;font-size:.85rem;font-weight:600;background-color:var(--color-bg-card);border:1px solid var(--color-border);transition:var(--transition)}.filter-tab:hover,.filter-tab.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.lms-layout{display:grid;grid-template-columns:320px 1fr;min-height:calc(100vh - 75px)}.lms-sidebar{background-color:var(--color-bg-card);border-right:1px solid var(--color-border);overflow-y:auto;padding:1rem 0}.lms-sidebar-header{padding:0 1.25rem 1rem;border-bottom:1px solid var(--color-border)}.lms-sidebar-module{margin-top:1rem}.lms-module-title{font-size:.85rem;font-weight:700;color:var(--color-navy-light);background-color:var(--color-bg);padding:.5rem 1.25rem;text-transform:uppercase;letter-spacing:.5px}.lms-lesson-list{list-style:none}.lms-lesson-item button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.85rem;color:var(--color-text);width:100%;text-align:left;transition:var(--transition)}.lms-lesson-item button:hover{background-color:var(--color-bg);color:var(--color-primary)}.lms-lesson-item.active button{background-color:var(--color-info-bg);color:var(--color-primary);font-weight:600}.lms-lesson-icon{font-size:1.1rem}.lms-content-pane{padding:2rem 3rem;overflow-y:auto;background-color:var(--color-bg-card)}.progress-bar-container{background-color:var(--color-border);border-radius:9999px;height:10px;width:100%;overflow:hidden;margin:.5rem 0 1rem}.progress-bar-fill{background-color:var(--color-success);height:100%;transition:width .4s ease}.quiz-question-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:1.25rem;margin-bottom:1.25rem}.quiz-question-text{font-weight:600;font-size:1.05rem;margin-bottom:1rem}.quiz-options{display:flex;flex-direction:column;gap:.5rem}.quiz-option-label{display:flex;align-items:center;gap:.75rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);padding:.75rem 1rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition)}.quiz-option-label:hover{border-color:var(--color-primary);background-color:var(--color-info-bg)}.quiz-option-label input{accent-color:var(--color-primary)}#toast-container{position:fixed;bottom:2rem;right:2rem;z-index:10000;display:flex;flex-direction:column;gap:.75rem;max-width:400px}.toast{display:flex;align-items:center;gap:.75rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border-radius:var(--border-radius-md);padding:1rem 1.25rem;transform:translateY(1rem);opacity:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.toast-show{transform:translateY(0);opacity:1}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-danger)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-icon{font-size:1.25rem}.toast-message{font-size:.9rem;font-weight:500}.toast-close{font-size:1.25rem;color:var(--color-text-light)}.toast-close:hover{color:var(--color-navy)}.loader-container{display:flex;justify-content:center;align-items:center;padding:4rem 0;width:100%}.loader{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1.5rem}.modal-overlay.show{display:flex}.modal-container{background-color:var(--color-bg-card);border-radius:var(--border-radius-lg);box-shadow:0 25px 50px -12px #00000040;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-close{font-size:1.75rem;color:var(--color-text-light)}.modal-body{padding:1.5rem;overflow-y:auto}.certificate-preview-container{width:100%;display:flex;justify-content:center;margin:1rem 0}.certificate-printable{width:100%;max-width:842px;height:595px;padding:40px;background-color:#fff;border:15px double var(--color-primary);box-sizing:border-box;position:relative;font-family:Inter,sans-serif;color:#1e293b;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 0 15px #0000001a;background-image:radial-gradient(rgba(30,64,175,.02) 2px,transparent 2px);background-size:24px 24px}.cert-header{text-align:center;border-bottom:2px solid var(--color-primary-light);padding-bottom:15px}.cert-logo{font-size:1.5rem;font-weight:800;color:var(--color-navy)}.cert-institution{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--color-primary);margin-top:4px}.cert-body{text-align:center;padding:10px 0}.cert-title-label{font-size:2.25rem;font-family:var(--font-heading);color:var(--color-navy);font-weight:800;margin-bottom:15px;letter-spacing:2px;text-transform:uppercase}.cert-text-intro{font-size:.95rem;color:var(--color-text-light);margin-bottom:10px}.cert-recipient-name{font-size:1.85rem;font-weight:700;color:var(--color-primary-hover);border-bottom:1px solid var(--color-border);display:inline-block;padding:0 30px 5px;margin-bottom:15px;font-family:var(--font-heading)}.cert-explanation{font-size:1rem;max-width:600px;margin:0 auto;line-height:1.5}.cert-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:15px}.cert-verification-block{display:flex;align-items:center;gap:15px}.cert-qr-placeholder{width:80px;height:80px;border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;text-align:center;background-color:#fff}.cert-meta-info{font-size:.75rem;color:var(--color-text-light)}.cert-signature-block{text-align:center}.cert-sig-line{width:150px;border-top:1px solid var(--color-text-light);margin-top:30px}.cert-sig-title{font-size:.85rem;font-weight:600;color:var(--color-navy)}.cert-sig-subtitle{font-size:.75rem;color:var(--color-text-light)}@media print{body *{visibility:hidden}#certificate-print-modal,#certificate-print-modal *,.certificate-printable,.certificate-printable *{visibility:visible}#certificate-print-modal{position:absolute;left:0;top:0;width:100%;height:100%;background:none;padding:0;margin:0}.modal-header,.modal-footer,.modal-close{display:none!important}.certificate-printable{position:absolute;left:0;top:0;width:297mm;height:210mm;border:15px double var(--color-primary);box-shadow:none;page-break-after:avoid}@page{size:landscape;margin:0}}@media (max-width: 992px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{display:none}.lms-layout{grid-template-columns:1fr}.lms-sidebar{border-right:none;border-bottom:1px solid var(--color-border);max-height:250px}}@media (max-width: 768px){nav{display:none}.mobile-menu-btn,.mobile-menu-show{display:block}.hero-title{font-size:2rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.hero-actions{flex-direction:column}}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;padding:3rem 0}.hero-text-content{display:flex;flex-direction:column}.hero-badge-tag{display:inline-flex;align-items:center;align-self:flex-start;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-primary-light);padding:.4rem 1rem;border-radius:9999px;font-size:.85rem;font-weight:700;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero-stats{display:flex;gap:2.5rem;margin-top:2.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.hero-stat-item h3{color:#fff!important;font-size:1.75rem;font-weight:800;margin-bottom:2px}.hero-stat-item p{color:#94a3b8;font-size:.85rem}.hero-image-container{position:relative;border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:0 30px 60px -15px #0000004d}.hero-image-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(255,255,255,.1);border-radius:var(--border-radius-xl);pointer-events:none;z-index:2}.carousel-outer{overflow:hidden;position:relative;padding:1rem .5rem 2.5rem;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}.carousel-outer.grabbing{cursor:grabbing}.carousel-track{display:flex;gap:1.5rem;will-change:transform}.carousel-slide{--slide-width: calc(33.333% - 1rem) ;width:var(--slide-width);flex:0 0 var(--slide-width);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.carousel-slide img,.carousel-slide a,.carousel-slide button{-webkit-user-drag:none;user-drag:none}@media (max-width: 992px){.carousel-slide{--slide-width: calc(50% - .75rem) }.hero-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-badge-tag{align-self:center}.hero-stats{justify-content:center;gap:2rem}}@media (max-width: 600px){.carousel-slide{--slide-width: 100%}.hero-stats{flex-direction:column;gap:1.5rem;align-items:center}}.carousel-navigation{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.carousel-nav-btn{width:44px;height:44px;border-radius:50%;background-color:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--box-shadow);display:flex;align-items:center;justify-content:center;color:var(--color-navy);transition:var(--transition)}.carousel-nav-btn:hover{background-color:var(--color-primary);color:#fff!important;border-color:var(--color-primary);transform:scale(1.05)}.carousel-dots{display:flex;gap:.5rem}.carousel-dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-border);cursor:pointer;transition:var(--transition)}.carousel-dot.active{background-color:var(--color-primary-light);width:24px;border-radius:5px}.reveal-on-scroll{opacity:0;transform:translateY(20px);will-change:opacity,transform}@media (prefers-reduced-motion: reduce){.reveal-on-scroll{opacity:1!important;transform:none!important}}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.profile-grid-span-2{grid-column:span 2}@media (max-width: 768px){.profile-grid{grid-template-columns:1fr!important}.profile-grid-span-2{grid-column:span 1!important}}.suyam-hero-section{position:relative;width:100%;height:520px;background-image:url(../img/bg-suyam-2024.svg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;display:flex;align-items:center}.suyam-hero-container{height:100%;display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center;width:100%}.suyam-slider-content{text-align:left;z-index:5;padding-right:1rem}.suyam-slider-badge{display:inline-flex;align-items:center;gap:.5rem;background:#0fa37f14;border:1px solid rgba(15,163,127,.15);color:#0fa37f;padding:.4rem 1rem;border-radius:9999px;font-size:.85rem;font-weight:700;margin-bottom:1.25rem}.suyam-typewriter-title{font-size:2.85rem;font-weight:800;color:#0b1329;line-height:1.15;margin-bottom:1rem;font-family:var(--font-heading)}.typing-wrapper{position:relative;display:inline-block;color:#ef4444;min-height:1.25em}.typing-cursor{font-weight:400;color:#0b1329;animation:blinkCursor .8s step-end infinite;margin-left:2px}@keyframes blinkCursor{0%,to{color:transparent}50%{color:#0b1329}}.suyam-slider-subtitle{font-size:1.02rem;line-height:1.7;color:#475569;margin-bottom:2rem;max-width:580px}.suyam-slider-actions{display:flex;gap:1rem}.suyam-btn-green{background-color:#0fa37f;color:#fff!important;border:none;border-radius:8px;padding:.8rem 1.6rem;font-weight:600;font-size:.95rem;transition:var(--transition);box-shadow:0 4px 12px #0fa37f33}.suyam-btn-green:hover{background-color:#0c8c6d;transform:translateY(-2px);box-shadow:0 6px 16px #0fa37f4d}.suyam-btn-outline-green{background-color:transparent;color:#0fa37f!important;border:2px solid #0fa37f;border-radius:8px;padding:.8rem 1.6rem;font-weight:600;font-size:.95rem;transition:var(--transition)}.suyam-btn-outline-green:hover{background-color:#0fa37f0f;transform:translateY(-2px)}.suyam-slider-illustration{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center}.suyam-bg-shape{position:absolute;width:105%;height:105%;top:-5%;left:-5%;object-fit:contain;z-index:1}.suyam-student-img{position:relative;height:92%;max-height:480px;object-fit:contain;z-index:2;margin-bottom:0}.floating-element{position:absolute;pointer-events:none;z-index:3}.shape-orange-circle{top:15%;left:20%;width:28px;height:28px;background-color:#f59e0b;border-radius:50%;animation:floatShape 6s ease-in-out infinite alternate}.shape-red-dots{bottom:12%;left:8%;width:60px;height:60px;background-image:radial-gradient(#ef4444 20%,transparent 20%);background-size:8px 8px;opacity:.55;animation:floatShapeSlow 8s ease-in-out infinite alternate}.shape-green-zigzag{top:25%;left:55%;width:50px;height:15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'%3E%3Cpath d='M0 8 L10 2 L20 8 L30 2 L40 8' fill='none' stroke='%2310b981' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;animation:floatShapeFast 4s ease-in-out infinite alternate}.shape-logo-badge{top:25%;right:5%;background:#fff;border-radius:30px;padding:10px;box-shadow:0 10px 25px -5px #00000014,0 0 0 1px #00000005;width:100px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.04);animation:floatShape 7s ease-in-out infinite alternate-reverse}.shape-logo-badge img{width:70px;height:70px;object-fit:contain}@keyframes floatShape{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-15px) rotate(5deg)}}@keyframes floatShapeSlow{0%{transform:translateY(0) translate(0)}to{transform:translateY(-10px) translate(8px)}}@keyframes floatShapeFast{0%{transform:translateY(0) scale(1)}to{transform:translateY(-12px) scale(1.05)}}.suyam-features-bar{background-color:#0fa37f;padding:1.25rem 0;color:#fff;width:100%}.suyam-features-container{display:flex;justify-content:space-between;align-items:center;width:100%}.suyam-feature-item{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:var(--transition)}.suyam-feature-item:hover{transform:translateY(-2.5px);opacity:.95}.suyam-feature-img{height:60px;width:auto;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.04));transition:transform .3s ease}.suyam-feature-separator{width:1px;height:35px;background-color:#ffffff40}@media (max-width: 992px){.suyam-hero-section{height:auto;min-height:450px}.suyam-hero-container{grid-template-columns:1fr;padding-top:3rem;padding-bottom:3rem;gap:2.5rem}.suyam-slider-content{padding-right:0;text-align:center;display:flex;flex-direction:column;align-items:center}.suyam-slider-subtitle{margin-left:auto;margin-right:auto}.suyam-slider-illustration{display:none}.suyam-features-container{flex-wrap:wrap;gap:1rem}.suyam-feature-item{flex:0 0 calc(50% - 1rem)}.suyam-feature-img{height:50px}.suyam-feature-separator{display:none}}@media (max-width: 600px){.suyam-typewriter-title{font-size:2.15rem}.suyam-slider-actions{flex-direction:column;width:100%;gap:.75rem}.suyam-slider-actions a{width:100%;text-align:center}.suyam-feature-item{flex:0 0 100%;justify-content:center;padding:.5rem 0}.suyam-feature-img{height:40px}}.top-bar-wrapper{background-color:#172033;color:#fff;font-size:.72rem;font-weight:600;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-family:var(--font-body)}.top-bar-container{display:flex;justify-content:space-between;align-items:center;min-height:20px}.top-bar-left{color:#cbd5e1;letter-spacing:.4px;font-weight:600}.top-bar-right{display:flex;justify-content:flex-end;align-items:center}.top-bar-link{color:#2cc185!important;font-weight:700;transition:var(--transition);text-decoration:none}.top-bar-link:hover{color:#20a36d!important;text-decoration:underline}@media (max-width: 768px){.top-bar-container{flex-direction:column;gap:6px;text-align:center;padding:.25rem 0}.top-bar-left{text-align:center}.top-bar-right{justify-content:center}}.active-trainings-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.active-trainings-col{background:#fff;border-radius:var(--border-radius-md);padding:2rem;box-shadow:var(--box-shadow);border:1px solid var(--color-border);display:flex;flex-direction:column}.col-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;border-bottom:2px solid var(--color-border);padding-bottom:.75rem}.col-header h3{font-size:1.15rem;font-weight:800;color:var(--color-navy);margin:0}.col-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.2rem .5rem;border-radius:4px;letter-spacing:.5px}.badge-continuous{background-color:#2cc1851a;color:#2cc185}.badge-scheduled{background-color:#457b9d1a;color:#457b9d}.col-cards{display:flex;flex-direction:column;gap:.85rem}.active-training-card{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg);border-radius:var(--border-radius-sm);padding:.9rem 1.25rem;border:1px solid var(--color-border);transition:var(--transition);color:var(--color-navy);font-weight:600;font-size:.9rem;text-decoration:none}.active-training-card:hover{background:#fff;border-color:#2cc185;transform:translateY(-2px);box-shadow:0 6px 16px #0b13290a;color:var(--color-primary)}.active-training-arrow{font-size:.8rem;color:var(--color-text-light);transition:var(--transition)}.active-training-card:hover .active-training-arrow{color:#2cc185;transform:translate(3px)}.no-trainings-message{padding:2rem;text-align:center;color:var(--color-text-light);background:var(--color-bg);border-radius:var(--border-radius-sm);border:1px dashed var(--color-border);font-size:.85rem}@media (max-width: 992px){.active-trainings-grid{grid-template-columns:1fr;gap:1.5rem}.active-trainings-col{padding:1.5rem}}.suyam-home-announcements-section{position:relative;background-image:linear-gradient(90deg,#085443d9,#085443a6 60%,#08544366),url(../img/duyuru-bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat;padding:5.5rem 0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.suyam-home-announcements-heading{color:#fff;font-size:2.25rem;font-weight:800;margin-top:0;margin-bottom:2.5rem;font-family:var(--font-heading)}.suyam-home-announcements-list{display:flex;flex-direction:column;margin-bottom:2.5rem}.suyam-home-announcement-item{border-bottom:1px solid rgba(255,255,255,.3);padding:1.5rem 0}.suyam-home-announcement-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;line-height:1.5}.suyam-home-announcement-title a{color:#fff;text-decoration:none;transition:opacity .2s ease}.suyam-home-announcement-title a:hover{opacity:.85}.suyam-home-announcement-date{font-size:.85rem;color:#ffffffbf;font-weight:500}.suyam-home-announcements-action{margin-top:2rem;text-align:left}.suyam-home-announcements-btn{display:inline-block;background-color:#0b785d;color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius-sm, 6px);font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.suyam-home-announcements-btn:hover{background-color:#09614b;transform:translateY(-1px)}@media (max-width: 600px){.suyam-home-announcements-section{padding:4rem 0}.suyam-home-announcements-heading{font-size:1.85rem;margin-bottom:2rem}.suyam-home-announcement-title{font-size:1rem}}