.homepage{min-height:100vh;background:#fff}.homepage-nav{background:#0b4f9f;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a}.nav-container{max-width:1320px;margin:0 auto;padding:10px 32px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-square{flex-shrink:0}.logo-text{display:flex;flex-direction:column;line-height:1;color:#fff}.logo-name{font-size:17px;font-weight:700;letter-spacing:.3px}.logo-sub{font-size:11px;font-weight:600;letter-spacing:1.2px}.nav-menu{display:flex;align-items:center;gap:26px;flex:1;margin-left:48px}.nav-link{color:#fff;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:opacity .2s;background:none;border:none;cursor:pointer;padding:8px 0}.nav-link:hover{opacity:.85}.nav-dropdown{position:relative}.nav-link-dropdown{color:#fff;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:opacity .2s;background:none;border:none;cursor:pointer;padding:8px 0;display:flex;align-items:center;gap:4px}.nav-link-dropdown:hover{opacity:.85}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;min-width:260px;padding:8px;z-index:1000;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:6px;text-decoration:none;color:#333;transition:all .15s}.dropdown-item:hover{background:#f7f9fc}.dropdown-item svg{color:#0b4f9f;flex-shrink:0;margin-top:2px}.dropdown-title{font-size:14px;font-weight:600;color:#0b4f9f;margin-bottom:2px}.dropdown-desc{font-size:12px;color:#666;line-height:1.3}.nav-right{display:flex;align-items:center;gap:10px}.nav-icon-btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:6px 8px;transition:opacity .2s}.nav-icon-btn:hover{opacity:.8}.nav-btn-login{background:transparent;border:1.5px solid white;color:#fff;padding:7px 18px;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.nav-btn-login:hover{background:#fff;color:#0b4f9f}.nav-btn-start{background:#fdb714;border:none;color:#0b4f9f;padding:8px 20px;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.nav-btn-start:hover{background:#ffa000}.hero{background:linear-gradient(to bottom,#f7f9fc,#fff);padding:64px 32px 72px}.hero-wrapper{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-left{padding-right:32px}.hero-label{color:#fdb714;font-size:13px;font-weight:700;letter-spacing:1.5px;margin-bottom:20px}.hero-heading{font-size:48px;font-weight:700;line-height:1.15;color:#0b4f9f;margin-bottom:24px;letter-spacing:-.8px}.hero-text{font-size:16px;line-height:1.75;color:#333;margin-bottom:32px}.hero-actions{display:flex;gap:14px;margin-bottom:52px}.hero-btn-primary{background:#0b4f9f;color:#fff;border:none;padding:13px 26px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.hero-btn-primary:hover{background:#003b73;transform:translateY(-2px);box-shadow:0 6px 16px #0b4f9f40}.hero-btn-outline{background:#fff;color:#0b4f9f;border:1.5px solid #0B4F9F;padding:13px 26px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.hero-btn-outline:hover{background:#0b4f9f;color:#fff}.hero-stats-row{display:flex;gap:36px}.stat-box{display:flex;align-items:center;gap:12px;color:#0b4f9f}.stat-num{font-size:18px;font-weight:700;color:#0b4f9f;line-height:1;margin-bottom:4px}.stat-text{font-size:13px;color:#666}.hero-img{width:100%;height:auto;border-radius:12px;box-shadow:0 16px 48px #0000001f}.features-bar{background:#fff;padding:36px 32px 52px;border-top:1px solid #e8e8e8}.features-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:28px}.feat-item{text-align:center}.feat-icon{width:76px;height:76px;margin:0 auto 16px;background:#eff6ff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0b4f9f}.feat-title{font-size:15px;font-weight:600;color:#0b4f9f;margin-bottom:8px}.feat-desc{font-size:13px;line-height:1.5;color:#666}.seminars{background:#f7f9fc;padding:56px 32px}.seminars-wrapper{max-width:1320px;margin:0 auto}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.section-heading{font-size:28px;font-weight:700;color:#0b4f9f}.link-view{color:#0b4f9f;text-decoration:none;font-size:14px;font-weight:600;transition:opacity .2s}.link-view:hover{opacity:.7}.seminar-box{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px #0000000f;position:relative}.tag-free{position:absolute;top:16px;left:16px;background:#4caf50;color:#fff;padding:6px 14px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.8px;z-index:10}.seminar-layout{display:grid;grid-template-columns:280px 1fr;gap:36px}.seminar-visual{position:relative}.date-card{position:absolute;top:0;left:0;background:#0b4f9f;color:#fff;padding:14px 16px;border-radius:8px;text-align:center;min-width:90px;z-index:10;box-shadow:0 4px 12px #0b4f9f40}.date-m{font-size:11px;font-weight:700;letter-spacing:1.2px;margin-bottom:2px}.date-d{font-size:36px;font-weight:700;line-height:1;margin-bottom:4px}.date-w{font-size:10px;font-weight:600;letter-spacing:.6px;margin-bottom:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.3)}.date-t{font-size:11px;font-weight:600}.seminar-img{width:100%;height:220px;object-fit:cover;border-radius:8px;margin-top:8px}.seminar-content{padding-top:4px}.seminar-h{font-size:22px;font-weight:700;color:#0b4f9f;line-height:1.35;margin-bottom:14px}.seminar-p{font-size:15px;line-height:1.6;color:#555;margin-bottom:22px}.seminar-author{display:flex;align-items:center;gap:12px;margin-bottom:20px}.author-img{width:48px;height:48px;border-radius:50%;object-fit:cover}.author-name{font-size:15px;font-weight:600;color:#0b4f9f;margin-bottom:2px}.author-role{font-size:13px;color:#666}.seminar-details{display:flex;gap:22px;margin-bottom:22px}.detail-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#555}.btn-register{background:#fdb714;color:#0b4f9f;border:none;padding:13px 28px;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.btn-register:hover{background:#ffa000;transform:translateY(-2px);box-shadow:0 6px 16px #fdb71459}.sprint{background:linear-gradient(135deg,#e3f2fd,#fff);padding:56px 32px}.sprint-wrapper{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 180px;gap:56px;align-items:center}.sprint-heading{font-size:32px;font-weight:700;color:#0b4f9f;margin-bottom:16px;line-height:1.2}.sprint-text{font-size:15px;line-height:1.65;color:#555;margin-bottom:22px}.sprint-checks{display:flex;gap:26px;margin-bottom:26px}.check-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#333}.bullet{color:#fdb714;font-size:10px}.sprint-btn{background:#fdb714;color:#0b4f9f;border:none;padding:13px 28px;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.sprint-btn:hover{background:#ffa000;transform:translateY(-2px)}.sprint-right{display:flex;justify-content:center}.days-badge{width:150px;height:150px;background:#fff;border:4px solid #0B4F9F;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 20px #0b4f9f33;transform:rotate(-6deg)}.days-num{font-size:72px;font-weight:700;color:#0b4f9f;line-height:1}.days-label{font-size:15px;font-weight:700;color:#0b4f9f;letter-spacing:1.2px;margin-top:-4px}.partners{background:#fff;padding:56px 32px;border-top:1px solid #e8e8e8}.partners-wrapper{max-width:1160px;margin:0 auto;text-align:center}.partners-heading{font-size:16px;color:#666;margin-bottom:32px;font-weight:500}.partners-row{display:flex;justify-content:center;align-items:center;gap:42px;flex-wrap:wrap}.partners-row img{height:34px;opacity:.55;transition:opacity .2s}.partners-row img:hover{opacity:.9}.footer{background:#0b4f9f;color:#fff;padding:56px 32px 28px}.footer-wrapper{max-width:1320px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:1fr 2fr;gap:72px;margin-bottom:36px}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:16px;font-weight:700}.footer-tag{font-size:14px;opacity:.85}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.footer-col h4{font-size:15px;font-weight:600;margin-bottom:14px}.footer-col a{display:block;color:#fffc;text-decoration:none;font-size:14px;margin-bottom:9px;transition:opacity .2s}.footer-col a:hover{opacity:.65}.footer-bar{display:flex;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid rgba(255,255,255,.2);font-size:13px;opacity:.85}.footer-links{display:flex;gap:22px}.footer-links a{color:#fff;text-decoration:none;transition:opacity .2s}.footer-links a:hover{opacity:.65}@media (max-width: 1200px){.hero-wrapper{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(3,1fr)}.seminar-layout,.sprint-wrapper{grid-template-columns:1fr}}@media (max-width: 768px){.nav-menu{display:none}.hero-heading{font-size:36px}.features-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b4f9f,#0d3a70);padding:40px 20px}.auth-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;width:100%;padding:48px 40px}.role-switcher{display:flex;gap:8px;margin-bottom:24px;padding:6px;background:#f5f7fa;border-radius:12px}.role-btn{flex:1;padding:12px 16px;text-align:center;font-size:14px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .2s;color:#666;background:transparent;border:2px solid transparent}.role-btn:hover{background:#fff;color:#0b4f9f}.role-btn.active{background:#0b4f9f;color:#fff;box-shadow:0 2px 8px #0b4f9f4d}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:28px;color:#0b4f9f;margin-bottom:8px;font-weight:700}.auth-header p{color:#666;font-size:15px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:600;color:#333;font-size:14px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon>svg{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;color:#999!important;pointer-events:none!important;z-index:10!important}.input-with-icon>svg:last-child{position:relative!important;left:auto!important;top:auto!important;transform:none!important}.input-with-icon input{width:100%;padding:14px 50px 14px 48px!important;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .2s;background:#fff;line-height:1.5}.input-with-icon input::placeholder{padding-left:0}.input-with-icon input::placeholder{color:#aaa;opacity:1}.input-with-icon input:focus{outline:none;border-color:#0b4f9f;box-shadow:0 0 0 3px #0b4f9f1a}.input-with-icon input:focus::placeholder{opacity:.5}.input-with-icon input.error{border-color:#f44336}.input-with-icon input:disabled{background:#f5f5f5;cursor:not-allowed}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#999;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2;border-radius:4px;height:32px;width:32px}.toggle-password:hover{color:#0b4f9f;background:#0b4f9f14}.toggle-password:active{transform:translateY(-50%) scale(.95)}.error-message{color:#f44336;font-size:13px;margin-top:4px}.help-text{color:#999;font-size:13px}.form-row{display:flex;align-items:center;gap:12px}.form-row.space-between{justify-content:space-between}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.forgot-link{color:#0b4f9f;font-size:14px;text-decoration:none;font-weight:500;transition:color .2s}.forgot-link:hover{color:#0d3a70;text-decoration:underline}.btn-full{width:100%;padding:14px;font-size:16px;font-weight:600;margin-top:8px}.alert{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;font-size:14px}.alert-error{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.alert-success{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.auth-footer{text-align:center;margin-top:32px;display:flex;flex-direction:column;gap:12px}.auth-footer p{color:#666;font-size:14px}.auth-footer a{color:#0b4f9f;text-decoration:none;font-weight:600;transition:color .2s}.auth-footer a:hover{color:#0d3a70;text-decoration:underline}.switch-role{padding-top:12px;border-top:1px solid #e0e0e0}.success-message-card{text-align:center;padding:40px 20px}.success-message-card svg{margin-bottom:24px}.success-message-card h2{color:#4caf50;margin-bottom:12px;font-size:24px}.success-message-card p{color:#666;font-size:16px;margin-bottom:8px}.redirect-text{color:#999;font-size:14px;font-style:italic}.auth-benefits{margin-top:32px;padding-top:32px;border-top:2px solid #f0f0f0}.auth-benefits h3{color:#0b4f9f;font-size:18px;margin-bottom:16px;text-align:center}.auth-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.auth-benefits li{color:#666;font-size:14px;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.auth-container{padding:32px 24px;max-width:100%}.auth-header h1{font-size:24px}.auth-benefits{display:none}}.btn-full:disabled{opacity:.6;cursor:not-allowed}.sidebar{position:fixed;left:0;top:0;bottom:0;width:220px;background-color:var(--primary-blue);color:#fff;display:flex;flex-direction:column;overflow-y:auto;z-index:100}.sidebar-header{padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{display:flex;align-items:center;gap:10px;margin-bottom:10px}.logo-icon svg{display:block;width:32px;height:32px}.logo-text{flex:1}.logo-title{font-size:17px;font-weight:700;line-height:1;margin-bottom:2px}.logo-subtitle{font-size:12px;font-weight:600;letter-spacing:.8px}.sidebar-subtitle{font-size:14px;font-weight:600;margin-bottom:3px}.sidebar-tagline{font-size:11px;opacity:.8}.organization-selector{padding:12px;border-bottom:1px solid rgba(255,255,255,.1)}.org-badge{background:#ffffff1a;border-radius:6px;padding:10px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s}.org-badge:hover{background:#ffffff26}.org-icon{font-size:20px}.org-info{flex:1}.org-name{font-size:12px;font-weight:600;margin-bottom:2px}.org-status{font-size:10px;opacity:.8}.sidebar-nav{flex:1;padding:12px 10px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;color:#fffc;text-decoration:none;font-size:13px;font-weight:500;margin-bottom:3px;transition:all .2s}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;color:#fff;font-weight:600}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.account-manager{margin-bottom:16px}.manager-label{font-size:12px;opacity:.8;margin-bottom:12px}.manager-card{display:flex;align-items:center;gap:12px;margin-bottom:12px}.manager-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.manager-info{flex:1}.manager-name{font-size:14px;font-weight:600;margin-bottom:2px}.manager-contact,.manager-email{font-size:11px;opacity:.8}.contact-btn{width:100%;justify-content:center}.btn-sm{padding:8px 16px;font-size:13px}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#ffffff26}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translate(0)}}.header{background:#fff;padding:12px 20px;border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:90}.header-left{display:flex;align-items:center;gap:16px}.header-title-section{flex:1}.header-title{font-size:20px;font-weight:600;color:var(--text-dark);margin-bottom:2px}.header-subtitle{font-size:13px;color:var(--text-gray)}.header-right{display:flex;align-items:center;gap:12px}.header-icon-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:none;border:none;border-radius:6px;color:var(--text-gray);cursor:pointer;font-size:14px;transition:all .2s}.header-icon-btn:hover{background:var(--bg-light);color:var(--primary-blue)}.notification-badge{position:absolute;top:4px;right:8px;background:var(--accent-yellow);color:var(--dark-blue);font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.user-menu{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:8px;cursor:pointer;transition:background .2s}.user-menu:hover{background:var(--bg-light)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-info{display:flex;flex-direction:column}.user-name{font-size:13px;font-weight:600;color:var(--text-dark)}.user-role{font-size:11px;color:var(--text-gray)}@media (max-width: 768px){.header{padding:12px 16px}.header-title{font-size:20px}.header-icon-btn span,.user-info{display:none}}.date-range-select{padding:8px 12px;border:1px solid var(--border-gray);border-radius:6px;font-size:14px;color:var(--text-dark);background:#fff;cursor:pointer}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}.chart-card{min-height:400px}.card-subtitle{font-size:13px;color:var(--text-gray);margin-top:4px}.chart-container{margin:20px 0}.chart-legend{display:flex;gap:24px;justify-content:center;padding-top:16px;border-top:1px solid var(--border-gray)}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-gray)}.legend-dot{width:12px;height:12px;border-radius:50%}.engagement-list{display:flex;flex-direction:column;gap:20px}.engagement-item{display:flex;flex-direction:column;gap:8px}.engagement-bar{width:100%;height:8px;background:var(--bg-light);border-radius:4px;overflow:hidden}.engagement-fill{height:100%;border-radius:4px;transition:width .3s ease}.engagement-info{display:flex;justify-content:space-between;font-size:13px}.engagement-name{font-weight:600;color:var(--text-dark)}.engagement-value{color:var(--text-gray)}.top-programmes-grid{display:flex;flex-direction:column;gap:12px}.programme-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-light);border-radius:8px;transition:all .2s}.programme-item:hover{background:#e8f4fd;transform:translate(4px)}.programme-number{width:32px;height:32px;border-radius:50%;background:var(--primary-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.programme-details{flex:1}.programme-name{font-weight:600;color:var(--text-dark);margin-bottom:4px}.programme-learners{font-size:13px;color:var(--text-gray)}.programme-completion{font-size:18px;font-weight:600;color:var(--primary-blue)}.bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.sessions-list{display:flex;flex-direction:column;gap:16px}.session-item{display:flex;gap:16px;padding:16px;background:var(--bg-light);border-radius:8px;align-items:center}.session-date{background:var(--primary-blue);color:#fff;padding:12px;border-radius:8px;text-align:center;font-weight:600;min-width:60px}.session-date div:first-child{font-size:11px;opacity:.8}.session-date div:last-child{font-size:24px}.session-title{font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.session-speaker,.session-time,.session-registered{font-size:13px;color:var(--text-gray);margin-bottom:4px}.sidebar-widgets{display:flex;flex-direction:column;gap:20px}.activity-item{display:flex;gap:12px;align-items:start}.activity-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-light);border-radius:8px}.activity-details{flex:1}.activity-text{font-weight:600;color:var(--text-dark);font-size:13px;margin-bottom:4px}.activity-course{font-size:13px;color:var(--primary-blue);margin-bottom:4px}.activity-time{font-size:12px;color:var(--text-gray)}.quick-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.action-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-light);border:none;border-radius:8px;color:var(--text-dark);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.action-btn:hover{background:var(--primary-blue);color:#fff;transform:translate(4px)}.help-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.help-icon{font-size:48px;margin-bottom:12px}.help-card h4{font-size:18px;margin-bottom:8px}.help-card p{font-size:14px;opacity:.9;margin-bottom:16px}.link-text{color:var(--primary-blue);text-decoration:none;font-size:14px;font-weight:500}.link-text:hover{text-decoration:underline}@media (max-width: 1024px){.charts-grid,.bottom-grid{grid-template-columns:1fr}}.learners-content-grid{display:grid;grid-template-columns:1fr 350px;gap:20px}.learners-main{display:flex;flex-direction:column;gap:20px}.filters-bar{display:flex;gap:12px;flex-wrap:wrap}.search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid var(--border-gray);border-radius:6px}.search-box input{flex:1;border:none;outline:none;font-size:14px}.filter-select{padding:10px 14px;border:1px solid var(--border-gray);border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.learner-info{display:flex;align-items:center;gap:12px}.learner-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.learner-name{font-weight:500;color:var(--text-dark)}.progress-cell{display:flex;align-items:center;gap:12px}.progress-cell .progress-bar{flex:1;min-width:100px}.progress-text{font-size:13px;font-weight:600;color:var(--text-dark)}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--border-gray)}.table-info{font-size:14px;color:var(--text-gray)}.pagination{display:flex;align-items:center;gap:12px}.items-per-page{padding:6px 10px;border:1px solid var(--border-gray);border-radius:6px;font-size:14px}.pagination-buttons{display:flex;gap:4px}.pagination-btn{padding:6px 12px;border:1px solid var(--border-gray);background:#fff;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.pagination-btn:hover{background:var(--bg-light)}.pagination-btn.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.learners-sidebar{display:flex;flex-direction:column;gap:20px}.segment-legend{display:flex;flex-direction:column;gap:12px;margin-top:20px}.segment-item{display:flex;align-items:center;gap:10px}.segment-color{width:16px;height:16px;border-radius:4px}.segment-info{flex:1;display:flex;justify-content:space-between;font-size:13px}.segment-name{font-weight:500;color:var(--text-dark)}.segment-value{color:var(--text-gray)}@media (max-width: 1024px){.learners-content-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.search-box{width:100%}}.programmes-tabs{display:flex;gap:8px;border-bottom:2px solid #e0e0e0;margin:24px 0;background:#fff;padding:0 24px;border-radius:8px 8px 0 0}.programmes-tabs .tab{padding:14px 20px;border:none;background:none;font-size:14px;font-weight:500;color:#666;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.programmes-tabs .tab:hover{color:#0b4f9f}.programmes-tabs .tab.active{color:#0b4f9f;border-bottom-color:#0b4f9f}.programmes-content-grid{display:grid;grid-template-columns:1fr 350px;gap:24px}.programmes-main,.programmes-sidebar{display:flex;flex-direction:column;gap:24px}.programme-name-cell{display:flex;align-items:center;gap:8px;font-weight:600;color:#1a1a1a}.progress-cell-inline{display:flex;align-items:center;gap:8px}.progress-bar-small{width:80px;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.progress-bar-small .progress-fill{height:100%;background:linear-gradient(90deg,#0b4f9f,#1976d2);transition:width .3s ease}.progress-text-small{font-size:13px;font-weight:500;color:#666;min-width:35px}.session-date-cell{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.completion-circle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0b4f9f;font-weight:700;font-size:14px}.cohort-calendar{display:flex;gap:24px;padding:20px 0;overflow-x:auto}.cohort-milestone{min-width:140px;text-align:center}.milestone-date{position:relative;background:#f5f7fa;border-radius:12px;padding:16px 12px;margin-bottom:12px;border:2px solid #e0e0e0}.date-month{font-size:11px;font-weight:700;color:#0b4f9f;letter-spacing:.5px}.date-day{font-size:28px;font-weight:700;color:#1a1a1a;line-height:1;margin-top:4px}.milestone-indicator{position:absolute;top:-8px;right:-8px;font-size:20px}.milestone-info{text-align:center}.milestone-programme{font-size:12px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.milestone-subtitle{font-size:11px;color:#666}.milestones-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.milestone-item{display:flex;gap:12px;padding:12px;background:#f5f7fa;border-radius:8px;transition:background .2s}.milestone-item:hover{background:#e8f1fa}.milestone-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;height:56px;background:#fff;border-radius:8px;border:2px solid #e0e0e0}.milestone-date-badge .date-month{font-size:10px;font-weight:700;color:#0b4f9f;letter-spacing:.5px}.milestone-date-badge .date-day-large{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1}.milestone-details{flex:1;display:flex;flex-direction:column;justify-content:center}.milestone-title{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.milestone-desc{font-size:12px;color:#666;margin-bottom:4px}.link-text-small{font-size:12px;color:#0b4f9f;text-decoration:none;font-weight:500;margin-top:8px;display:inline-block}.link-text-small:hover{text-decoration:underline}@media (max-width: 1400px){.programmes-content-grid{grid-template-columns:1fr}.programmes-sidebar{grid-template-columns:repeat(2,1fr);display:grid}}@media (max-width: 768px){.programmes-tabs{overflow-x:auto;flex-wrap:nowrap}.programmes-tabs .tab{white-space:nowrap}.programmes-sidebar{grid-template-columns:1fr}.cohort-calendar{padding:16px 0}}.seminars-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:24px}.seminars-stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;align-items:center}.seminars-stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.seminars-stat-icon.blue{background:#e3f2fd;color:#0b4f9f}.seminars-stat-icon.yellow{background:#fff8e1;color:#fdb714}.seminars-stat-icon.green{background:#e8f5e9;color:#4caf50}.seminars-stat-icon.orange{background:#fff3e0;color:#ffa726}.seminars-stat-content{flex:1}.seminars-stat-value{font-size:32px;font-weight:700;color:#1a1a1a;line-height:1;margin-bottom:6px}.seminars-stat-label{font-size:14px;color:#666;margin-bottom:4px;font-weight:500}.seminars-stat-meta{font-size:12px;color:#4caf50;font-weight:500}.seminars-content-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;margin-bottom:24px}.seminars-main-section{display:flex;flex-direction:column;gap:20px}.calendar-card{padding:24px}.calendar-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.calendar-nav-btn{width:32px;height:32px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;color:#666;font-size:18px;cursor:pointer;transition:all .2s}.calendar-nav-btn:hover{border-color:#0b4f9f;color:#0b4f9f}.calendar-title{flex:1;font-size:18px;font-weight:600;color:#1a1a1a}.calendar-today-btn{padding:6px 16px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;color:#0b4f9f;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.calendar-today-btn:hover{background:#f8fafc;border-color:#0b4f9f}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px}.weekday{text-align:center;font-size:12px;font-weight:600;color:#666;padding:8px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;position:relative;cursor:pointer;transition:all .2s}.calendar-day:hover{background:#f8fafc}.calendar-day.today{background:#0b4f9f;color:#fff;font-weight:600}.calendar-day.has-event{background:#e3f2fd}.day-number{font-size:14px;color:#1a1a1a}.calendar-day.today .day-number{color:#fff}.event-dot{position:absolute;bottom:4px;width:4px;height:4px;background:#0b4f9f;border-radius:50%}.calendar-legend{display:flex;gap:24px;margin-top:20px;padding-top:20px;border-top:1px solid #E0E0E0}.legend-item-cal{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.legend-dot-cal{width:12px;height:12px;border-radius:50%}.legend-dot-cal.live{background:#0b4f9f}.legend-dot-cal.custom{background:#fdb714}.section-header-seminars{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title-seminars{font-size:18px;font-weight:600;color:#1a1a1a}.view-all-link-seminars{color:#0b4f9f;font-size:14px;font-weight:500;text-decoration:none}.view-all-link-seminars:hover{text-decoration:underline}.featured-sessions-list{display:flex;flex-direction:column;gap:16px}.featured-session-item{display:flex;gap:16px;padding:20px;background:#f8fafc;border-radius:12px;align-items:center;transition:all .2s}.featured-session-item:hover{background:#eef6ff;transform:translate(4px)}.session-date-badge{background:#0b4f9f;color:#fff;padding:12px;border-radius:10px;text-align:center;min-width:70px;flex-shrink:0}.session-month{font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:4px}.session-day{font-size:28px;font-weight:700;line-height:1}.session-details{flex:1}.session-type-badge{display:inline-block;padding:4px 12px;background:#e3f2fd;color:#0b4f9f;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px}.session-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.session-meta{display:flex;gap:16px;font-size:13px;color:#666}.session-actions{display:flex;gap:8px}.btn-session-primary{padding:8px 16px;background:#0b4f9f;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-session-primary:hover{background:#003b73}.btn-session-secondary{padding:8px 16px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-session-secondary:hover{border-color:#0b4f9f;color:#0b4f9f}.seminars-sidebar{display:flex;flex-direction:column;gap:20px}.quick-actions-seminars{padding:20px}.sidebar-title-seminars{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:16px}.quick-actions-list{display:flex;flex-direction:column;gap:10px}.quick-action-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #E0E0E0;border-radius:8px;color:#1a1a1a;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.quick-action-btn:hover{background:#f8fafc;border-color:#0b4f9f;color:#0b4f9f;transform:translate(4px)}.registered-sessions-list,.custom-sessions-list{display:flex;flex-direction:column;gap:12px}.registered-session-item,.custom-session-item{display:flex;gap:12px;padding:12px;background:#f8fafc;border-radius:8px}.registered-session-icon,.custom-session-icon{font-size:24px;flex-shrink:0}.registered-session-info,.custom-session-info{flex:1}.registered-session-title,.custom-session-title{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.registered-session-date,.custom-session-date{font-size:12px;color:#666;margin-bottom:6px}.custom-session-requestor{font-size:12px;color:#666;margin-bottom:4px}.session-status-badge{display:inline-block;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600}.session-status-badge.registered{background:#e8f5e9;color:#4caf50}.session-status-badge.discussion{background:#fff8e1;color:#f57c00}.session-status-badge.pending{background:#f5f5f5;color:#666}.session-status-badge.recorded{background:#e3f2fd;color:#0b4f9f}.seminars-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.attendance-list,.recommended-experts-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.attendance-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:8px}.attendance-icon{width:32px;height:32px;background:#e8f5e9;color:#4caf50;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.attendance-info{flex:1}.attendance-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.attendance-date{font-size:12px;color:#666}.attendance-completion{font-size:16px;font-weight:700;color:#0b4f9f;margin-right:12px}.btn-view-certificate{padding:6px 12px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;color:#0b4f9f;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-view-certificate:hover{border-color:#0b4f9f;background:#f8fafc}.expert-session-item{padding:16px;background:#f8fafc;border-radius:8px}.expert-badge{display:inline-block;padding:4px 10px;background:#fff8e1;color:#f57c00;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:10px}.expert-session-title{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.expert-session-expert{font-size:13px;color:#666;margin-bottom:10px}.expert-session-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#666}@media (max-width: 1200px){.seminars-content-grid,.seminars-bottom-grid{grid-template-columns:1fr}}@media (max-width: 768px){.seminars-stats-grid{grid-template-columns:1fr}.featured-session-item{flex-direction:column;align-items:start}.session-actions{width:100%;flex-direction:column}.btn-session-primary,.btn-session-secondary{width:100%}}.reports-filters{display:flex;gap:12px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.reports-filter-select{padding:10px 16px;border:1px solid #E0E0E0;border-radius:6px;font-size:14px;background:#fff;color:#1a1a1a;cursor:pointer;min-width:200px}.btn-reset-filters{padding:10px 16px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;font-size:14px;color:#666;cursor:pointer;transition:all .2s}.btn-reset-filters:hover{border-color:#0b4f9f;color:#0b4f9f}.reports-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px}.reports-metric-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;align-items:center}.metric-icon-reports{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-reports.blue{background:#e3f2fd;color:#0b4f9f}.metric-icon-reports.orange{background:#fff3e0;color:#ffa726}.metric-icon-reports.purple{background:#f3e5f5;color:#9c27b0}.metric-icon-reports.yellow{background:#fff8e1;color:#fdb714}.metric-icon-reports.teal{background:#e0f2f1;color:#00897b}.metric-icon-reports.green{background:#e8f5e9;color:#4caf50}.metric-content-reports{flex:1}.metric-value-reports{font-size:28px;font-weight:700;color:#1a1a1a;line-height:1;margin-bottom:6px}.metric-label-reports{font-size:13px;color:#666;margin-bottom:4px;font-weight:500}.metric-change-reports{font-size:12px;font-weight:500}.metric-change-reports.positive{color:#4caf50}.metric-change-reports.negative{color:#f44336}.reports-charts-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:24px}.reports-chart-card{padding:24px}.reports-chart-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.reports-chart-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.reports-chart-subtitle{font-size:12px;color:#666;margin-top:4px}.reports-view-link{color:#0b4f9f;font-size:13px;font-weight:500;text-decoration:none}.reports-view-link:hover{text-decoration:underline}.chart-wrapper-reports{margin-top:20px}.engagement-legend-reports{display:flex;flex-direction:column;gap:10px;margin-top:20px}.engagement-legend-item{display:flex;align-items:center;gap:10px;font-size:13px}.legend-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-text{flex:1;color:#1a1a1a;font-weight:500}.legend-percentage{color:#666}.reports-secondary-charts,.reports-bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.insights-card,.suggested-actions-card,.quick-export-card{padding:24px}.insights-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.insight-item{display:flex;gap:14px;padding:16px;background:#f8fafc;border-radius:8px}.insight-icon{font-size:24px;flex-shrink:0}.insight-content{flex:1}.insight-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.insight-desc{font-size:13px;color:#666;line-height:1.5}.actions-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.action-item{display:flex;align-items:start;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;font-size:13px;color:#1a1a1a;line-height:1.5}.action-checkbox{width:20px;height:20px;background:#4caf50;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.export-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.export-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #E0E0E0;border-radius:8px;color:#0b4f9f;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.export-btn:hover{background:#f8fafc;border-color:#0b4f9f;transform:translate(4px)}.top-departments-table{width:100%;border-collapse:collapse;margin-top:20px}.top-departments-table thead{background:#f8fafc}.top-departments-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.top-departments-table td{padding:16px;border-top:1px solid #F5F5F5;font-size:14px;color:#1a1a1a}.rank-cell{font-weight:700;color:#0b4f9f;width:50px}.dept-name-cell{font-weight:600}.progress-with-label{display:flex;align-items:center;gap:12px}.mini-progress{flex:1;height:8px;background:#f5f5f5;border-radius:4px;overflow:hidden;min-width:100px}.mini-progress-fill{height:100%;background:linear-gradient(90deg,#0b4f9f,#1976d2);border-radius:4px;transition:width .3s ease}.progress-with-label span{font-weight:600;color:#1a1a1a;min-width:45px;text-align:right}.score-cell{font-weight:700;color:#0b4f9f}@media (max-width: 1400px){.reports-charts-grid,.reports-secondary-charts,.reports-bottom-grid{grid-template-columns:1fr}}@media (max-width: 768px){.reports-metrics-grid{grid-template-columns:1fr}.reports-filters{flex-direction:column}.reports-filter-select{width:100%}}.cert-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:24px}.cert-stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;align-items:center}.cert-stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-stat-icon.blue{background:#e3f2fd;color:#0b4f9f}.cert-stat-icon.yellow{background:#fff8e1;color:#fdb714}.cert-stat-icon.orange{background:#fff3e0;color:#ffa726}.cert-stat-icon.green{background:#e8f5e9;color:#4caf50}.cert-stat-content{flex:1}.cert-stat-value{font-size:32px;font-weight:700;color:#1a1a1a;line-height:1;margin-bottom:6px}.cert-stat-label{font-size:14px;color:#666;margin-bottom:4px;font-weight:500}.cert-stat-meta{font-size:12px;color:#4caf50;font-weight:500}.cert-content-grid{display:grid;grid-template-columns:1fr 380px;gap:20px}.cert-filter-bar{display:flex;gap:12px;margin-bottom:20px;align-items:center}.cert-search-box{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #E0E0E0;border-radius:6px}.cert-search-box input{flex:1;border:none;outline:none;font-size:14px;color:#1a1a1a}.cert-search-box input::placeholder{color:#999}.cert-filter-select{padding:10px 14px;border:1px solid #E0E0E0;border-radius:6px;font-size:14px;background:#fff;color:#1a1a1a;cursor:pointer;min-width:180px}.btn-reset{padding:10px 20px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;font-size:14px;color:#666;cursor:pointer;transition:all .2s}.btn-reset:hover{background:#f8fafc;border-color:#0b4f9f;color:#0b4f9f}.cert-table-card{padding:0;overflow:hidden}.cert-table{width:100%;border-collapse:collapse}.cert-table thead{background:#f8fafc}.cert-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.cert-table td{padding:16px;border-top:1px solid #F5F5F5;font-size:14px;color:#1a1a1a;vertical-align:middle}.learner-cell{display:flex;align-items:center;gap:12px}.learner-avatar-sm{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.learner-info-cell{display:flex;flex-direction:column}.learner-name-cell{font-weight:500;color:#1a1a1a;margin-bottom:2px}.learner-email-cell{font-size:12px;color:#999}.programme-cell{font-weight:500}.verification-id{font-family:monospace;font-size:13px;color:#666}.cpd-credits{font-weight:600;color:#0b4f9f}.cert-status-badge{display:inline-block;padding:5px 12px;border-radius:12px;font-size:12px;font-weight:600}.cert-status-badge.issued{background:#e8f5e9;color:#4caf50}.cert-status-badge.pending{background:#fff8e1;color:#f57c00}.cert-actions{display:flex;gap:6px}.cert-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #E0E0E0;border-radius:6px;color:#666;cursor:pointer;transition:all .2s}.cert-action-btn:hover{background:#f8fafc;border-color:#0b4f9f;color:#0b4f9f}.cert-table-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #E0E0E0}.showing-text{font-size:14px;color:#666}.cert-pagination{display:flex;gap:6px;align-items:center}.page-btn{min-width:32px;height:32px;padding:0 10px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;font-size:14px;color:#1a1a1a;cursor:pointer;transition:all .2s}.page-btn:hover{background:#f8fafc;border-color:#0b4f9f}.page-btn.active{background:#0b4f9f;color:#fff;border-color:#0b4f9f}.page-dots{padding:0 6px;color:#999}.cert-bottom-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.cert-bottom-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#fff;border:1px solid #E0E0E0;border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.cert-bottom-btn:hover{border-color:#0b4f9f;box-shadow:0 4px 12px #0b4f9f1a}.cert-bottom-btn svg{color:#0b4f9f}.cert-bottom-btn span:first-of-type{font-size:14px;font-weight:600;color:#1a1a1a}.btn-desc{font-size:12px!important;color:#666!important;font-weight:400!important}.btn-link{font-size:12px!important;color:#0b4f9f!important;font-weight:500!important}.cert-sidebar{display:flex;flex-direction:column;gap:20px}.cert-sidebar-card{padding:20px}.cert-sidebar-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:20px}.cert-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.view-all-link{font-size:13px;color:#0b4f9f;text-decoration:none;font-weight:500}.view-all-link:hover{text-decoration:underline}.cert-chart-legend{display:flex;flex-direction:column;gap:12px;margin-top:20px}.legend-item-cert{display:flex;align-items:center;gap:10px}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.legend-info-cert{flex:1;display:flex;justify-content:space-between;font-size:13px}.legend-name-cert{color:#1a1a1a;font-weight:500}.legend-value-cert{color:#666}.milestones-list{display:flex;flex-direction:column;gap:16px}.milestone-item{display:flex;gap:12px;padding:12px;background:#f8fafc;border-radius:8px}.milestone-date{background:#0b4f9f;color:#fff;padding:8px;border-radius:6px;text-align:center;min-width:50px;flex-shrink:0}.milestone-month{font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:2px}.milestone-day{font-size:20px;font-weight:700;line-height:1}.milestone-details{flex:1}.milestone-programme{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.milestone-meta{font-size:12px;color:#666;margin-bottom:4px}.milestone-time{font-size:11px;color:#999}.cert-preview-card{background:#f8fafc}.cert-preview{background:#fff;padding:30px 20px;border-radius:8px;border:2px solid #E0E0E0;text-align:center}.cert-preview-logo{margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.cert-preview-title{font-size:16px;font-weight:700;color:#0b4f9f;line-height:1.2}.cert-preview-badge{font-size:12px;font-weight:700;color:#fdb714;letter-spacing:1px;margin-bottom:16px;line-height:1.3}.cert-preview-name{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.cert-preview-text{font-size:11px;color:#666;margin-bottom:8px}.cert-preview-programme{font-size:14px;font-weight:600;color:#0b4f9f;margin-bottom:16px}.cert-preview-date{font-size:11px;color:#666;margin-bottom:4px}.cert-preview-id{font-size:10px;color:#999;font-family:monospace;margin-bottom:20px}.cert-preview-signature{margin-top:24px}.signature-line{width:120px;border-top:1px solid #1a1a1a;margin:0 auto 6px}.signature-name{font-size:10px;color:#666}@media (max-width: 1400px){.cert-content-grid{grid-template-columns:1fr}.cert-bottom-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.cert-stats-grid{grid-template-columns:1fr}.cert-filter-bar{flex-direction:column}.cert-filter-select{width:100%}.cert-bottom-actions{grid-template-columns:1fr}}.billing-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.billing-stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px}.stat-icon-wrapper.blue{background:#e3f2fd;color:#0b4f9f}.stat-icon-wrapper.orange{background:#fff3e0;color:#ffa726}.stat-icon-wrapper.green{background:#e8f5e9;color:#4caf50}.stat-icon-wrapper.yellow{background:#fff8e1;color:#fdb714}.stat-label{font-size:13px;color:#666;margin-bottom:8px;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:4px;line-height:1}.stat-subtext{font-size:13px;color:#999;margin-bottom:12px}.progress-bar-container{height:6px;background:#f5f5f5;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.stat-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px}.stat-meta.single{justify-content:flex-start}.stat-meta span{color:#666}.percentage{font-weight:600;color:#1a1a1a}.all-paid,.paid-full{color:#4caf50}.billing-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.plan-overview-card,.plan-benefits-card{padding:24px}.section-title{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:20px}.plan-header{margin-bottom:24px}.plan-badge{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border-radius:8px}.plan-badge svg{color:#0b4f9f;flex-shrink:0}.plan-info{flex:1}.plan-name{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:6px}.badge-annual{display:inline-block;padding:4px 12px;background:#e3f2fd;color:#0b4f9f;border-radius:12px;font-size:12px;font-weight:600}.plan-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #E0E0E0}.plan-section:last-of-type{border-bottom:none;margin-bottom:16px;padding-bottom:0}.section-label{font-size:11px;font-weight:600;color:#999;letter-spacing:.5px;margin-bottom:16px}.allocation-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px}.allocation-label{color:#666}.allocation-value{font-weight:600;color:#1a1a1a}.allocation-value.status-paid{color:#4caf50}.renewal-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#e3f2fd;border-radius:8px;font-size:13px;color:#0b4f9f;font-weight:500}.renewal-info svg{flex-shrink:0}.benefits-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.benefit-item{display:flex;gap:12px;align-items:start}.benefit-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.benefit-icon.blue{background:#e3f2fd;color:#0b4f9f}.benefit-content{flex:1}.benefit-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.benefit-desc{font-size:13px;color:#666;line-height:1.5}.btn-add-ons{width:100%;padding:10px 16px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;font-size:14px;font-weight:500;color:#0b4f9f;cursor:pointer;transition:all .2s}.btn-add-ons:hover{background:#f8fafc;border-color:#0b4f9f}.invoices-card{margin-bottom:24px;padding:24px}.card-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-view-all{background:none;border:none;color:#0b4f9f;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-view-all:hover{opacity:.8}.invoices-table{width:100%;border-collapse:collapse}.invoices-table thead{background:#f8fafc}.invoices-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.invoices-table td{padding:16px;border-top:1px solid #E0E0E0;font-size:14px;color:#1a1a1a}.invoice-number{font-weight:500;color:#0b4f9f}.invoice-amount{font-weight:600}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.paid{background:#e8f5e9;color:#4caf50}.btn-download{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;font-size:13px;color:#0b4f9f;cursor:pointer;transition:all .2s}.btn-download:hover{background:#f8fafc;border-color:#0b4f9f}.billing-bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.payment-method-card,.billing-contact-card,.tax-info-card{padding:24px}.payment-card-display{margin-bottom:20px}.visa-card{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:20px;border-radius:12px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.card-type{font-size:18px;font-weight:700;letter-spacing:2px}.card-number{font-size:16px;letter-spacing:2px;margin:20px 0 10px}.card-expiry{font-size:12px;opacity:.9}.payment-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;color:#666;border-bottom:1px solid #E0E0E0;margin-bottom:16px}.contact-info,.tax-info{margin-bottom:20px}.contact-row,.tax-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #F5F5F5}.contact-row:last-child,.tax-row:last-child{border-bottom:none}.contact-label,.tax-label{font-size:13px;color:#666}.contact-value,.tax-value{font-size:14px;font-weight:500;color:#1a1a1a;text-align:right}.btn-edit-full{width:100%;padding:10px 16px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;font-size:14px;font-weight:500;color:#0b4f9f;cursor:pointer;transition:all .2s}.btn-edit-full:hover{background:#f8fafc;border-color:#0b4f9f}@media (max-width: 1200px){.billing-content-grid,.billing-bottom-grid{grid-template-columns:1fr}}@media (max-width: 768px){.billing-stats-grid{grid-template-columns:1fr}}.settings-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid #E0E0E0;overflow-x:auto}.settings-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;margin-bottom:-2px}.settings-tab:hover{color:#0b4f9f;background:#f8fafc}.settings-tab.active{color:#0b4f9f;border-bottom-color:#0b4f9f;font-weight:600}.settings-tab svg{flex-shrink:0}.settings-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-grid{display:grid;grid-template-columns:1fr 400px;gap:24px}.settings-card{padding:24px}.settings-card-title{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.settings-subtitle{font-size:13px;color:#666;margin-bottom:20px}.org-profile-section{display:flex;gap:32px;align-items:start}.org-logo-section{display:flex;flex-direction:column;align-items:center;gap:12px}.org-logo-display{width:120px;height:120px;border-radius:12px;background:#f8fafc;border:2px solid #E0E0E0;display:flex;align-items:center;justify-content:center;font-size:48px}.btn-upload-logo{padding:8px 16px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;font-size:13px;font-weight:500;color:#0b4f9f;cursor:pointer;transition:all .2s}.btn-upload-logo:hover{background:#f8fafc;border-color:#0b4f9f}.org-info-form{flex:1;display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-label-settings{font-size:13px;font-weight:600;color:#666}.form-value{font-size:14px;color:#1a1a1a;padding:10px 0;border-bottom:1px solid #F5F5F5}.form-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;width:fit-content}.form-badge.premium{background:#e3f2fd;color:#0b4f9f}.settings-sidebar{display:flex;flex-direction:column;gap:20px}.integrations-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.integration-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:8px}.integration-icon{width:36px;height:36px;border-radius:8px;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;flex-shrink:0}.integration-icon.connected{background:#e8f5e9;color:#4caf50}.integration-info{flex:1}.integration-name{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.integration-status{font-size:12px;color:#666}.btn-manage{width:32px;height:32px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;color:#666;font-size:16px;cursor:pointer;transition:all .2s}.btn-manage:hover{border-color:#0b4f9f;color:#0b4f9f}.btn-connect-integration{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;font-size:14px;font-weight:500;color:#0b4f9f;cursor:pointer;transition:all .2s}.btn-connect-integration:hover{background:#f8fafc;border-color:#0b4f9f}.notification-toggles{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.notification-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px;background:#f8fafc;border-radius:8px}.notification-info{flex:1}.notification-label{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.notification-desc{font-size:12px;color:#666}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#0b4f9f}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.btn-manage-preferences{width:100%;padding:10px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;font-size:13px;font-weight:500;color:#0b4f9f;cursor:pointer;transition:all .2s}.btn-manage-preferences:hover{background:#f8fafc;border-color:#0b4f9f}.team-admins-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.view-all-admins{color:#0b4f9f;font-size:14px;font-weight:500;text-decoration:none}.view-all-admins:hover{text-decoration:underline}.settings-table{width:100%;border-collapse:collapse}.settings-table thead{background:#f8fafc}.settings-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.settings-table td{padding:16px;border-top:1px solid #F5F5F5;font-size:14px;color:#1a1a1a;vertical-align:middle}.admin-user-cell{display:flex;align-items:center;gap:12px}.admin-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.admin-info{display:flex;flex-direction:column}.admin-name{font-weight:500;color:#1a1a1a;margin-bottom:2px}.admin-email{font-size:12px;color:#999}.role-badge{display:inline-block;padding:5px 12px;background:#e3f2fd;color:#0b4f9f;border-radius:12px;font-size:12px;font-weight:600}.permissions-cell{color:#666;font-size:13px}.status-badge-active{display:inline-block;padding:5px 12px;background:#e8f5e9;color:#4caf50;border-radius:12px;font-size:12px;font-weight:600}.btn-table-action{width:32px;height:32px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;color:#666;font-size:18px;cursor:pointer;transition:all .2s}.btn-table-action:hover{border-color:#0b4f9f;color:#0b4f9f}.departments-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.departments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.department-card{padding:20px;background:#f8fafc;border:1px solid #E0E0E0;border-radius:12px;display:flex;align-items:center;gap:14px;transition:all .2s;cursor:pointer}.department-card:hover{border-color:#0b4f9f;background:#fff;box-shadow:0 4px 12px #0b4f9f1a}.dept-icon{width:48px;height:48px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.dept-info{flex:1}.dept-name{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:6px}.dept-stats{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#666}@media (max-width: 1200px){.settings-grid{grid-template-columns:1fr}.org-profile-section{flex-direction:column}}@media (max-width: 768px){.settings-tabs{overflow-x:scroll}.form-row,.departments-grid{grid-template-columns:1fr}}.programme-header-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;display:flex;justify-content:space-between;align-items:start}.programme-badge-group{display:flex;gap:8px;margin-bottom:16px}.programme-badge{padding:6px 14px;border-radius:12px;font-size:13px;font-weight:600}.programme-badge.dept{background:#e3f2fd;color:#0b4f9f}.programme-meta-row{display:flex;gap:24px;flex-wrap:wrap}.programme-meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.programme-meta-item svg{color:#0b4f9f}.btn-view-calendar{padding:10px 20px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;color:#0b4f9f;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-view-calendar:hover{background:#f8fafc;border-color:#0b4f9f}.programme-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.programme-stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px}.programme-stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.programme-stat-icon.blue{background:#e3f2fd;color:#0b4f9f}.programme-stat-icon.yellow{background:#fff8e1;color:#fdb714}.programme-stat-icon.purple{background:#f3e5f5;color:#9c27b0}.programme-stat-icon.green{background:#e8f5e9;color:#4caf50}.programme-stat-content{flex:1}.programme-stat-label{font-size:13px;color:#666;margin-bottom:8px;font-weight:500}.programme-stat-value{font-size:32px;font-weight:700;color:#1a1a1a;line-height:1;margin-bottom:12px}.programme-stat-progress{margin-bottom:8px}.stat-progress-bar{height:6px;background:#f5f5f5;border-radius:3px;overflow:hidden;margin-bottom:6px}.stat-progress-fill{height:100%;background:#0b4f9f;border-radius:3px;transition:width .3s ease}.stat-progress-fill.yellow{background:#fdb714}.stat-progress-fill.purple{background:#9c27b0}.stat-progress-fill.green{background:#4caf50}.stat-progress-text{font-size:12px;color:#666}.programme-stat-meta{font-size:12px;color:#4caf50;font-weight:500}.programme-content-grid{display:grid;grid-template-columns:1fr 360px;gap:24px}.programme-main-section{display:flex;flex-direction:column;gap:20px}.card-header-prog{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title-prog{font-size:18px;font-weight:600;color:#1a1a1a}.card-subtitle-prog{font-size:13px;color:#666;margin-top:4px}.btn-filter-prog{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-filter-prog:hover{border-color:#0b4f9f;color:#0b4f9f}.module-progress-list{display:flex;flex-direction:column;gap:16px}.module-progress-item{display:grid;grid-template-columns:40px 2fr 1fr 100px;gap:16px;align-items:center;padding:16px;background:#f8fafc;border-radius:8px}.module-status-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.module-info{display:flex;flex-direction:column;gap:4px}.module-name{font-size:14px;font-weight:600;color:#1a1a1a}.module-completion{font-size:13px;color:#666}.module-progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.module-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.module-status-text{font-size:13px;font-weight:600;color:#666;text-align:center}.dept-progress-list{display:flex;flex-direction:column;gap:16px}.dept-progress-item{display:flex;align-items:center;gap:16px}.dept-progress-name{font-size:14px;font-weight:600;color:#1a1a1a;min-width:140px}.dept-progress-bar-wrapper{flex:1;display:flex;align-items:center;gap:12px}.dept-progress-bar{flex:1;height:12px;background:#f5f5f5;border-radius:6px;overflow:hidden}.dept-progress-fill{height:100%;border-radius:6px;transition:width .3s ease}.dept-progress-value{font-size:14px;font-weight:700;color:#1a1a1a;min-width:45px;text-align:right}.learner-roster-table{width:100%;border-collapse:collapse}.learner-roster-table thead{background:#f8fafc}.learner-roster-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.learner-roster-table td{padding:16px;border-top:1px solid #F5F5F5;font-size:14px;color:#1a1a1a;vertical-align:middle}.learner-cell-prog{display:flex;align-items:center;gap:12px}.learner-avatar-prog{width:36px;height:36px;border-radius:50%;object-fit:cover}.score-cell{display:flex;align-items:center;gap:10px}.score-bar{width:60px;height:6px;background:#f5f5f5;border-radius:3px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:3px}.status-badge-prog{display:inline-block;padding:5px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge-prog.completed{background:#e8f5e9;color:#4caf50}.status-badge-prog.in-progress{background:#e3f2fd;color:#0b4f9f}.status-badge-prog.at-risk{background:#fff8e1;color:#f57c00}.status-badge-prog.not-started{background:#f5f5f5;color:#999}.btn-menu-prog{width:32px;height:32px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;color:#666;font-size:18px;cursor:pointer;transition:all .2s}.btn-menu-prog:hover{border-color:#0b4f9f;color:#0b4f9f}.table-footer-prog{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #E0E0E0;font-size:14px;color:#666}.pagination-prog{display:flex;gap:6px}.page-btn-prog{min-width:32px;height:32px;padding:0 10px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;font-size:14px;color:#1a1a1a;cursor:pointer;transition:all .2s}.page-btn-prog:hover{border-color:#0b4f9f;background:#f8fafc}.programme-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-title-prog{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:16px}.live-badge{color:#f44336;font-size:12px;font-weight:600}.upcoming-sessions-list{display:flex;flex-direction:column;gap:16px}.upcoming-session-item{display:flex;gap:14px;padding:16px;background:#f8fafc;border-radius:8px}.upcoming-session-date{background:#0b4f9f;color:#fff;padding:10px;border-radius:8px;text-align:center;min-width:60px;font-weight:700;line-height:1.4;flex-shrink:0}.upcoming-session-details{flex:1}.upcoming-session-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:6px}.upcoming-session-type,.upcoming-session-time,.upcoming-session-registered{font-size:12px;color:#666;margin-bottom:4px}.trainer-card{display:flex;gap:14px;margin-bottom:16px}.trainer-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0}.trainer-info{flex:1}.trainer-name{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.trainer-title{font-size:13px;color:#666;margin-bottom:6px}.trainer-company{font-size:12px;color:#999}.trainer-actions{display:flex;flex-direction:column;gap:10px}.trainer-action-btn{padding:10px 16px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;color:#0b4f9f;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.trainer-action-btn:hover{background:#f8fafc;border-color:#0b4f9f}.resources-list-prog{display:flex;flex-direction:column;gap:10px}.resource-item-prog{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border:none;border-radius:8px;color:#1a1a1a;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.resource-item-prog:hover{background:#e3f2fd;color:#0b4f9f;transform:translate(4px)}.resource-item-prog span{flex:1}@media (max-width: 1200px){.programme-content-grid{grid-template-columns:1fr}.module-progress-item{grid-template-columns:1fr;gap:12px}}@media (max-width: 768px){.programme-stats-grid{grid-template-columns:1fr}.programme-header-card{flex-direction:column;gap:16px}.programme-meta-row{flex-direction:column}}.trainer-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#0b4f9f,#1565c0);border-radius:8px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px}.member-since{opacity:.8;font-weight:400;margin-left:8px}.stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card-simple{display:flex;align-items:center;gap:16px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s}.stat-card-simple:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.stat-icon-wrapper{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-wrapper.blue{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0b4f9f}.stat-icon-wrapper.yellow{background:linear-gradient(135deg,#fff9e6,#ffeaa7);color:#f39c12}.stat-icon-wrapper.green{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#4caf50}.stat-icon-wrapper.orange{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#ff9800}.stat-value-large{font-size:32px;font-weight:700;color:#1a1a1a;line-height:1;margin:4px 0}.stat-link{font-size:13px;color:#0b4f9f;text-decoration:none;font-weight:500}.stat-link:hover{text-decoration:underline}.stat-trend{font-size:13px;color:#4caf50;margin-top:4px}.trainer-dashboard-grid{display:grid;grid-template-columns:1fr 380px;gap:24px}.trainer-main-column,.trainer-sidebar-column{display:flex;flex-direction:column;gap:24px}.next-seminar-card{position:relative;display:flex;gap:20px;padding:20px;background:linear-gradient(135deg,#f5f7fa,#e8f1fa);border-radius:12px;border:2px solid #e0e0e0}.live-badge{position:absolute;top:12px;right:12px;padding:6px 12px;background:#f44336;color:#fff;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px}.seminar-image{width:200px;height:140px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#ddd}.seminar-image img{width:100%;height:100%;object-fit:cover}.seminar-content{flex:1;display:flex;flex-direction:column}.seminar-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.seminar-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.meta-item-group{display:flex;align-items:center;gap:12px;font-size:14px;color:#666}.avatar-stack{display:flex}.avatar-stack img{width:32px;height:32px;border-radius:50%;border:2px solid white;margin-left:-8px}.avatar-stack img:first-child{margin-left:0}.schedule-calendar-mini{padding:16px 0}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.calendar-nav h4{font-size:16px;font-weight:600;color:#1a1a1a}.calendar-grid-mini{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-header{text-align:center;font-size:11px;font-weight:600;color:#666;padding:8px 0}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px;border-radius:6px;cursor:pointer;transition:all .2s}.calendar-day.has-session{background:#fff9e6;color:#1a1a1a;font-weight:600;position:relative}.calendar-day.has-session:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#fdb714;border-radius:50%}.calendar-legend{display:flex;gap:16px;justify-content:center;margin-top:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.dot{width:8px;height:8px;border-radius:50%}.session-dot{background:#fdb714}.multiple-dot{background:#0b4f9f}.proposals-list{display:flex;flex-direction:column;gap:12px}.proposal-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f5f7fa;border-radius:8px;transition:background .2s}.proposal-item:hover{background:#e8f1fa}.proposal-icon{font-size:24px;flex-shrink:0}.proposal-details{flex:1}.proposal-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.proposal-subtitle{font-size:12px;color:#666}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#f5f7fa;border:none;border-radius:12px;cursor:pointer;transition:all .3s;text-align:center}.quick-action-card:hover{background:#e8f1fa;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.action-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.action-icon.blue{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0b4f9f}.action-icon.yellow{background:linear-gradient(135deg,#fff9e6,#ffeaa7);color:#f39c12}.action-icon.green{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#4caf50}.action-icon.orange{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#ff9800}.action-text{font-size:13px;font-weight:600;color:#1a1a1a}.question-item{display:flex;gap:12px;padding:16px;background:#f5f7fa;border-radius:8px}.question-icon{font-size:24px;flex-shrink:0}.question-text{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.question-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#666;margin-bottom:4px}.question-course{font-size:12px;color:#0b4f9f;font-weight:500}.activity-list-compact{display:flex;flex-direction:column;gap:12px}.activity-item-compact{display:flex;gap:12px;padding:12px;background:#f5f7fa;border-radius:8px}.activity-icon-small{font-size:20px;flex-shrink:0}.activity-details-compact{flex:1}.activity-text-small{font-size:13px;color:#1a1a1a;margin-bottom:4px}.activity-time-small{font-size:11px;color:#999}.reminder-card{background:linear-gradient(135deg,#fff9e6,#ffeaa7);border:2px solid #FDB714;text-align:center}.reminder-icon{width:56px;height:56px;margin:0 auto 16px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fdb714}.reminder-title{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.reminder-text{font-size:13px;color:#666;line-height:1.6;margin-bottom:16px}.card-header-flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}@media (max-width: 1400px){.trainer-dashboard-grid{grid-template-columns:1fr}.trainer-sidebar-column{grid-template-columns:repeat(2,1fr);display:grid}}@media (max-width: 768px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}.next-seminar-card{flex-direction:column}.seminar-image{width:100%}.quick-actions-grid,.trainer-sidebar-column{grid-template-columns:1fr}}.profile-grid{display:grid;grid-template-columns:1fr 380px;gap:24px}.profile-main,.profile-sidebar{display:flex;flex-direction:column;gap:24px}.profile-header-card{padding:32px}.profile-header-content{display:flex;gap:32px;margin-bottom:32px;padding-bottom:32px;border-bottom:2px solid #e0e0e0}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:16px}.profile-avatar-large{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #e0e0e0}.edit-photo-btn{display:flex;align-items:center;gap:6px}.profile-info-section{flex:1}.profile-name-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.profile-name{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.profile-title{font-size:16px;font-weight:600;color:#0b4f9f;margin-bottom:4px}.profile-subtitle{font-size:14px;color:#666;margin-bottom:16px}.profile-badge-row{display:flex;gap:12px}.profile-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.profile-badge.verified{background:#e8f5e9;color:#4caf50}.profile-badge.invited{background:linear-gradient(135deg,#fff9e6,#ffeaa7);color:#f39c12}.profile-section{padding:24px 0;border-bottom:1px solid #e0e0e0}.profile-section:last-child{border-bottom:none}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0}.btn-text{display:flex;align-items:center;gap:6px;background:none;border:none;color:#0b4f9f;font-size:14px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s}.btn-text:hover{background:#e3f2fd}.bio-text{font-size:14px;line-height:1.7;color:#666;margin-bottom:12px}.expertise-tags{display:flex;flex-wrap:wrap;gap:8px}.expertise-tag{padding:8px 16px;background:#e3f2fd;color:#0b4f9f;border-radius:20px;font-size:13px;font-weight:500}.languages-list{display:flex;flex-wrap:wrap;gap:12px}.language-badge{padding:8px 16px;background:#f5f7fa;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;color:#1a1a1a}.social-links{display:flex;flex-direction:column;gap:12px}.social-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f5f7fa;border-radius:8px;color:#0b4f9f;text-decoration:none;font-size:14px;transition:all .2s}.social-link:hover{background:#e8f1fa}.external-icon{margin-left:auto;font-size:18px}.credentials-list{display:flex;flex-direction:column;gap:16px}.credential-item{display:flex;align-items:center;gap:16px;padding:20px;background:#f5f7fa;border-radius:12px;transition:all .2s}.credential-item:hover{background:#e8f1fa}.credential-icon{font-size:32px;flex-shrink:0}.credential-content{flex:1}.credential-type{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.credential-issuer{font-size:13px;color:#666;margin-bottom:2px}.credential-date{font-size:12px;color:#999}.topics-list{display:flex;flex-direction:column;gap:12px}.topic-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f5f7fa;border-radius:8px}.topic-icon{width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4caf50;flex-shrink:0}.topic-name{flex:1;font-size:14px;color:#1a1a1a}.preview-card{text-align:center}.btn-full{width:100%;justify-content:center;margin-bottom:20px}.preview-content{padding-top:20px;border-top:1px solid #e0e0e0}.preview-avatar{width:80px;height:80px;margin:0 auto 16px;border-radius:50%;overflow:hidden}.preview-avatar img{width:100%;height:100%;object-fit:cover}.preview-name{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.preview-title{font-size:14px;font-weight:600;color:#0b4f9f;margin-bottom:4px}.preview-org{font-size:12px;color:#666;margin-bottom:12px}.preview-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#fff9e6,#ffeaa7);color:#f39c12;border-radius:6px;font-size:11px;font-weight:600;margin-bottom:16px}.session-history-list{display:flex;flex-direction:column;gap:16px}.session-history-item{padding:16px;background:#f5f7fa;border-radius:8px}.session-date-small{display:flex;align-items:center;gap:6px;font-size:12px;color:#666;margin-bottom:8px}.session-title-small{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.session-meta-small{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#666}.session-rating{display:flex;align-items:center;gap:4px;color:#1a1a1a;font-weight:600}.availability-info{display:flex;flex-direction:column;gap:16px;margin-top:16px}.availability-item svg{color:#0b4f9f;flex-shrink:0}.availability-label{font-size:12px;color:#666;margin-bottom:4px}.compliance-card{border:2px solid #e8f5e9}.compliance-list{display:flex;flex-direction:column;gap:12px}.compliance-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f5f7fa;border-radius:8px;font-size:13px}.compliance-item.verified{background:#e8f5e9;color:#4caf50}.compliance-item svg{flex-shrink:0}.compliance-status{margin-left:auto;font-size:11px;color:#666}.notice-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #0B4F9F;text-align:center}.notice-icon{font-size:48px;margin-bottom:12px}.notice-title{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.notice-text{font-size:13px;color:#666;line-height:1.6;margin-bottom:16px}@media (max-width: 1400px){.profile-grid{grid-template-columns:1fr}.profile-sidebar{grid-template-columns:repeat(2,1fr);display:grid}}@media (max-width: 768px){.profile-header-content{flex-direction:column;text-align:center}.profile-badge-row{flex-direction:column}.expertise-tags{justify-content:center}.profile-sidebar{grid-template-columns:1fr}}.stats-grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.stat-card-compact{display:flex;flex-direction:column;gap:12px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s}.stat-card-compact:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.stat-icon-small{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-small.blue{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0b4f9f}.stat-icon-small.yellow{background:linear-gradient(135deg,#fff9e6,#ffeaa7);color:#f39c12}.stat-icon-small.green{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#4caf50}.stat-icon-small.purple{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#9c27b0}.stat-icon-small.orange{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#ff9800}.stat-icon-small.teal{background:linear-gradient(135deg,#e0f2f1,#b2dfdb);color:#009688}.stat-label-small{font-size:11px;color:#666;font-weight:500;margin-bottom:4px}.stat-value-medium{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1}.stat-trend-small{display:flex;align-items:center;gap:4px;font-size:11px;margin-top:4px}.stat-trend-small.positive{color:#4caf50}.stat-stars{color:#fdb714;font-size:14px;margin-top:4px}.stat-link-small{font-size:11px;color:#0b4f9f;text-decoration:none;font-weight:500;margin-top:4px;display:inline-block}.stat-link-small:hover{text-decoration:underline}.analytics-grid{display:grid;grid-template-columns:1fr 380px;gap:24px}.analytics-main,.analytics-sidebar{display:flex;flex-direction:column;gap:24px}.chart-legend-inline{display:flex;gap:20px;align-items:center}.card-subtitle-small{font-size:12px;color:#666;margin-top:4px}.session-name-cell{font-weight:600;color:#1a1a1a;font-size:14px}.rating-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#fff9e6;border-radius:8px;font-weight:600;font-size:14px;color:#1a1a1a}.rating-badge-large{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff9e6;border-radius:10px;font-weight:700;font-size:16px;color:#1a1a1a}.feedback-list{display:flex;flex-direction:column;gap:16px}.feedback-item{padding:20px;background:#f5f7fa;border-radius:12px;border:1px solid #e0e0e0}.feedback-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.feedback-session{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.feedback-meta{font-size:12px;color:#666}.feedback-comment{font-size:14px;color:#666;line-height:1.6;margin-bottom:12px}.topic-legend{display:flex;flex-direction:column;gap:12px;margin-top:20px}.topic-legend-item{display:flex;align-items:center;gap:12px}.topic-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.topic-info{flex:1}.topic-name{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.topic-stats{font-size:12px;color:#666}.link-text-center{display:block;text-align:center;font-size:13px;color:#0b4f9f;text-decoration:none;font-weight:500;margin-top:16px}.link-text-center:hover{text-decoration:underline}.suggestions-list{display:flex;flex-direction:column;gap:12px;margin:16px 0}.suggestion-item{display:flex;gap:12px;padding:16px;background:#fff9e6;border-radius:8px;border-left:4px solid #FDB714}.suggestion-icon{font-size:24px;flex-shrink:0}.suggestion-content{flex:1}.suggestion-text{font-size:13px;color:#1a1a1a;margin-bottom:8px;line-height:1.5}.btn-link{background:none;border:none;color:#0b4f9f;font-size:12px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.btn-link:hover{color:#003b73}.expert-impact-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #0B4F9F}.expert-stats{display:flex;justify-content:space-around;margin:20px 0;padding:20px;background:#fff;border-radius:12px}.expert-stat-item{text-align:center}.expert-stat-value{font-size:28px;font-weight:700;color:#4caf50;margin-bottom:4px}.expert-stat-label{font-size:11px;color:#666;font-weight:500}.btn-full{width:100%;justify-content:center;margin-bottom:12px}@media (max-width: 1600px){.stats-grid-6{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1400px){.analytics-grid{grid-template-columns:1fr}.analytics-sidebar{grid-template-columns:repeat(2,1fr);display:grid}}@media (max-width: 992px){.stats-grid-6{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid-6{grid-template-columns:1fr}.chart-legend-inline{flex-direction:column;align-items:flex-start}.analytics-sidebar{grid-template-columns:1fr}.expert-stats{flex-direction:column;gap:16px}}.proposal-steps{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f;position:relative}.proposal-steps:before{content:"";position:absolute;top:50%;left:60px;right:60px;height:2px;background:#e0e0e0;z-index:0}.step-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;position:relative;z-index:1;transition:all .3s}.step-circle{width:40px;height:40px;border-radius:50%;background:#fff;border:3px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#999;transition:all .3s}.step-item.active .step-circle{background:#0b4f9f;border-color:#0b4f9f;color:#fff;transform:scale(1.1)}.step-item.completed .step-circle{background:#4caf50;border-color:#4caf50;color:#fff}.step-label{font-size:13px;font-weight:600;color:#666;transition:all .3s}.step-item.active .step-label{color:#0b4f9f}.proposal-grid{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:start}.proposal-form-section{display:flex;flex-direction:column}.form-section{padding:32px}.form-section-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.form-section-subtitle{font-size:14px;color:#666;margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s}.form-textarea{resize:vertical}.date-range-group{display:flex;align-items:center;gap:12px}.date-input{flex:1}.char-count{font-size:12px;color:#999;text-align:right;margin-top:4px}.radio-group{display:flex;gap:16px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#1a1a1a}.radio-label input[type=radio]{width:18px;height:18px;cursor:pointer}.checkbox-label{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;cursor:pointer;font-size:14px;color:#1a1a1a}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer}.pricing-options{display:flex;gap:12px}.pricing-btn{flex:1;padding:12px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.pricing-btn:hover{border-color:#0b4f9f}.pricing-btn.active{background:#0b4f9f;border-color:#0b4f9f;color:#fff}.curriculum-builder{background:#f5f7fa;border-radius:12px;padding:24px;border:2px dashed #e0e0e0}.curriculum-header{margin-bottom:20px}.btn-icon-text{display:flex;align-items:center;gap:8px;background:none;border:none;color:#666;font-size:13px;font-weight:500;cursor:pointer}.lessons-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.lesson-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.lesson-drag{color:#999;cursor:grab}.lesson-number{width:28px;height:28px;background:#e3f2fd;color:#0b4f9f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.lesson-content{flex:1;display:flex;flex-direction:column;gap:8px}.lesson-title-input{border:1px solid #e0e0e0;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:600}.lesson-duration-input{border:1px solid #e0e0e0;border-radius:6px;padding:6px 12px;font-size:12px;width:120px}.btn-icon-danger{background:none;border:none;color:#f44336;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.btn-icon-danger:hover{background:#ffebee}.btn-add-lesson{width:100%;justify-content:center;gap:8px}.upload-zone{border:2px dashed #e0e0e0;border-radius:12px;padding:40px;text-align:center;background:#f5f7fa;transition:all .3s;cursor:pointer}.upload-zone:hover{border-color:#0b4f9f;background:#e8f1fa}.upload-icon{font-size:48px;margin-bottom:12px}.upload-text{font-size:14px;color:#666;margin-bottom:12px}.upload-hint{font-size:12px;color:#999;margin-top:12px}.compliance-notice{background:#fff9e6;border:2px solid #FDB714;border-radius:12px;padding:24px;display:flex;gap:20px;margin-bottom:24px}.compliance-icon{color:#fdb714;flex-shrink:0}.compliance-text{font-size:14px;color:#666;line-height:1.6}.compliance-checklist{background:#f5f7fa;border-radius:12px;padding:24px;margin-bottom:16px}.form-actions{display:flex;justify-content:space-between;gap:12px;padding:24px 32px;border-top:2px solid #e0e0e0;background:#f5f7fa;border-radius:0 0 12px 12px}.preview-card-sticky{position:sticky;top:24px;max-height:calc(100vh - 48px);display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #e0e0e0}.preview-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0}.preview-content-scroll{flex:1;overflow-y:auto;padding:24px}.preview-badge{display:inline-block;padding:6px 12px;background:#fdb714;color:#fff;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:16px}.preview-course-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.preview-meta{display:flex;gap:16px;margin-bottom:24px}.preview-meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.meta-icon{font-size:16px}.preview-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.preview-section:last-child{border-bottom:none}.preview-section-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.preview-text{font-size:14px;color:#666;line-height:1.6}.preview-price{color:#4caf50;font-weight:700;font-size:16px}.preview-list{list-style:none;padding:0}.preview-list li{font-size:14px;color:#666;line-height:1.8;padding-left:24px;position:relative}.preview-curriculum{display:flex;flex-direction:column;gap:12px}.preview-lesson{display:flex;align-items:center;gap:12px;padding:12px;background:#f5f7fa;border-radius:8px}.preview-lesson-num{font-weight:700;color:#0b4f9f;min-width:20px}.preview-lesson-title{flex:1;font-size:13px;color:#1a1a1a}.preview-lesson-duration{font-size:12px;color:#666;background:#fff;padding:4px 8px;border-radius:4px}@media (max-width: 1400px){.proposal-grid{grid-template-columns:1fr}.preview-card-sticky{position:static;max-height:none}}@media (max-width: 768px){.proposal-steps{overflow-x:auto;justify-content:flex-start;gap:32px}.proposal-steps:before{display:none}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.trainer-courses-page{padding:32px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-left h1{margin:0 0 8px;font-size:32px;font-weight:700;color:#1a1a1a}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-label{margin:0 0 4px;font-size:13px;color:#6b7280;font-weight:500}.stat-value{margin:0;font-size:28px;font-weight:700;color:#1a1a1a}.filter-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e5e7eb}.filter-tab{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.filter-tab:hover{color:#0b4f9f}.filter-tab.active{color:#0b4f9f;border-bottom-color:#0b4f9f}.loading-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.empty-state svg{color:#cbd5e1;margin-bottom:20px}.empty-state h3{margin:0 0 8px;font-size:24px;font-weight:600;color:#1a1a1a}.empty-state p{margin:0 0 24px;font-size:16px;color:#6b7280}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.course-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .3s;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.course-thumbnail{position:relative;width:100%;height:200px;overflow:hidden;background:#f3f4f6}.course-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.course-status-overlay{position:absolute;top:12px;right:12px}.status-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-badge.status-draft{background:#6b7280e6;color:#fff}.status-badge.status-published{background:#059669e6;color:#fff}.status-badge.status-archived{background:#ef4444e6;color:#fff}.course-content{padding:20px;flex:1;display:flex;flex-direction:column}.course-content h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#1a1a1a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-description{margin:0 0 16px;font-size:14px;color:#6b7280;line-height:1.6;flex:1}.course-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.meta-item svg{color:#9ca3af}.rating{color:#f59e0b;font-weight:600}.course-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.course-category{padding:4px 12px;background:#f3f4f6;color:#6b7280;font-size:12px;font-weight:500;border-radius:12px}.course-price{font-size:16px;font-weight:700;color:#0b4f9f}.course-footer{padding-top:12px;border-top:1px solid #f3f4f6}.course-date{font-size:12px;color:#9ca3af}.course-actions{display:flex;border-top:1px solid #f3f4f6}.course-actions .action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:#fff;border:none;border-right:1px solid #f3f4f6;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.course-actions .action-btn:last-child{border-right:none}.course-actions .action-btn:hover{background:#f9fafb;color:#0b4f9f}.course-actions .action-btn.delete:hover{background:#fef2f2;color:#ef4444}.btn-primary:hover{background:#083d7a;transform:translateY(-1px);box-shadow:0 4px 12px #0b4f9f4d}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.trainer-courses-page{padding:20px}.page-header{flex-direction:column;gap:16px}.page-header .btn{width:100%}.stats-grid,.courses-grid{grid-template-columns:1fr}.filter-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-tab{white-space:nowrap}}.modal-container{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.modal-container.large{max-width:900px}.modal-header{padding:24px 24px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.btn-secondary{background:#f3f4f6;color:#374151;border:none}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#0b4f9f;box-shadow:0 0 0 3px #0b4f9f1a}.qa-tabs-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px}.qa-tabs{display:flex;gap:8px;flex:1}.qa-tabs .tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.qa-tabs .tab:hover{background:#f5f7fa;color:#0b4f9f}.qa-tabs .tab.active{background:#e3f2fd;color:#0b4f9f}.tab-count{padding:2px 8px;background:#e0e0e0;border-radius:12px;font-size:12px;font-weight:700}.tab-count.danger{background:#ffebee;color:#f44336}.sort-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;cursor:pointer}.qa-content-grid{display:grid;grid-template-columns:1fr 480px;gap:24px}.qa-main{display:flex;flex-direction:column;gap:20px}.qa-filters{display:flex;gap:12px;background:#fff;padding:16px;border-radius:12px}.questions-list{display:flex;flex-direction:column;gap:16px}.question-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:all .3s;border:2px solid transparent}.question-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.question-card.selected{border-color:#0b4f9f;box-shadow:0 4px 16px #0b4f9f33}.question-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;margin-bottom:12px}.question-badge.danger{background:#ffebee;color:#f44336}.question-header{display:flex;gap:16px}.question-votes{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.vote-btn{background:none;border:none;color:#999;font-size:18px;cursor:pointer;transition:color .2s}.vote-btn:hover{color:#0b4f9f}.vote-count{font-size:16px;font-weight:700;color:#1a1a1a}.question-content{flex:1}.question-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:12px;line-height:1.4}.question-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;flex-wrap:wrap}.question-author{display:flex;align-items:center;gap:8px}.author-avatar{width:28px;height:28px;border-radius:50%;background:#e3f2fd;color:#0b4f9f;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.author-name{font-weight:600;color:#1a1a1a}.question-date{color:#999}.question-category{padding:4px 8px;background:#e3f2fd;color:#0b4f9f;border-radius:4px;font-size:11px;font-weight:600}.question-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.question-stats{display:flex;gap:16px}.stat-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.qa-pagination{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 24px;border-radius:12px}.qa-info{font-size:14px;color:#666}.question-detail-card{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}.detail-header{padding-bottom:20px;border-bottom:2px solid #e0e0e0;margin-bottom:20px}.detail-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:16px;line-height:1.4}.detail-meta{margin-top:16px}.author-info{display:flex;gap:12px;align-items:center}.author-avatar-large{width:48px;height:48px;border-radius:50%;background:#e3f2fd;color:#0b4f9f;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.author-name-large{font-size:15px;font-weight:600;color:#1a1a1a}.author-date{font-size:13px;color:#666}.detail-body{padding:20px 0;border-bottom:2px solid #e0e0e0;margin-bottom:20px}.detail-text{font-size:15px;color:#666;line-height:1.7}.detail-actions{display:flex;gap:12px;padding-bottom:24px;border-bottom:2px solid #e0e0e0;margin-bottom:24px}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f5f7fa;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#1a1a1a;cursor:pointer;transition:all .2s}.action-btn:hover{background:#e8f1fa;color:#0b4f9f}.detail-replies-section{margin-bottom:24px}.replies-title{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.reply-item{padding:20px;background:#f5f7fa;border-radius:12px;margin-bottom:16px;position:relative}.reply-item.trainer-reply{background:linear-gradient(135deg,#fff9e6,#ffeaa7);border:2px solid #FDB714}.reply-badge{position:absolute;top:12px;right:12px;padding:4px 8px;background:#fdb714;color:#fff;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px}.reply-author{display:flex;gap:12px;margin-bottom:12px}.author-avatar-small{width:36px;height:36px;border-radius:50%;background:#e3f2fd;color:#0b4f9f;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.reply-author-name{font-size:14px;font-weight:600;color:#1a1a1a}.reply-date{font-size:12px;color:#666}.reply-text{font-size:14px;color:#666;line-height:1.6;margin-bottom:12px}.reply-actions{display:flex;gap:12px}.reply-action-btn{display:flex;align-items:center;gap:6px;background:none;border:none;font-size:13px;color:#666;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s}.reply-action-btn:hover{background:#0000000d;color:#0b4f9f}.reply-editor{background:#f5f7fa;border-radius:12px;padding:20px}.editor-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:12px}.editor-toolbar{display:flex;gap:4px;padding:8px;background:#fff;border-radius:8px 8px 0 0;border:1px solid #e0e0e0;border-bottom:none}.toolbar-btn{padding:8px;background:none;border:none;color:#666;cursor:pointer;border-radius:4px;transition:all .2s}.toolbar-btn:hover{background:#f5f7fa;color:#0b4f9f}.reply-textarea{width:100%;padding:16px;border:1px solid #e0e0e0;border-radius:0 0 8px 8px;font-size:14px;font-family:inherit;resize:vertical}.reply-textarea:focus{outline:none;border-color:#0b4f9f}.editor-actions{display:flex;justify-content:space-between;margin-top:12px}.empty-state{text-align:center;padding:60px 40px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.empty-state p{font-size:14px;color:#666}.trending-list{display:flex;flex-direction:column;gap:12px;margin:16px 0}.trending-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f5f7fa;border-radius:8px;transition:all .2s;cursor:pointer}.trending-item:hover{background:#e8f1fa}.trending-icon{font-size:20px;flex-shrink:0}.trending-topic{flex:1;font-size:13px;font-weight:600;color:#1a1a1a}.trending-count{font-size:12px;color:#666}.pinned-card{border:2px solid #e3f2fd}.pinned-list{display:flex;flex-direction:column;gap:12px;margin:16px 0}.pinned-item{display:flex;gap:12px;padding:12px;background:#f5f7fa;border-radius:8px;cursor:pointer;transition:all .2s}.pinned-item:hover{background:#e8f1fa}.pinned-icon{font-size:24px;flex-shrink:0}.pinned-content{flex:1}.pinned-title{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:4px;line-height:1.4}.pinned-meta{font-size:11px;color:#666}.performance-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.performance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.performance-item{text-align:center;padding:16px;background:#fff;border-radius:8px}.performance-value{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.performance-label{font-size:11px;color:#666;margin-bottom:4px}.performance-change{font-size:12px;font-weight:600}.performance-change.positive{color:#4caf50}@media (max-width: 1400px){.qa-content-grid{grid-template-columns:1fr}.question-detail-card{position:static;max-height:none}}@media (max-width: 768px){.qa-tabs-bar{flex-direction:column;gap:16px}.qa-tabs{width:100%;overflow-x:auto}.qa-filters{flex-direction:column}.performance-grid{grid-template-columns:1fr}}.sessions-tabs{display:flex;gap:12px;background:#fff;padding:12px;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px}.sessions-tabs .tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.sessions-tabs .tab:hover{background:#f5f7fa;color:#0b4f9f}.sessions-tabs .tab.active{background:linear-gradient(135deg,#0b4f9f,#1976d2);color:#fff}.sessions-tabs .tab-count.warning{background:#f44336;color:#fff}.sessions-grid{display:grid;grid-template-columns:1fr 420px;gap:24px}.sessions-main{display:flex;flex-direction:column}.sessions-list{display:flex;flex-direction:column;gap:20px}.session-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 8px #0000000f;transition:all .3s;position:relative;border:2px solid transparent}.session-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.session-card.featured{border-color:#fdb714;background:linear-gradient(135deg,#fff9e6,#fff)}.featured-badge{position:absolute;top:-12px;left:24px;padding:6px 16px;background:linear-gradient(135deg,#fdb714,#f39c12);color:#fff;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 12px #fdb7144d}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.session-type-badge{padding:6px 14px;background:#e3f2fd;color:#0b4f9f;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.3px}.session-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:20px;line-height:1.4}.session-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.session-detail{display:flex;align-items:center;gap:10px;font-size:14px;color:#666}.session-detail svg{color:#0b4f9f;flex-shrink:0}.session-progress{margin-bottom:20px}.session-progress .progress-bar{height:10px;background:#e0e0e0;border-radius:5px;overflow:hidden;margin-bottom:8px}.session-progress .progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:5px;transition:width .3s}.session-progress .progress-text{font-size:13px;color:#666;font-weight:600}.session-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:2px solid #e0e0e0}.session-audience{font-size:13px;color:#666;font-weight:600}.session-actions{display:flex;gap:12px}.calendar-card{padding:20px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-month{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px}.calendar-day-header{text-align:center;font-size:11px;font-weight:700;color:#666;padding:8px 0}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:8px;cursor:pointer;transition:all .2s;position:relative;color:#1a1a1a}.calendar-day:hover{background:#f5f7fa}.calendar-day.today{background:#0b4f9f;color:#fff;font-weight:700}.calendar-day.has-event{background:#fff9e6;font-weight:600}.event-dot{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%}.event-dot.seminar{background:#fdb714}.event-dot.masterclass{background:#0b4f9f}.event-dot.multiple{background:#f44336}.calendar-legend{display:flex;gap:20px;justify-content:center;padding-top:16px;border-top:1px solid #e0e0e0}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.seminar{background:#fdb714}.legend-dot.multiple{background:#f44336}.availability-btn{margin:16px 0}.availability-info{display:flex;flex-direction:column;gap:16px}.availability-item{display:flex;gap:12px;padding:12px;background:#f5f7fa;border-radius:8px}.availability-item svg{color:#0b4f9f;flex-shrink:0;margin-top:2px}.availability-label{font-size:12px;font-weight:600;color:#666;margin-bottom:4px}.availability-value{font-size:14px;font-weight:600;color:#1a1a1a}.expert-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #0B4F9F}.expert-banner{position:relative;height:160px;border-radius:12px;overflow:hidden;margin:16px 0}.expert-banner img{width:100%;height:100%;object-fit:cover}.expert-content{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff}.expert-content h4{font-size:18px;font-weight:700;margin:0}@media (max-width: 1400px){.sessions-grid{grid-template-columns:1fr}}@media (max-width: 768px){.sessions-tabs{overflow-x:auto;flex-wrap:nowrap}.session-details-grid{grid-template-columns:1fr}.session-footer{flex-direction:column;gap:16px;align-items:stretch}.session-actions{flex-direction:column}}.create-course-page{max-width:1400px;margin:0 auto;padding:32px}.create-course-header{margin-bottom:32px}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:color .2s}.back-btn:hover{color:#0b4f9f}.create-course-header h1{margin:0 0 8px;font-size:32px;font-weight:700;color:#1a1a1a}.subtitle{margin:0;font-size:16px;color:#6b7280}.create-course-content{display:grid;grid-template-columns:1fr 380px;gap:32px}.course-form{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.form-section{margin-bottom:48px}.form-section:last-child{margin-bottom:0}.form-section h2{margin:0 0 8px;font-size:20px;font-weight:600;color:#1a1a1a}.section-description{margin:0 0 24px;font-size:14px;color:#6b7280}.form-group{margin-bottom:24px}.form-group label.required:after{content:" *";color:#ef4444}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group textarea{resize:vertical;min-height:120px}.error-message{display:block;margin-top:4px;font-size:13px;color:#ef4444}.char-count{display:block;margin-top:4px;font-size:12px;color:#9ca3af;text-align:right}.help-text{margin-top:4px;font-size:13px;color:#6b7280}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.level-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.level-card{padding:20px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.level-card:hover{border-color:#cbd5e1;background:#f9fafb}.level-card.selected{border-color:#0b4f9f;background:#eff6ff}.level-card h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#1a1a1a}.level-card p{margin:0;font-size:13px;color:#6b7280}.dynamic-input-group{display:flex;gap:8px;margin-bottom:12px}.dynamic-input-group input{flex:1}.remove-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;transition:all .2s}.remove-btn:hover{background:#fef2f2;border-color:#fecaca}.add-more-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f9fafb;border:2px dashed #cbd5e1;border-radius:8px;color:#0b4f9f;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.add-more-btn:hover{background:#eff6ff;border-color:#0b4f9f}.price-input-group{display:flex;gap:0}.currency-select{width:80px;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.price-input-group input{border-top-left-radius:0;border-bottom-left-radius:0}.thumbnail-upload-area{margin-top:16px}.thumbnail-preview{position:relative;width:100%;max-width:600px;border-radius:8px;overflow:hidden}.thumbnail-preview img{width:100%;height:auto;display:block}.remove-thumbnail-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .2s}.remove-thumbnail-btn:hover{background:#ef4444e6}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;border:2px dashed #cbd5e1;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .2s}.upload-placeholder:hover{border-color:#0b4f9f;background:#eff6ff}.upload-placeholder svg{color:#6b7280;margin-bottom:12px}.upload-placeholder p{margin:0;font-size:14px;color:#374151}.upload-specs{font-size:12px;color:#9ca3af!important}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e5e7eb;margin-top:32px}.course-preview{position:sticky;top:32px;height:fit-content}.course-preview h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1a1a1a}.preview-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.preview-thumbnail{width:100%;height:200px;object-fit:cover}.preview-thumbnail-placeholder{width:100%;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af}.preview-content{padding:20px}.preview-content h4{margin:0 0 12px;font-size:18px;font-weight:600;color:#1a1a1a;line-height:1.4}.preview-description{margin:0 0 16px;font-size:14px;color:#6b7280;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.preview-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.preview-tag{padding:4px 12px;background:#f3f4f6;color:#6b7280;font-size:12px;font-weight:500;border-radius:12px}.preview-price{padding-top:16px;border-top:1px solid #e5e7eb}.free-badge{display:inline-block;padding:6px 16px;background:#d1fae5;color:#059669;font-size:14px;font-weight:600;border-radius:6px}.price-badge{display:inline-block;padding:6px 16px;background:#eff6ff;color:#0b4f9f;font-size:18px;font-weight:700;border-radius:6px}.preview-tips{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.preview-tips h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#1a1a1a}.preview-tips ul{margin:0;padding-left:20px}.preview-tips li{margin-bottom:8px;font-size:14px;color:#6b7280;line-height:1.5}.preview-tips li:last-child{margin-bottom:0}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary:hover:not(:disabled){background:#083d7a}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline:hover:not(:disabled){border-color:#cbd5e1;color:#1a1a1a}@media (max-width: 1024px){.create-course-content{grid-template-columns:1fr}.course-preview{position:static}.level-selector{grid-template-columns:1fr}}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.create-course-page{padding:16px}.course-form{padding:20px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.upload-method-selector{display:grid;grid-template-columns:1fr 1fr;gap:16px}.method-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:32px 20px;cursor:pointer;transition:all .2s;text-align:center;display:flex;flex-direction:column;align-items:center}.method-card:hover{background:#fff;border-color:#0b4f9f;transform:translateY(-2px);box-shadow:0 8px 16px #0b4f9f1a}.method-icon{color:#0b4f9f;margin-bottom:16px}.youtube-icon{color:red}.method-card h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#1a1a1a}.method-card p{margin:0 0 16px;font-size:14px;color:#6b7280;line-height:1.5}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-blue{background:#dbeafe;color:#0b4f9f}.badge-success{background:#d1fae5;color:#059669}.file-upload-area{display:flex;flex-direction:column;gap:16px}.upload-dropzone{border:2px dashed #cbd5e1;border-radius:12px;padding:48px 24px;text-align:center;background:#f9fafb;position:relative;cursor:pointer;transition:all .2s}.upload-dropzone:hover{border-color:#0b4f9f;background:#fff}.upload-dropzone svg{color:#6b7280;margin-bottom:16px}.upload-dropzone h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#1a1a1a}.upload-dropzone p{margin:0;font-size:14px;color:#6b7280}.upload-limit{margin-top:8px;font-size:12px;color:#9ca3af}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.youtube-input-container{display:flex;flex-direction:column;gap:20px}.youtube-preview{text-align:center;padding:24px;background:#f9fafb;border-radius:12px}.youtube-preview svg{color:red;margin-bottom:12px}.youtube-preview h4{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.youtube-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s}.youtube-input:focus{outline:none;border-color:#0b4f9f;box-shadow:0 0 0 3px #0b4f9f1a}.help-text{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fef3c7;border-radius:8px;border:1px solid #fbbf24}.help-text svg{flex-shrink:0;color:#f59e0b;margin-top:2px}.help-text p{margin:0;font-size:13px;color:#92400e;line-height:1.5}.upload-progress-container{text-align:center;padding:32px 24px}.upload-icon-animated{color:#0b4f9f;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}.upload-progress-container h4{margin:0 0 24px;font-size:18px;font-weight:600;color:#1a1a1a}.progress-bar-container{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#0b4f9f,#0d5bb8);border-radius:4px;transition:width .3s ease}.progress-text{margin:0 0 8px;font-size:16px;font-weight:600;color:#0b4f9f}.progress-subtext{margin:0;font-size:14px;color:#6b7280}.spinner-loader{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#0b4f9f;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#0b4f9f;color:#fff;flex:1}.btn-primary:hover{background:#083d7a}.btn-outline{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.btn-outline:hover{border-color:#cbd5e1;color:#1a1a1a}.error-message{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;margin-top:16px}.error-message svg{flex-shrink:0}.error-message p{margin:0;font-size:14px;line-height:1.5}@media (max-width: 640px){.upload-method-selector{grid-template-columns:1fr}.modal-container{margin:20px}}.manage-lessons-page{max-width:1400px;margin:0 auto;padding:32px}.manage-lessons-header{margin-bottom:32px}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.header-left h1{margin:0 0 12px;font-size:32px;font-weight:700;color:#1a1a1a}.course-meta{display:flex;align-items:center;gap:16px;font-size:14px;color:#6b7280}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.status-draft{background:#f3f4f6;color:#6b7280}.status-badge.status-published{background:#d1fae5;color:#059669}.status-badge.status-archived{background:#fee2e2;color:#dc2626}.header-actions{display:flex;gap:12px}.manage-lessons-content{display:grid;grid-template-columns:1fr 350px;gap:32px}.lessons-section{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.empty-state{text-align:center;padding:60px 20px}.empty-state svg{color:#cbd5e1;margin-bottom:16px}.empty-state p{margin:0 0 24px;font-size:14px;color:#6b7280}.lessons-list{display:flex;flex-direction:column;gap:12px}.lesson-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s}.lesson-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #00000014}.lesson-drag-handle{cursor:grab;color:#9ca3af;padding:4px}.lesson-drag-handle:active{cursor:grabbing}.lesson-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;font-size:14px;font-weight:600;color:#6b7280}.lesson-content{flex:1}.lesson-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.lesson-title-row h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.preview-badge{padding:2px 8px;background:#dbeafe;color:#1e40af;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase}.lesson-description{margin:0 0 12px;font-size:14px;color:#6b7280;line-height:1.5}.lesson-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#9ca3af}.video-status{font-weight:500}.video-status.has-video{color:#059669}.video-status.no-video{color:#ef4444}.status-indicator{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.status-indicator.status-draft{background:#f3f4f6;color:#6b7280}.status-indicator.status-published{background:#d1fae5;color:#059669}.lesson-actions{display:flex;gap:8px;align-items:center}.btn-publish{padding:8px 16px;border:2px solid #e5e7eb;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-publish.draft{background:#0b4f9f;border-color:#0b4f9f;color:#fff}.btn-publish.draft:hover{background:#083a75;border-color:#083a75;transform:translateY(-1px);box-shadow:0 2px 8px #0b4f9f4d}.btn-publish.published{background:#d1fae5;border-color:#059669;color:#059669}.btn-publish.published:hover{background:#a7f3d0;border-color:#047857}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.action-btn:hover{border-color:#0b4f9f;color:#0b4f9f;background:#eff6ff}.action-btn.delete:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.course-info-sidebar{display:flex;flex-direction:column;gap:20px}.info-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.info-card h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1a1a}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.stat-item:last-child{border-bottom:none}.stat-label{font-size:14px;color:#6b7280}.stat-value{font-size:16px;font-weight:600;color:#1a1a1a}.checklist{display:flex;flex-direction:column;gap:12px}.checklist-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#6b7280}.checklist-item.complete{color:#059669}.checkbox{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:2px solid #e5e7eb;border-radius:4px;font-size:12px}.checklist-item.complete .checkbox{background:#059669;border-color:#059669;color:#fff}.info-card.tips ul{margin:0;padding-left:20px}.info-card.tips li{margin-bottom:8px;font-size:14px;color:#6b7280;line-height:1.5}.info-card.tips li:last-child{margin-bottom:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-container.large{max-width:800px}.modal-header{padding:24px 24px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;display:flex;align-items:center;transition:color .2s}.modal-close:hover{color:#1a1a1a}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#0b4f9f;box-shadow:0 0 0 3px #0b4f9f1a}.form-group textarea{resize:vertical;min-height:100px}.checkbox-group{margin-top:16px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#374151}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}@media (max-width: 1024px){.manage-lessons-content{grid-template-columns:1fr}.header-content{flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1}}@media (max-width: 640px){.manage-lessons-page{padding:16px}.lessons-section{padding:20px}.lesson-card{flex-wrap:wrap}.lesson-drag-handle{display:none}.lesson-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.btn-publish{order:-1;width:100%;justify-content:center;margin-bottom:8px}}.assessments-header{display:flex;justify-content:flex-end;margin-bottom:24px}.assessments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.assessment-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;transition:all .2s}.assessment-card:hover{box-shadow:0 4px 12px #0000001a}.assessment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.assessment-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a;flex:1}.assessment-description{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:16px}.assessment-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-top:16px;border-top:1px solid #f3f4f6}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.assessment-actions{display:flex;gap:8px;flex-wrap:wrap}.btn.delete{color:#ef4444;border-color:#ef4444}.btn.delete:hover{background:#ef4444;color:#fff}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:12px}.empty-state svg{margin:0 auto 20px}.empty-state h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#1a1a1a}.empty-state p{margin:0 0 24px;color:#6b7280}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.edit-assessment-container{max-width:900px;margin:0 auto}.edit-actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.actions-right{display:flex;gap:12px}.questions-list{display:flex;flex-direction:column;gap:24px}.question-editor-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.question-header{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#f9fafb;border-bottom:2px solid #e5e7eb}.question-drag{cursor:grab;color:#9ca3af}.question-drag:active{cursor:grabbing}.question-header h4{flex:1;margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.question-editor-body{padding:24px}.options-editor{margin-top:20px}.options-editor>label{display:block;margin-bottom:12px;font-size:14px;font-weight:500;color:#374151}.option-editor-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.correct-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s;color:#9ca3af}.correct-btn:hover{border-color:#4caf50;color:#4caf50}.correct-btn.selected{border-color:#4caf50;background:#4caf50;color:#fff}.option-editor-row input{flex:1;padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s}.option-editor-row input:focus{outline:none;border-color:#0b4f9f;box-shadow:0 0 0 3px #0b4f9f1a}.btn-icon.delete{color:#ef4444}.btn-icon.delete:hover{background:#fef2f2}.btn-success:hover:not(:disabled){background:#45a049;border-color:#45a049}.btn-success:disabled{background:#94d3a2;border-color:#94d3a2;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.edit-actions-bar{flex-direction:column;gap:12px}.actions-right{width:100%;flex-direction:column}.actions-right button{width:100%}.option-editor-row{flex-wrap:wrap}.option-editor-row input{width:100%}}.seminars-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.seminar-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s}.seminar-item:hover{border-color:#0b4f9f;box-shadow:0 4px 12px #0b4f9f1a}.seminar-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.seminar-item-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:8px 0 4px}.seminar-description{color:#6b7280;font-size:14px;margin:0}.seminar-type-badge{display:inline-block;background:#e8f0fe;color:#0b4f9f;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.draft-badge{display:inline-block;background:#fef3c7;color:#92400e;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;margin-left:8px}.seminar-actions{display:flex;gap:8px}.btn-icon{background:none;border:1px solid #e5e7eb;border-radius:8px;padding:8px;cursor:pointer;color:#6b7280;transition:all .2s}.btn-icon:hover{background:#f9fafb;border-color:#0b4f9f;color:#0b4f9f}.seminar-item-details{display:grid;grid-template-columns:180px 120px 180px;gap:24px;margin-bottom:16px;align-items:center}.detail-item{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px;white-space:nowrap}.detail-item svg{color:#0b4f9f;flex-shrink:0}.seminar-progress-bar{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden;margin-top:16px}.seminar-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#0b4f9f,#1e3a8a);transition:width .3s ease}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:20px;font-weight:600;color:#1f2937;margin:0}.modal-close{background:none;border:none;font-size:32px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1f2937}.seminar-form{padding:24px}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0b4f9f;box-shadow:0 0 0 3px #0b4f9f1a}.form-group textarea{resize:vertical;font-family:inherit}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.seminar-item-header{flex-direction:column;gap:12px}.seminar-item-details,.form-row{grid-template-columns:1fr}}.paths-list{display:flex;flex-direction:column;gap:20px;margin-top:24px}.path-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s}.path-item:hover{border-color:#0b4f9f;box-shadow:0 4px 12px #0b4f9f1a}.path-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.path-item-header h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.path-description{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.path-category-badge{display:inline-block;background:#e8f0fe;color:#0b4f9f;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;margin-right:8px}.path-stats{display:flex;gap:24px;margin-bottom:16px;padding:16px;background:#f9fafb;border-radius:8px}.stat-item{display:flex;align-items:center;gap:8px;color:#374151;font-size:14px;font-weight:500}.stat-item svg{color:#0b4f9f}.path-courses-list{padding:16px;background:#f9fafb;border-radius:8px}.course-item{display:flex;align-items:center;gap:12px;padding:8px 0;color:#374151;font-size:14px}.course-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#0b4f9f;color:#fff;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.modal-content.large{max-width:800px}.path-form .courses-selection{border:1px solid #e5e7eb;border-radius:8px;max-height:300px;overflow-y:auto;padding:12px}.course-checkbox{display:flex;align-items:flex-start;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s;gap:12px}.course-checkbox:hover{background:#f9fafb}.course-checkbox input[type=checkbox]{margin-top:2px;cursor:pointer}.course-checkbox span:first-of-type{flex:1;font-weight:500;color:#1f2937}.course-meta{color:#6b7280;font-size:12px;font-weight:400!important}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.checkbox-label:hover{background:#f9fafb;border-color:#0b4f9f}.checkbox-label input[type=checkbox]{cursor:pointer}.checkbox-label span{color:#374151;font-weight:500}@media (max-width: 768px){.path-item-header,.path-stats{flex-direction:column;gap:12px}}.resources-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.resource-stat-card{display:flex;align-items:center;gap:16px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.stat-value-small{font-size:14px;font-weight:600;color:#1a1a1a;margin:4px 0}.stat-meta{font-size:12px;color:#666}.storage-card{flex-direction:column;align-items:stretch}.storage-value{font-size:24px;font-weight:700;color:#1a1a1a;margin:8px 0}.storage-total{font-size:14px;font-weight:400;color:#666}.storage-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin:12px 0 8px}.storage-fill{height:100%;background:linear-gradient(90deg,#0b4f9f,#1976d2);border-radius:4px;transition:width .3s}.storage-percent{font-size:12px;color:#666}.resources-content-grid{display:grid;grid-template-columns:1fr 380px;gap:24px}.resources-main{display:flex;flex-direction:column;gap:20px}.resources-tabs{display:flex;gap:8px;background:#fff;padding:8px;border-radius:12px;overflow-x:auto}.resource-thumbnail{position:relative;width:80px;height:60px;border-radius:6px;overflow:hidden}.resource-thumbnail img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.resource-icon{width:60px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center}.resource-title-cell{font-weight:600;color:#1a1a1a;max-width:300px}.resource-type-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px}.linked-course{display:flex;gap:8px;align-items:flex-start}.course-icon{font-size:20px;flex-shrink:0}.course-name{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.seminar-name{font-size:11px;color:#666}.access-cell{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.date-cell{font-size:12px;color:#666}.action-buttons{display:flex;gap:4px}.upload-card{padding:0;overflow:hidden}.upload-large-zone{padding:60px;text-align:center;background:linear-gradient(135deg,#f5f7fa,#e8f1fa);border:2px dashed #0B4F9F;cursor:pointer;transition:all .3s}.upload-large-zone:hover{background:linear-gradient(135deg,#e8f1fa,#d1e7f8)}.upload-icon-large{font-size:64px;margin-bottom:16px}.upload-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.upload-subtitle{font-size:14px;color:#666;margin-bottom:20px}.upload-link{display:inline-block;margin-top:12px;font-size:13px;color:#0b4f9f;text-decoration:none;font-weight:500}.upload-link:hover{text-decoration:underline}.resources-sidebar{display:flex;flex-direction:column;gap:20px}.resource-detail-card{position:relative}.close-detail-btn{position:absolute;top:16px;right:16px;background:#fff;border:1px solid #e0e0e0;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-detail-btn:hover{background:#f5f7fa}.resource-preview{width:100%;height:200px;border-radius:8px;overflow:hidden;margin-bottom:20px}.resource-preview img{width:100%;height:100%;object-fit:cover}.resource-info-section{padding:0 4px}.resource-detail-title{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.resource-meta-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.meta-row{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:14px;color:#1a1a1a;line-height:1.5}.resource-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.permission-options{display:flex;flex-direction:column;gap:12px;margin:16px 0 20px}.permission-radio{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.permission-radio:hover{border-color:#0b4f9f;background:#f5f7fa}.permission-radio input[type=radio]:checked+.permission-content{opacity:1}.permission-radio input[type=radio]{margin-top:4px}.permission-content{display:flex;gap:12px;opacity:.6;transition:opacity .2s}.permission-icon{font-size:24px;flex-shrink:0}.permission-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.permission-desc{font-size:12px;color:#666}.status-card{border:2px solid #e8f5e9}.status-info{text-align:center;padding:20px 0;margin-bottom:16px}.status-badge{display:inline-block;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;margin-bottom:12px}.status-badge.published{background:#e8f5e9;color:#4caf50}.status-text{font-size:13px;color:#666}.guidelines-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #0B4F9F;text-align:center}.guidelines-icon{font-size:48px;margin-bottom:12px}.guidelines-title{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.guidelines-text{font-size:13px;color:#666;line-height:1.6;margin-bottom:16px}@media (max-width: 1400px){.resources-content-grid{grid-template-columns:1fr}.resources-sidebar{grid-template-columns:repeat(2,1fr);display:grid}}@media (max-width: 768px){.resources-stats{grid-template-columns:1fr}.resources-tabs{flex-wrap:nowrap}.resources-sidebar,.resource-actions-grid{grid-template-columns:1fr}}.spinning{animation:spin 1s linear infinite}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border:2px solid #e5e7eb;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.pending{border-color:#fbbf24}.stat-card.approved{border-color:#10b981}.stat-card.rejected{border-color:#ef4444}.stat-card.revenue{border-color:#0b4f9f}.stat-card.pending .stat-icon{background:#fef3c7;color:#f59e0b}.stat-card.approved .stat-icon{background:#d1fae5;color:#059669}.stat-card.rejected .stat-icon{background:#fee2e2;color:#dc2626}.stat-card.revenue .stat-icon{background:#e8f0fe;color:#0b4f9f}.stat-details{flex:1}.stat-value{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:4px}.stat-label{font-size:14px;color:#6b7280;font-weight:500}.filters-bar{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:300px;display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb}.search-box svg{color:#9ca3af}.search-box input{flex:1;border:none;background:transparent;font-size:15px;outline:none}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#0b4f9f;color:#0b4f9f}.filter-btn.active{border-color:#0b4f9f;background:#0b4f9f;color:#fff}.payments-table{overflow-x:auto;margin-top:20px}.payments-table table{width:100%;border-collapse:collapse}.payments-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.payments-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.payments-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.payments-table tbody tr:hover{background:#f9fafb}.payments-table td{padding:16px;font-size:14px;color:#374151}.learner-cell,.course-cell{display:flex;align-items:center;gap:8px}.learner-cell svg,.course-cell svg{color:#9ca3af;flex-shrink:0}.method-badge{display:inline-block;padding:4px 10px;background:#f3f4f6;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize;color:#4b5563}.reference-code{font-family:Courier New,monospace;font-size:13px;background:#f3f4f6;padding:4px 8px;border-radius:4px;color:#1f2937}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.action-buttons{display:flex;gap:8px}.btn-icon.success{color:#059669}.btn-icon.success:hover{background:#d1fae5}.btn-icon.danger{color:#dc2626}.btn-icon.danger:hover{background:#fee2e2}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af}.empty-state svg{margin:0 auto 16px;opacity:.5}.empty-state h4{font-size:18px;color:#6b7280;margin-bottom:8px}.empty-state p{font-size:14px;color:#9ca3af}.payment-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-section{padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.detail-section.full-width{grid-column:1 / -1}.detail-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#0b4f9f;text-transform:uppercase;letter-spacing:.5px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e5e7eb}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:#6b7280;font-size:14px}.detail-row strong{color:#1f2937;font-size:14px}.proof-link{display:inline-flex;align-items:center;gap:6px;color:#0b4f9f;text-decoration:none;font-weight:600;font-size:14px;transition:color .2s}.proof-link:hover{color:#0d3a70;text-decoration:underline}.notes-content{background:#fff;padding:12px;border-radius:6px;border:1px solid #e5e7eb;font-size:14px;color:#374151;line-height:1.6;margin:0}.btn-success{background:#10b981;color:#fff;border:none}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff;border:none}.btn-danger:hover{background:#dc2626}@media (max-width: 1024px){.payment-details-grid{grid-template-columns:1fr}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.filter-buttons{justify-content:stretch}.filter-btn{flex:1}.payments-table{font-size:13px}.payments-table th,.payments-table td{padding:10px 8px}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:#fff;border-bottom:1px solid #e5e7eb;z-index:100}.mobile-header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 16px}.menu-btn,.notification-btn{background:none;border:none;padding:8px;cursor:pointer;color:#1f2937;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.menu-btn:hover,.notification-btn:hover{background:#f3f4f6}.notification-btn{position:relative}.notification-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mobile-logo{display:flex;align-items:center;gap:8px}.logo-icon-small{width:32px;height:32px}.logo-text-mobile{font-size:18px;font-weight:700;color:#0b4f9f}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:65px;background:#fff;border-top:1px solid #e5e7eb;padding:0 8px;z-index:100}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#6b7280;text-decoration:none;font-size:11px;font-weight:500;padding:8px;border-radius:8px;transition:all .2s}.bottom-nav-item:hover{background:#f3f4f6}.bottom-nav-item.active{color:#0b4f9f;background:#e8f0fe}.bottom-nav-item svg{stroke-width:2}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200}.mobile-menu{position:absolute;left:0;top:0;bottom:0;width:280px;background:#fff;box-shadow:4px 0 16px #0000001a;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{padding:20px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-start;justify-content:space-between}.mobile-profile{display:flex;gap:12px;align-items:center}.mobile-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#2e7d32);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:600}.mobile-profile-info{flex:1}.mobile-profile-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:2px}.mobile-profile-email{font-size:13px;color:#6b7280}.close-menu-btn{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:8px;transition:background .2s}.close-menu-btn:hover{background:#f3f4f6}.mobile-menu-items{flex:1;overflow-y:auto;padding:8px}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 12px;color:#374151;text-decoration:none;border-radius:8px;font-size:15px;font-weight:500;transition:all .2s;margin-bottom:4px}.mobile-menu-item:hover{background:#f3f4f6}.mobile-menu-item.active{background:#e8f0fe;color:#0b4f9f}.mobile-menu-footer{padding:16px;border-top:1px solid #e5e7eb}.mobile-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f3f4f6;border:none;border-radius:8px;color:#ef4444;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.mobile-logout-btn:hover{background:#fee2e2}@media (max-width: 768px){.mobile-header{display:block}.bottom-nav{display:flex}.mobile-menu-overlay{display:block}.sidebar{display:none!important}.dashboard-layout{display:block}.main-content{margin-left:0!important;padding-top:60px;padding-bottom:80px;width:100%!important}.content-wrapper{padding:16px!important}.dashboard-header{display:none}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:200px}.main-content{margin-left:200px}}@media (min-width: 1025px){.mobile-header,.bottom-nav,.mobile-menu-overlay{display:none!important}}.dashboard-layout{min-height:100vh;background:#f9fafb}.main-content{width:100%;min-height:100vh}.content-wrapper{padding:20px;max-width:100%}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.courses-grid{display:grid;grid-template-columns:1fr;gap:16px}.btn{padding:12px 20px;font-size:14px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn-primary{background:#0b4f9f;color:#fff}.btn-primary:hover{background:#0d3a70}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-full{width:100%}.form-input,.form-select,.form-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#0b4f9f;box-shadow:0 0 0 3px #0b4f9f1a}.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 14px;width:100%}.search-box input{border:none;outline:none;flex:1;font-size:14px}@media (min-width: 768px){.content-wrapper{padding:24px;max-width:1400px;margin:0 auto}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px}.courses-grid{grid-template-columns:repeat(2,1fr);gap:20px}.card{padding:24px}}@media (min-width: 1024px){.dashboard-layout{display:flex}.main-content{margin-left:280px;width:calc(100% - 280px)}.courses-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1440px){.courses-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 767px){.desktop-only{display:none!important}.modal-content{width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh!important;margin:0!important;border-radius:0!important}.form-row{display:flex;flex-direction:column;gap:16px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}.course-card{display:flex;flex-direction:column}.course-thumbnail{height:180px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}.btn,.nav-item,.action-btn{min-height:44px;min-width:44px}img{max-width:100%;height:auto}}.learner-dashboard{max-width:1400px;margin:0 auto}.stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;align-items:center;transition:all .3s}.stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-label{font-size:13px;color:#666;margin-bottom:6px;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:#1a1a1a}.dashboard-grid-2col{display:grid;grid-template-columns:2fr 1fr;gap:24px}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:24px}.continue-learning-card{background:linear-gradient(135deg,#0b4f9f,#003b73);color:#fff}.continue-learning-card .card-header-flex h3{color:#fff}.course-resume{display:flex;gap:24px;margin-top:20px}.course-resume-image{position:relative;width:320px;height:200px;border-radius:12px;overflow:hidden;flex-shrink:0}.course-resume-image img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.course-resume-image:hover .play-overlay{opacity:1}.btn-play-large{width:80px;height:80px;border-radius:50%;background:#fdb714f2;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.btn-play-large:hover{background:#fdb714;transform:scale(1.1)}.course-resume-content{flex:1}.course-category{font-size:11px;font-weight:700;letter-spacing:1px;color:#fdb714;margin-bottom:8px}.course-resume-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.3}.course-instructor-small{display:flex;align-items:center;gap:8px;margin-bottom:20px}.course-instructor-small img{width:32px;height:32px;border-radius:50%;border:2px solid white}.course-instructor-small span{font-size:14px;color:#ffffffe6;font-weight:500}.progress-section{margin-bottom:20px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-label{font-size:13px;color:#fffc;font-weight:500}.progress-percent{font-size:14px;color:#fff;font-weight:700}.progress-bar-large{height:12px;background:#fff3;border-radius:20px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:20px;transition:width .5s ease}.lessons-info{font-size:13px;color:#fffc;margin-top:8px}.next-lesson-info{margin-bottom:20px}.next-lesson-label{font-size:11px;font-weight:700;letter-spacing:1px;color:#ffffffb3;margin-bottom:6px}.next-lesson-title{font-size:15px;color:#fff;font-weight:600}.pathway-progress-card{padding:8px 0}.pathway-header{display:flex;gap:16px;align-items:center;margin-bottom:20px}.pathway-icon-large{font-size:48px;flex-shrink:0}.pathway-name-large{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:6px}.pathway-meta-large{font-size:14px;color:#666}.recommended-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recommended-course-card{background:#f5f7fa;border-radius:12px;overflow:hidden;transition:all .3s}.recommended-course-card:hover{background:#e8f1fa;transform:translateY(-2px)}.recommended-image{position:relative;height:140px;overflow:hidden}.recommended-image img{width:100%;height:100%;object-fit:cover}.level-badge{position:absolute;top:8px;right:8px;padding:4px 10px;background:#fffffff2;border-radius:6px;font-size:11px;font-weight:700;color:#1a1a1a}.recommended-content{padding:16px}.recommended-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:12px;line-height:1.4;min-height:40px}.recommended-instructor{display:flex;align-items:center;gap:8px;margin-bottom:12px}.recommended-instructor img{width:24px;height:24px;border-radius:50%}.recommended-instructor span{font-size:13px;color:#666}.recommended-meta{display:flex;gap:16px;margin-bottom:16px}.rating-small,.duration-small{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}.rating-small span{font-weight:600;color:#1a1a1a}.seminars-list{display:flex;flex-direction:column;gap:16px}.seminar-item{display:flex;gap:16px;padding:16px;background:#f5f7fa;border-radius:12px;transition:all .3s}.seminar-item:hover{background:#e8f1fa}.seminar-date-badge{width:60px;height:60px;background:#0b4f9f;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.date-day{font-size:24px;font-weight:700;color:#fff;line-height:1}.date-month{font-size:12px;font-weight:600;color:#fdb714;text-transform:uppercase}.seminar-details{flex:1}.seminar-title{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.seminar-time{display:flex;align-items:center;gap:6px;font-size:13px;color:#666;margin-bottom:8px}.seminar-instructor-small{display:flex;align-items:center;gap:8px;margin-bottom:12px}.seminar-instructor-small img{width:24px;height:24px;border-radius:50%}.seminar-instructor-small span{font-size:13px;color:#666}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.status-success{background:#e8f5e9;color:#4caf50}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;gap:12px;align-items:flex-start}.activity-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.activity-completed{background:#e8f5e9}.activity-certificate{background:#fff9e6}.activity-joined{background:#e3f2fd}.activity-started{background:#fce4ec}.activity-content{flex:1}.activity-text{font-size:14px;color:#1a1a1a;margin-bottom:4px;line-height:1.5}.activity-time{font-size:12px;color:#999}.quick-actions{display:flex;flex-direction:column;gap:12px}.quick-action-btn{display:flex;align-items:center;gap:12px;padding:16px;background:#f5f7fa;border-radius:10px;text-decoration:none;color:#1a1a1a;font-weight:600;font-size:14px;transition:all .3s}.quick-action-btn:hover{background:#e8f1fa;transform:translate(4px)}.quick-action-btn span{flex:1}.quick-action-btn svg:last-child{color:#999}@media (max-width: 1400px){.course-resume{flex-direction:column}.course-resume-image{width:100%}.recommended-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.dashboard-grid-2col{grid-template-columns:1fr}.stats-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid-4,.recommended-grid{grid-template-columns:1fr}}.payment-modal{max-width:600px}.payment-summary{background:linear-gradient(135deg,#0b4f9f,#0d3a70);border-radius:12px;padding:20px;margin-bottom:24px;color:#fff}.summary-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:18px;font-weight:600}.summary-content{display:flex;flex-direction:column;gap:12px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2)}.summary-row:last-child{border-bottom:none}.summary-row.total{margin-top:8px;padding-top:16px;border-top:2px solid rgba(255,255,255,.3);font-size:18px}.summary-row .amount{font-size:24px;color:#fdb714}.payment-instructions{background:#e8f0fe;border-left:4px solid #0B4F9F;padding:16px;border-radius:8px;margin-bottom:24px}.payment-instructions h4{margin:0 0 12px;color:#0b4f9f;font-size:16px}.payment-instructions ol{margin:0;padding-left:20px}.payment-instructions li{margin-bottom:8px;color:#333;font-size:14px;line-height:1.5}.bank-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:20px}.bank-details h4{margin:0 0 12px;font-size:14px;color:#0b4f9f;font-weight:600}.bank-details p{margin:8px 0;font-size:14px;color:#333}.bank-details strong{color:#0b4f9f;margin-right:8px}.form-notice{display:flex;gap:12px;padding:16px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:24px}.form-notice svg{flex-shrink:0;color:#856404}.form-notice div{font-size:14px;color:#856404;line-height:1.5}.form-notice strong{display:block;margin-bottom:4px}.method-option{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:10px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;text-align:left;transition:all .15s ease}.method-option:hover:not(.disabled){border-color:#9ca3af}.method-option.selected{border-color:#0b4f9f;background:#e8f0fe}.method-option.disabled{opacity:.55;cursor:not-allowed;background:#f9fafb}.method-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f3f4f6;color:#6b7280}.method-option.selected .method-icon{background:#0b4f9f;color:#fff}.method-info{display:flex;flex-direction:column;gap:2px}.method-info strong{font-size:15px;color:#111827}.method-info span{font-size:12px;color:#6b7280}.method-check{margin-left:auto;color:#0b4f9f}.payment-state{text-align:center;padding:24px 8px}.state-circle{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.state-circle.confirming{background:#fef3c7;color:#b45309;border:2px solid #fcd34d}.state-circle.success{background:#d1fae5;color:#059669}.state-circle.failed{background:#fee2e2;color:#dc2626}.state-icon.processing{color:#0b4f9f;margin-bottom:16px}.state-title{font-size:18px;font-weight:600;color:#111827;margin-bottom:8px}.state-text{font-size:14px;color:#4b5563;line-height:1.6;margin-bottom:12px}.gateway-message{font-size:13px;color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:12px;line-height:1.5;margin-bottom:12px}.state-waiting{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#6b7280;margin-bottom:12px}.payment-ref{display:inline-block;font-size:12px;font-family:monospace;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:4px 10px}.spinning{animation:paymentSpin 1s linear infinite}@keyframes paymentSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.payment-modal{max-width:100%;margin:20px}.summary-row{font-size:14px}.summary-row.total{font-size:16px}.summary-row .amount{font-size:20px}}.tabs-nav-large{display:flex;gap:8px;background:#fff;padding:8px;border-radius:12px;margin-bottom:32px;box-shadow:0 2px 8px #0000000f}.tab-btn-large{flex:1;padding:16px 24px;background:none;border:none;border-radius:8px;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.tab-btn-large:hover{background:#f5f7fa;color:#1a1a1a}.tab-btn-large.active{background:#0b4f9f;color:#fff}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#fff3;border-radius:12px;font-size:12px;font-weight:700}.tab-btn-large.active .tab-badge{background:#ffffff40}.tab-btn-large:not(.active) .tab-badge{background:#e0e0e0;color:#666}.section-header-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header-action h3{font-size:24px;font-weight:700;color:#1a1a1a}.search-filter-group{display:flex;gap:12px}.search-box-small{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f5f7fa;border-radius:10px;min-width:300px}.search-box-small input{border:none;background:none;font-size:14px;flex:1;outline:none}.filter-select-small{padding:10px 16px;background:#f5f7fa;border:2px solid transparent;border-radius:10px;font-size:14px;font-weight:500;color:#333;cursor:pointer;min-width:180px;transition:all .2s}.filter-select-small:hover{border-color:#0b4f9f;background:#fff}.filter-select-small:focus{outline:none;border-color:#0b4f9f;background:#fff;box-shadow:0 0 0 3px #0b4f9f1a}.btn-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#f5f7fa;border-color:#0b4f9f;color:#0b4f9f}.courses-list-vertical{display:flex;flex-direction:column;gap:24px}.course-card-horizontal{display:flex;gap:24px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 16px #0000000f;transition:all .3s}.course-card-horizontal *{color:inherit}.course-card-horizontal h3,.course-card-horizontal h4,.course-card-horizontal span,.course-card-horizontal div{color:#1a1a1a!important}.course-card-horizontal:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.course-image-horizontal{position:relative;width:280px;height:180px;border-radius:12px;overflow:hidden;flex-shrink:0}.course-image-horizontal img{width:100%;height:100%;object-fit:cover}.play-overlay-small{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.course-card-horizontal:hover .play-overlay-small{opacity:1}.btn-play-small{width:60px;height:60px;border-radius:50%;background:#fdb714f2;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.btn-play-small:hover{background:#fdb714;transform:scale(1.1)}.progress-ring{position:absolute;bottom:12px;right:12px;width:60px;height:60px}.progress-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:#fff}.course-content-horizontal{flex:1;display:flex;flex-direction:column;color:#1a1a1a}.course-category-badge{display:inline-block;padding:6px 12px;background:#e3f2fd;color:#0b4f9f!important;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px;width:fit-content}.course-title-horizontal{font-size:22px;font-weight:700;color:#1a1a1a!important;margin-bottom:12px;line-height:1.3}.course-instructor-horizontal{display:flex;align-items:center;gap:10px;margin-bottom:20px}.course-instructor-horizontal img{width:32px;height:32px;border-radius:50%}.course-instructor-horizontal span{font-size:14px;color:#666!important;font-weight:500}.progress-info-horizontal{margin-bottom:20px}.progress-bar-container{width:100%}.progress-bar-horizontal{height:10px;background:#f0f0f0;border-radius:10px;overflow:hidden;margin-bottom:8px}.progress-text{font-size:13px;color:#666!important}.next-lesson-horizontal{padding:16px;background:#f5f7fa;border-radius:10px;margin-bottom:20px}.next-label{font-size:11px;font-weight:700;color:#0b4f9f!important;letter-spacing:1px;margin-bottom:6px}.next-text{font-size:15px;font-weight:600;color:#1a1a1a!important}.course-actions-horizontal{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.last-accessed{font-size:13px;color:#999}.courses-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.course-card-completed,.course-card-saved{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px #0000000f;transition:all .3s}.course-card-completed:hover,.course-card-saved:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.course-image-standard{position:relative;height:180px;overflow:hidden}.course-image-standard img{width:100%;height:100%;object-fit:cover}.completed-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#4caf50f2;color:#fff;border-radius:8px;font-size:12px;font-weight:700}.level-badge-overlay{position:absolute;top:12px;right:12px;padding:8px 14px;background:#fffffff2;color:#1a1a1a;border-radius:8px;font-size:12px;font-weight:700}.course-content-standard{padding:20px}.course-title-standard{font-size:17px;font-weight:700;color:#1a1a1a;margin-bottom:14px;line-height:1.4;min-height:48px}.course-instructor-standard{display:flex;align-items:center;gap:10px;margin-bottom:16px}.course-instructor-standard img{width:28px;height:28px;border-radius:50%}.course-instructor-standard span{font-size:13px;color:#666;font-weight:500}.completion-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;background:#f5f7fa;border-radius:8px}.completion-date{font-size:13px;color:#4caf50;font-weight:600}.course-meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rating-display{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.students-count{font-size:13px;color:#666}.course-duration-display{display:flex;align-items:center;gap:6px;font-size:13px;color:#666;margin-bottom:16px}.btn-outline{background:#fff;border:1px solid #e0e0e0;color:#666}.btn-outline:hover{border-color:#0b4f9f;color:#0b4f9f;background:#f5f7fa}.btn-text{background:none;border:none;color:#999;padding:12px}.btn-text:hover{color:#f44336;background:#fce4ec}.section-description{font-size:15px;color:#666;line-height:1.6;margin-bottom:24px}.recommendations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recommendation-card{background:#f5f7fa;border-radius:12px;padding:28px;text-align:center;transition:all .3s}.recommendation-card:hover{background:#e8f1fa;transform:translateY(-2px)}.recommendation-icon{font-size:48px;margin-bottom:16px}.recommendation-card h4{font-size:17px;font-weight:700;color:#1a1a1a;margin-bottom:10px}.recommendation-card p{font-size:14px;color:#666;margin-bottom:20px;line-height:1.5}@media (max-width: 1200px){.courses-grid-3col,.recommendations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.course-card-horizontal{flex-direction:column}.course-image-horizontal{width:100%}.courses-grid-3col,.recommendations-grid{grid-template-columns:1fr}.tabs-nav-large{flex-direction:column}.section-header-action{flex-direction:column;align-items:flex-start;gap:16px}.search-box-small{min-width:100%}}.courses-list-vertical .course-card-horizontal *{color:#1a1a1a!important}.courses-list-vertical .course-instructor-horizontal span{color:#666!important}.courses-list-vertical .next-label{color:#0b4f9f!important}.courses-list-vertical .progress-text{color:#666!important}.courses-list-vertical .last-accessed{color:#999!important}.browse-filters{margin-bottom:24px}.search-bar{position:relative;margin-bottom:16px}.search-bar svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#666}.search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#0b4f9f;box-shadow:0 0 0 3px #0b4f9f1a}.filter-row{display:flex;gap:12px}.filter-select{padding:10px 14px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#0b4f9f}.category-pills{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.pill{padding:8px 16px;border:1px solid #e0e0e0;border-radius:20px;background:#fff;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.pill:hover{border-color:#0b4f9f;color:#0b4f9f}.pill.active{background:#0b4f9f;border-color:#0b4f9f;color:#fff}.results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.sort-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.browse-course-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .2s;display:flex;flex-direction:column}.browse-course-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001f}.course-image-wrapper{position:relative;width:100%;height:180px;overflow:hidden}.course-img{width:100%;height:100%;object-fit:cover}.course-category-badge{position:absolute;top:12px;left:12px;background:#0b4f9fe6;color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600}.course-level-badge{position:absolute;top:12px;right:12px;background:#fff;color:#0b4f9f;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600}.free-badge{position:absolute;bottom:12px;left:12px;background:#4caf50;color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px}.price-badge-overlay{position:absolute;bottom:12px;right:12px;background:#fdb714f2;color:#0b4f9f;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:700;letter-spacing:.3px;box-shadow:0 2px 8px #0003}.course-card-content{padding:16px;flex:1;display:flex;flex-direction:column;gap:12px}.course-card-title{font-size:16px;font-weight:700;color:#0b4f9f;line-height:1.3;min-height:42px}.course-instructor-row{display:flex;align-items:center;gap:10px}.instructor-thumb{width:36px;height:36px;border-radius:50%;object-fit:cover}.instructor-name-small{font-size:13px;font-weight:600;color:#333}.instructor-role-small{font-size:12px;color:#666}.course-meta-row{display:flex;align-items:center;gap:12px}.rating-display{display:flex;align-items:center;gap:4px}.rating-number{font-size:14px;font-weight:600;color:#333}.rating-reviews{font-size:13px;color:#666}.course-stats-row{display:flex;gap:16px;padding-top:12px;border-top:1px solid #f0f0f0}.stat-item-small{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}.stat-item-small svg{color:#0b4f9f;flex-shrink:0}.course-card-footer{padding:0 16px 16px}@media (max-width: 768px){.browse-grid{grid-template-columns:1fr}.filter-row{flex-direction:column}.category-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}}.seminars-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #e0e0e0}.seminars-tabs .tab{background:none;border:none;padding:12px 20px;font-size:14px;font-weight:600;color:#666;cursor:pointer;display:flex;align-items:center;gap:8px;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.seminars-tabs .tab:hover{color:#0b4f9f}.seminars-tabs .tab.active{color:#0b4f9f;border-bottom-color:#0b4f9f}.seminars-tabs .tab-count{background:#f0f0f0;color:#666;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.seminars-tabs .tab.active .tab-count{background:#e3f2fd;color:#0b4f9f}.seminars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.seminar-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .2s}.seminar-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001f}.seminar-image-container{position:relative;width:100%;height:200px;overflow:hidden}.seminar-image{width:100%;height:100%;object-fit:cover}.registered-badge{position:absolute;top:12px;right:12px;background:#4caf50;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.certificate-badge{position:absolute;top:12px;right:12px;background:#fdb714;color:#0b4f9f;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.seminar-content{padding:20px}.seminar-title{font-size:18px;font-weight:700;color:#0b4f9f;line-height:1.3;margin-bottom:16px;min-height:48px}.seminar-instructor{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.instructor-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.instructor-name{font-size:14px;font-weight:600;color:#0b4f9f;margin-bottom:2px}.instructor-role{font-size:13px;color:#666}.seminar-details{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.detail-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#555}.detail-row svg{color:#0b4f9f;flex-shrink:0}.seminar-actions{display:flex;flex-direction:column;gap:10px}.btn-full{width:100%;justify-content:center}.empty-state{text-align:center;padding:80px 20px}.empty-state h3{font-size:20px;font-weight:600;color:#0b4f9f;margin:16px 0 8px}.empty-state p{font-size:15px;color:#666}@media (max-width: 768px){.seminars-grid{grid-template-columns:1fr}}.stat-subtext{font-size:12px;color:#999;margin-top:4px}.assessments-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px}.featured-assessment{background:linear-gradient(135deg,#fff9e6,#ffeaa7);border-radius:20px;padding:40px;text-align:center;border:2px solid #FDB714;margin-bottom:32px}.featured-badge{display:inline-block;padding:6px 14px;background:#fdb714;color:#1a1a1a;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:16px}.featured-assessment h3{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.featured-meta{margin-bottom:16px}.course-link{font-size:13px;color:#0b4f9f;font-weight:600}.featured-description{font-size:15px;color:#666;line-height:1.6;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.featured-details{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;text-align:left}.detail-item{display:flex;gap:12px;padding:20px;background:#fff;border-radius:12px}.detail-label{font-size:12px;color:#999;margin-bottom:4px}.detail-value{font-size:14px;font-weight:600;color:#1a1a1a}.assessment-table{width:100%;border-collapse:collapse}.assessment-table th{text-align:left;padding:16px;font-size:13px;font-weight:700;color:#666;border-bottom:2px solid #f0f0f0;text-transform:uppercase;letter-spacing:.5px}.assessment-table td{padding:20px 16px;border-bottom:1px solid #f0f0f0}.assessment-name{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.assessment-type{font-size:12px;color:#999}.course-badge{display:inline-block;padding:4px 12px;background:#e3f2fd;color:#0b4f9f;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none}.due-date{font-size:14px;color:#1a1a1a;margin-bottom:4px}.days-left{font-size:12px;color:#666}.days-left.urgent{color:#f44336;font-weight:700}.status-pending{background:#fff9e6;color:#fdb714}.status-in-progress{background:#e3f2fd;color:#0b4f9f}.status-not-started{background:#f5f5f5;color:#999}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 16px;border-top:1px solid #f0f0f0}.table-footer p{font-size:14px;color:#666}.feedback-item{padding:20px;background:#f5f7fa;border-radius:12px;margin-bottom:16px}.feedback-item:last-child{margin-bottom:0}.feedback-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.feedback-header img{width:40px;height:40px;border-radius:50%}.feedback-info{flex:1}.feedback-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.feedback-meta{font-size:12px;color:#999}.feedback-text{font-size:14px;color:#666;line-height:1.6;padding-left:52px}.card-subtitle{font-size:13px;color:#999;margin-bottom:24px}.performance-chart{margin-bottom:24px}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:150px;gap:8px;margin-bottom:16px}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center}.chart-bar{width:100%;background:#f0f0f0;border-radius:8px 8px 0 0;position:relative;min-height:20px}.bar-fill{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(180deg,#0b4f9f,#003b73);border-radius:8px 8px 0 0}.bar-label{font-size:11px;color:#999;margin-top:8px;transform:rotate(-45deg);white-space:nowrap}.chart-legend{display:flex;justify-content:center;gap:20px;margin-bottom:16px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.legend-color{width:16px;height:16px;border-radius:4px}.performance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:16px;border-top:1px solid #f0f0f0}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;color:#999}.summary-value{font-size:16px;font-weight:700;color:#1a1a1a}.trend-up{color:#4caf50}.expert-card{text-align:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.expert-icon{font-size:48px;margin-bottom:16px}.expert-card h4{margin-bottom:12px}.expert-card p{font-size:14px;color:#666;line-height:1.6;margin-bottom:20px}@media (max-width: 1200px){.assessments-grid,.featured-details{grid-template-columns:1fr}}@media (max-width: 768px){.assessment-table{font-size:13px}.assessment-table th,.assessment-table td{padding:12px 8px}.chart-bars{height:120px}}.assessment-container{max-width:900px;margin:0 auto}.assessment-top-bar{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f}.assessment-info{display:flex;gap:24px;font-size:14px;font-weight:600}.question-counter{color:#0b4f9f}.answered-counter{color:#4caf50}.time-remaining{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f5f7fa;border-radius:8px;font-weight:600;color:#333}.time-remaining.urgent{background:#fee2e2;color:#dc2626;animation:pulse 2s infinite}.progress-bar-container{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:32px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#0b4f9f,#1e7fd8);transition:width .3s ease}.question-card{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #f3f4f6}.question-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.question-points{padding:6px 12px;background:#fdb714;color:#fff;border-radius:6px;font-size:14px;font-weight:600}.question-text{font-size:20px;line-height:1.6;color:#1a1a1a;margin-bottom:32px;font-weight:500}.options-list{display:flex;flex-direction:column;gap:12px}.option-btn{display:flex;align-items:center;gap:16px;padding:20px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s;text-align:left;font-size:16px}.option-btn:hover{border-color:#0b4f9f;background:#fff;box-shadow:0 2px 8px #0b4f9f1a}.option-btn.selected{border-color:#0b4f9f;background:#eff6ff;box-shadow:0 0 0 3px #0b4f9f1a}.option-radio{flex-shrink:0;width:24px;height:24px;border:2px solid #cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.option-btn.selected .option-radio{border-color:#0b4f9f}.option-radio-inner{width:12px;height:12px;background:#0b4f9f;border-radius:50%}.answer-textarea{width:100%;padding:16px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;font-family:inherit;line-height:1.6;resize:vertical;transition:all .2s}.answer-textarea:focus{outline:none;border-color:#0b4f9f;box-shadow:0 0 0 3px #0b4f9f1a}.assessment-navigation{display:flex;justify-content:space-between;gap:16px;margin-bottom:32px}.assessment-navigation button{min-width:140px}.question-navigator{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f}.question-navigator h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1a1a}.question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px}.question-nav-btn{width:50px;height:50px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.question-nav-btn:hover{border-color:#0b4f9f;background:#eff6ff}.question-nav-btn.active{border-color:#0b4f9f;background:#0b4f9f;color:#fff}.question-nav-btn.answered{border-color:#4caf50;background:#d1fae5;color:#059669}.question-nav-btn.answered.active{background:#4caf50;color:#fff}.btn-success{background:#4caf50;border-color:#4caf50;color:#fff}.btn-success:hover{background:#45a049;border-color:#45a049}.btn-success:disabled{background:#94d3a2;border-color:#94d3a2;cursor:not-allowed}@media (max-width: 768px){.question-card{padding:24px}.question-text{font-size:18px}.assessment-navigation{flex-direction:column}.assessment-navigation button{width:100%}.question-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}.question-nav-btn{width:45px;height:45px}}.results-container{max-width:900px;margin:0 auto}.results-hero{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 4px 12px #00000014;margin-bottom:32px}.results-hero.passed{border-top:4px solid #4caf50}.results-hero.failed{border-top:4px solid #ef4444}.results-icon{margin-bottom:24px}.results-title{margin:0 0 12px;font-size:36px;font-weight:700;color:#1a1a1a}.results-message{font-size:18px;color:#6b7280;margin-bottom:40px}.score-circle{margin:0 auto 32px}.results-stats{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:#374151}.results-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.summary-card{background:#fff;border-radius:12px;padding:24px;text-align:center;box-shadow:0 2px 8px #0000000f}.summary-label{font-size:14px;color:#6b7280;margin-bottom:8px}.summary-value{font-size:28px;font-weight:700;color:#1a1a1a}.results-review{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px}.results-review h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#1a1a1a}.questions-review-list{display:flex;flex-direction:column;gap:20px}.review-question{padding:24px;border:2px solid #e5e7eb;border-radius:12px;transition:all .2s}.review-question.correct{border-color:#d1fae5;background:#f0fdf4}.review-question.incorrect{border-color:#fee2e2;background:#fef2f2}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.review-number{font-weight:600;color:#374151}.review-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600}.review-badge.correct{background:#d1fae5;color:#059669}.review-badge.incorrect{background:#fee2e2;color:#dc2626}.review-question-text{font-size:16px;font-weight:500;color:#1a1a1a;margin-bottom:16px;line-height:1.6}.review-answers{display:flex;flex-direction:column;gap:12px}.answer-item{display:flex;flex-direction:column;gap:4px}.answer-item strong{font-size:14px;color:#6b7280}.correct-text{color:#059669;font-weight:500}.incorrect-text{color:#dc2626;font-weight:500}.text-answer{padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:4px}.grading-note{font-size:13px;color:#f59e0b;font-style:italic;margin-top:8px}.review-explanation{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.review-explanation strong{display:block;font-size:14px;color:#374151;margin-bottom:8px}.review-explanation p{margin:0;color:#6b7280;line-height:1.6}.results-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}@media (max-width: 768px){.results-hero{padding:40px 24px}.results-title{font-size:28px}.results-message{font-size:16px}.results-stats{gap:16px}.results-actions{flex-direction:column}.results-actions .btn{width:100%}}.resources-search-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box-large{flex:1;min-width:300px}.filters-group{display:flex;gap:12px}.filter-select{padding:12px 16px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;background:#fff;cursor:pointer}.tabs-nav-simple{display:flex;gap:8px;border-bottom:2px solid #f0f0f0;margin-bottom:32px}.tab-btn-simple{padding:14px 20px;background:none;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s;margin-bottom:-2px}.tab-btn-simple:hover{color:#1a1a1a}.tab-btn-simple.active{color:#0b4f9f;border-bottom-color:#0b4f9f}.featured-replay{display:grid;grid-template-columns:1fr 1fr;gap:32px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:20px;padding:32px;margin-bottom:32px}.replay-image{position:relative;border-radius:16px;overflow:hidden;height:300px}.replay-image img{width:100%;height:100%;object-fit:cover}.replay-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.replay-image:hover .replay-overlay{opacity:1}.replay-badge{position:absolute;top:16px;left:16px;padding:8px 16px;background:#fdb714;color:#1a1a1a;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:1px}.replay-content h2{font-size:28px;font-weight:700;color:#0b4f9f;margin-bottom:12px;line-height:1.3}.replay-subtitle{font-size:15px;color:#666;line-height:1.6;margin-bottom:20px}.replay-meta{display:flex;gap:12px;align-items:center;font-size:13px;color:#666;margin-bottom:32px}.replay-meta svg{margin-right:4px}.resources-grid-layout{display:grid;grid-template-columns:2fr 1fr;gap:32px}.section-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-count{font-size:14px;color:#999;margin-top:4px}.view-controls{display:flex;gap:12px;align-items:center}.sort-select{padding:10px 16px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;cursor:pointer}.resources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.resource-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px #0000000f;transition:all .3s}.resource-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.resource-image{position:relative;height:160px;overflow:hidden}.resource-image img{width:100%;height:100%;object-fit:cover}.resource-type-badge{position:absolute;top:12px;left:12px;padding:6px 12px;background:#0b4f9fe6;color:#fff;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.5px}.resource-card-content{padding:20px}.resource-title{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:10px;line-height:1.4;min-height:44px}.resource-description{font-size:13px;color:#666;line-height:1.5;margin-bottom:12px;min-height:40px}.resource-meta-row{display:flex;gap:8px;align-items:center;font-size:12px;color:#999;margin-bottom:16px}.resource-level{padding:4px 8px;background:#f5f7fa;border-radius:4px;font-weight:600;color:#666}.resource-info{font-weight:600}.resources-sidebar{display:flex;flex-direction:column;gap:24px}.saved-list{display:flex;flex-direction:column;gap:12px}.saved-item{display:flex;gap:12px;padding:12px;background:#f5f7fa;border-radius:10px}.bookmark-icon{color:#fdb714;flex-shrink:0}.saved-type{font-size:10px;font-weight:700;color:#0b4f9f;letter-spacing:.5px;margin-bottom:4px}.saved-title{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:4px;line-height:1.3}.saved-category{font-size:12px;color:#999}.downloads-list{display:flex;flex-direction:column;gap:12px}.download-item{display:flex;gap:12px;align-items:flex-start}.download-info{flex:1}.download-name{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.download-meta{font-size:11px;color:#999}.pathway-recommend{text-align:center;background:linear-gradient(135deg,#fff9e6,#ffeaa7);border:2px solid #FDB714}.pathway-recommend h4{margin-bottom:12px}.pathway-recommend p{font-size:14px;color:#666;line-height:1.6;margin-bottom:20px}@media (max-width: 1200px){.resources-grid-layout,.featured-replay,.resources-grid{grid-template-columns:1fr}}@media (max-width: 768px){.resources-search-bar{flex-direction:column}.filters-group{flex-wrap:wrap}.tabs-nav-simple{overflow-x:auto}}.certificates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.certificate-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px #0000000f}.certificate-preview{position:relative;background:linear-gradient(135deg,#f5f7fa,#e8f1fa);padding:40px;text-align:center}.cert-badge{position:absolute;top:20px;right:20px}.cert-frame{background:#fff;border:3px solid #0B4F9F;border-radius:12px;padding:40px 20px}.cert-logo{font-size:24px;font-weight:700;color:#0b4f9f;margin-bottom:20px}.cert-frame h3{font-size:28px;font-weight:700;color:#0b4f9f;margin-bottom:4px}.cert-frame p{font-size:14px;color:#666;margin-bottom:24px}.cert-name{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.cert-course{font-size:14px;color:#666;margin-bottom:20px}.cert-date{font-size:13px;color:#999;margin-bottom:24px}.cert-sig{display:flex;flex-direction:column;align-items:center}.sig-line{width:150px;height:2px;background:#0b4f9f;margin-bottom:8px}.sig-name{font-size:12px;color:#666}.certificate-info{padding:24px}.certificate-info h4{font-size:18px;font-weight:700;margin-bottom:8px}.certificate-info p{font-size:14px;color:#666;margin-bottom:12px}.verification-id{font-size:12px;color:#999;font-family:monospace;margin-bottom:16px}.cert-actions{display:flex;gap:12px}.eligibility-list{display:flex;flex-direction:column;gap:16px}.eligibility-item{display:flex;gap:16px;padding:16px;background:#f5f7fa;border-radius:10px}.eligibility-title{font-size:15px;font-weight:600;margin-bottom:4px}.eligibility-status{font-size:13px;color:#666}@media (max-width: 768px){.certificates-grid{grid-template-columns:1fr}}.profile-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px}.profile-header{display:flex;gap:24px;align-items:center;padding:8px 0}.profile-avatar{width:120px;height:120px;border-radius:50%;border:4px solid #0B4F9F}.profile-info h2{font-size:28px;font-weight:700;margin-bottom:8px}.profile-info p{font-size:14px;color:#666;margin-bottom:16px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:24px 0}.info-item{display:flex;gap:12px;align-items:flex-start}.info-label{font-size:13px;color:#999;margin-bottom:4px}.info-value{font-size:15px;font-weight:600;color:#1a1a1a}.preferences-list{margin:24px 0}.preference-item{margin-bottom:24px}.preference-item label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}.preference-select{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px}.checkbox-list{display:flex;flex-direction:column;gap:12px}.checkbox-list label{display:flex;align-items:center;gap:10px;font-weight:400;font-size:14px}.stat-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.stat-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}.stat-row:last-child{border-bottom:none}.settings-links{display:flex;flex-direction:column;gap:12px;margin-top:16px}.settings-links a{padding:12px;background:#f5f7fa;border-radius:8px;text-decoration:none;color:#1a1a1a;font-size:14px;font-weight:500;transition:all .2s}.settings-links a:hover{background:#e8f1fa}.settings-links a:last-child{color:#f44336}@media (max-width: 1024px){.profile-grid,.info-grid{grid-template-columns:1fr}}.community-grid{display:grid;grid-template-columns:1fr 300px;gap:24px}.discussion-item{padding:16px;background:#f5f7fa;border-radius:10px;margin-bottom:12px;cursor:pointer;transition:all .2s}.discussion-item:hover{background:#e8f0fe;transform:translateY(-2px)}.discussion-stats{display:flex;gap:16px;align-items:center}.stat-item{display:flex;align-items:center;gap:6px;color:#666;cursor:pointer}.stat-item:hover{color:#0b4f9f}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:20px}.close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#666;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-btn:hover{background:#f5f7fa;color:#333}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px}.reply-item{padding:12px;background:#f5f7fa;border-radius:8px;margin-bottom:12px}.reply-author{font-size:13px;fontWeight:600;margin-bottom:4px}.reply-content{font-size:14px;margin-bottom:8px}.reply-time{fontSize:12px;color:#666}.catalogue-hero{background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:80px 0;text-align:center}.hero-cta{max-width:900px;margin:40px auto 0;background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000014;display:flex;justify-content:space-between;align-items:center;gap:32px}.hero-cta-content{display:flex;gap:24px;align-items:center;text-align:left}.cta-icon{font-size:64px;flex-shrink:0}.cta-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.cta-features{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#666}.pathways-section{padding:80px 0;background:#fff}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.section-header h2{font-size:14px;font-weight:700;color:#0b4f9f;letter-spacing:2px}.pathways-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.pathway-card{background:#f5f7fa;border-radius:16px;padding:32px;text-align:center;transition:all .3s;cursor:pointer}.pathway-card:hover{background:#e8f1fa;transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.pathway-icon{font-size:48px;margin-bottom:16px}.pathway-name{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.pathway-subtitle{font-size:14px;color:#666;margin-bottom:12px}.pathway-meta{font-size:13px;color:#0b4f9f;font-weight:600}.courses-section{padding:80px 0;background:#f5f7fa}.section-header-large{text-align:center;margin-bottom:48px}.section-title{font-size:42px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.section-subtitle{font-size:16px;color:#666;line-height:1.7;max-width:800px;margin:0 auto}.filters-bar-large{display:flex;justify-content:space-between;gap:20px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 16px #0000000f;margin-bottom:24px}.filters-left{display:flex;gap:12px;flex:1;flex-wrap:wrap}.search-box-large{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#f5f7fa;border-radius:12px;flex:1;min-width:250px}.search-box-large input{border:none;background:none;font-size:15px;flex:1;outline:none}.filter-select-large{padding:12px 16px;border:1px solid #e0e0e0;border-radius:12px;font-size:14px;background:#fff;cursor:pointer}.filters-right{display:flex;gap:12px;align-items:center}.btn-icon-lg{display:flex;align-items:center;gap:8px;padding:12px 20px}.sort-select-large{padding:12px 16px;border:1px solid #e0e0e0;border-radius:12px;font-size:14px;cursor:pointer}.view-toggle{display:flex;gap:4px;background:#f5f7fa;padding:4px;border-radius:10px}.view-btn{width:40px;height:40px;background:none;border:none;border-radius:8px;font-size:20px;cursor:pointer;transition:all .2s}.view-btn.active{background:#fff;box-shadow:0 2px 8px #00000014}.results-info{margin-bottom:32px}.results-info p{font-size:14px;color:#666}.courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}.courses-grid.list{grid-template-columns:1fr}.course-card-large{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px #0000000f;transition:all .3s;display:flex;flex-direction:column}.course-card-large:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.course-image{position:relative;height:180px;overflow:hidden}.course-image img{width:100%;height:100%;object-fit:cover}.course-badge{position:absolute;top:12px;left:12px;padding:6px 12px;background:#0b4f9fe6;color:#fff;border-radius:6px;font-size:11px;font-weight:700}.course-level{position:absolute;top:12px;right:12px;padding:6px 12px;background:#fffffff2;color:#1a1a1a;border-radius:6px;font-size:11px;font-weight:700}.free-badge{position:absolute;bottom:12px;left:12px;padding:8px 16px;background:#4caf50;color:#fff;border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.5px}.course-content{padding:20px;flex:1}.course-title{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:16px;line-height:1.4;min-height:44px}.course-instructor{display:flex;gap:12px;margin-bottom:16px;align-items:center}.course-instructor img{width:36px;height:36px;border-radius:50%}.instructor-name{font-size:14px;font-weight:600;color:#1a1a1a}.instructor-role{font-size:12px;color:#666}.course-meta-row{display:flex;justify-content:space-between;align-items:center}.course-rating{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.course-rating .reviews{color:#999;font-weight:400}.course-duration{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.course-footer{padding:0 20px 20px}.pagination-large{display:flex;justify-content:center;gap:8px}.pagination-btn{width:40px;height:40px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.pagination-btn:hover{border-color:#0b4f9f;color:#0b4f9f}.pagination-btn.active{background:#0b4f9f;color:#fff;border-color:#0b4f9f}.bundles-section{padding:80px 0;background:#fff}.bundles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.bundle-card{background:linear-gradient(135deg,#fff9e6,#ffeaa7);border-radius:16px;padding:32px;position:relative;text-align:center;border:2px solid #FDB714}.bundle-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;background:#f44336;color:#fff;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px}.bundle-name{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.bundle-meta{font-size:14px;color:#666;margin-bottom:20px}.help-section{padding:80px 0;background:#f5f7fa}.help-card{background:#fff;border-radius:20px;padding:60px;text-align:center;box-shadow:0 8px 32px #00000014}.help-icon{font-size:64px;margin-bottom:20px}.help-card h3{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.help-card p{font-size:16px;color:#666;margin-bottom:28px}.partners-section{padding:60px 0;background:#fff}.partners-title{text-align:center;font-size:14px;font-weight:600;color:#666;margin-bottom:32px;text-transform:uppercase;letter-spacing:1px}.partners-logos{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;align-items:center}.partners-logos img{height:40px;opacity:.6;transition:opacity .2s}.partners-logos img:hover{opacity:1}@media (max-width: 1200px){.courses-grid{grid-template-columns:repeat(3,1fr)}.pathways-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.courses-grid,.pathways-grid,.bundles-grid{grid-template-columns:1fr}.hero-cta,.filters-bar-large{flex-direction:column}}.public-page{min-height:100vh;background:#fff}.public-header{background:#0b4f9f;color:#fff;padding:16px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000001a}.header-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.logo-icon svg{display:block}.logo-title{font-size:16px;font-weight:700;letter-spacing:.5px}.public-nav{display:flex;gap:32px}.public-nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:500;opacity:.9;transition:opacity .2s}.public-nav a:hover,.public-nav a.active{opacity:1;text-decoration:underline}.header-actions{display:flex;gap:12px;align-items:center}.btn-search{width:40px;height:40px;background:#ffffff1a;border:none;border-radius:50%;font-size:18px;cursor:pointer;transition:all .2s}.btn-search:hover{background:#fff3}.seminar-hero{background:linear-gradient(135deg,#0b4f9f,#1976d2);color:#fff;padding:80px 0;text-align:center}.hero-container{max-width:1200px;margin:0 auto;padding:0 40px}.hero-badge{display:inline-block;padding:8px 20px;background:#fdb71433;border:2px solid #FDB714;border-radius:30px;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:24px}.hero-title{font-size:56px;font-weight:700;margin-bottom:20px;line-height:1.2}.hero-subtitle{font-size:18px;line-height:1.7;opacity:.95;max-width:800px;margin:0 auto 48px}.hero-features{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.feature-item{display:flex;flex-direction:column;align-items:center;gap:12px}.feature-icon{font-size:40px}.feature-text{font-size:14px;font-weight:600;opacity:.95}.live-now-section{padding:60px 0;background:#f5f7fa}.content-container{max-width:1400px;margin:0 auto;padding:0 40px}.live-now-banner{background:#fff;border-radius:24px;padding:48px;box-shadow:0 8px 32px #00000014;position:relative;overflow:hidden}.live-badge-animated{position:absolute;top:32px;right:32px;padding:12px 24px;background:#f44336;color:#fff;border-radius:30px;font-size:13px;font-weight:700;letter-spacing:.5px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.live-content{display:grid;grid-template-columns:1.2fr 1fr;gap:48px}.expert-badge{display:inline-block;padding:6px 12px;background:#e3f2fd;color:#0b4f9f;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:16px}.live-title{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:16px;line-height:1.3}.live-description{font-size:16px;color:#666;line-height:1.7;margin-bottom:28px}.live-meta{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:32px}.meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.live-speakers{display:flex;flex-direction:column;gap:16px}.speaker-label{font-size:13px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px}.speaker-item{display:flex;gap:12px;align-items:center}.speaker-item img{width:48px;height:48px;border-radius:50%;border:3px solid #e0e0e0}.speaker-name{font-size:15px;font-weight:600;color:#1a1a1a}.speaker-title{font-size:13px;color:#666}.live-session-card{background:linear-gradient(135deg,#0b4f9f,#1976d2);border-radius:20px;padding:40px;color:#fff}.session-timer{text-align:center;margin-bottom:32px}.timer-label{font-size:14px;opacity:.9;margin-bottom:12px}.timer-display{font-size:48px;font-weight:700;letter-spacing:4px;margin-bottom:8px}.timer-units{display:flex;justify-content:center;gap:60px;font-size:11px;font-weight:600;opacity:.8;letter-spacing:1px}.btn-join{width:100%;justify-content:center;gap:12px;margin-bottom:24px;font-size:16px;padding:16px}.session-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn:hover{background:#fff3}.live-poll{background:#ffffff1a;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.2)}.poll-title{font-size:16px;font-weight:700;margin-bottom:12px}.poll-question{font-size:14px;opacity:.95;margin-bottom:16px}.poll-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.poll-option{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff1a;border-radius:8px;cursor:pointer;transition:all .2s}.poll-option:hover{background:#ffffff26}.poll-option input[type=radio]{width:18px;height:18px}.btn-link{background:none;border:none;color:#fff;font-size:13px;text-decoration:underline;cursor:pointer;margin-top:8px}.seminars-section{padding:60px 0}.seminars-tabs{display:flex;gap:12px;background:#fff;padding:12px;border-radius:16px;box-shadow:0 2px 16px #0000000f;margin-bottom:40px}.seminars-tabs .tab{display:flex;align-items:center;gap:8px;padding:14px 24px;background:none;border:none;border-radius:12px;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.seminars-tabs .tab:hover{background:#f5f7fa;color:#0b4f9f}.seminars-tabs .tab.active{background:linear-gradient(135deg,#0b4f9f,#1976d2);color:#fff}.live-dot{width:8px;height:8px;background:#f44336;border-radius:50%;animation:pulse 2s infinite}.upcoming-seminars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.seminar-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 16px #0000000f;display:flex;flex-direction:column;transition:all .3s}.seminar-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.seminar-date{display:flex;align-items:center;gap:8px;margin-bottom:20px}.date-month{font-size:14px;font-weight:700;color:#0b4f9f;text-transform:uppercase;letter-spacing:.5px}.date-day{font-size:28px;font-weight:700;color:#1a1a1a}.seminar-badge{display:inline-block;padding:6px 12px;background:#e3f2fd;color:#0b4f9f;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:12px}.seminar-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:12px;line-height:1.4}.seminar-speakers{font-size:14px;color:#666;margin-bottom:16px}.seminar-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;margin-bottom:8px}.seminar-meta svg{color:#0b4f9f}.seminar-content{flex:1;margin-bottom:20px}.view-all-link{text-align:center}.link-text-large{font-size:16px;color:#0b4f9f;text-decoration:none;font-weight:600}.link-text-large:hover{text-decoration:underline}.cpd-section{padding:60px 0;background:linear-gradient(135deg,#fff9e6,#ffeaa7)}.cpd-banner{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#fff;padding:40px 48px;border-radius:20px;box-shadow:0 4px 24px #00000014}.cpd-icon{font-size:64px}.cpd-content{flex:1}.cpd-content h3{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.cpd-content p{font-size:16px;color:#666}.public-footer{background:#1a1a1a;color:#fff;padding:60px 0 32px}.footer-container{max-width:1400px;margin:0 auto;padding:0 40px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px;margin-bottom:48px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer-logo-text{font-size:16px;font-weight:700;letter-spacing:.5px}.footer-tagline{font-size:14px;opacity:.8}.footer-col h4{font-size:14px;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.footer-col a{display:block;color:#fff;text-decoration:none;font-size:14px;opacity:.8;margin-bottom:12px;transition:opacity .2s}.footer-col a:hover{opacity:1}.footer-bottom{display:flex;justify-content:space-between;padding-top:32px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;opacity:.8}.footer-links{display:flex;gap:24px}.footer-links a{color:#fff;text-decoration:none}.footer-links a:hover{text-decoration:underline}@media (max-width: 1200px){.upcoming-seminars-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.public-nav{display:none}.hero-title{font-size:36px}.live-content,.upcoming-seminars-grid,.footer-grid{grid-template-columns:1fr}.cpd-banner{flex-direction:column;text-align:center}}.session-agenda-section{margin-top:40px;padding:32px;background:#fff;border-radius:12px;border:1px solid #e0e0e0}.agenda-title{font-size:20px;font-weight:700;color:#003b73;margin-bottom:24px;display:flex;align-items:center;gap:8px}.agenda-timeline{display:flex;flex-direction:column;gap:20px}.agenda-item{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:start}.agenda-time{font-size:14px;font-weight:600;color:#0b4f9f;padding-top:4px}.agenda-content{display:flex;gap:12px;align-items:start;padding-bottom:20px;border-left:2px solid #e0e0e0;position:relative;padding-left:20px}.agenda-item:last-child .agenda-content{border-left:2px solid transparent}.agenda-dot{position:absolute;left:-7px;top:6px;width:12px;height:12px;background:#0b4f9f;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px #0b4f9f}.agenda-text{font-size:15px;color:#424242;line-height:1.6}.qa-section{margin-top:40px;padding:32px;background:#fff;border-radius:12px;border:1px solid #e0e0e0}.qa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.qa-title{font-size:20px;font-weight:700;color:#003b73;display:flex;align-items:center;gap:8px}.qa-tabs{display:flex;gap:8px}.qa-tab{padding:8px 16px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.qa-tab:hover{border-color:#0b4f9f;color:#0b4f9f}.qa-tab.active{background:#0b4f9f;color:#fff;border-color:#0b4f9f}.qa-input-section{display:flex;gap:12px;margin-bottom:24px}.qa-input{flex:1;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.qa-input:focus{border-color:#0b4f9f}.qa-list{display:flex;flex-direction:column;gap:20px}.qa-item{display:flex;gap:12px;padding:16px;background:#f5f7fa;border-radius:10px;transition:background .2s}.qa-item:hover{background:#e8f2ff}.qa-avatar{flex-shrink:0}.qa-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.qa-content{flex:1}.qa-header-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.qa-author{font-weight:600;font-size:14px;color:#003b73}.qa-time{font-size:13px;color:#999}.qa-likes{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:13px;color:#666;cursor:pointer;transition:color .2s}.qa-likes:hover{color:#0b4f9f}.qa-question{font-size:14px;color:#424242;line-height:1.6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.timer-display{font-size:48px;font-weight:700;color:#0b4f9f;letter-spacing:4px;animation:pulse 2s infinite}.live-badge-animated{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ff3b3b;color:#fff;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:.5px;animation:pulse 2s infinite}.live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 2s infinite}@media (max-width: 768px){.session-agenda-section,.qa-section{padding:20px}.agenda-item{grid-template-columns:80px 1fr}.agenda-time{font-size:13px}.qa-header{flex-direction:column;align-items:flex-start}.qa-input-section{flex-direction:column}.timer-display{font-size:36px}}.registration-page{background:#f5f7fa;min-height:100vh}.registration-container{max-width:1200px;margin:0 auto;padding:40px 20px}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:14px;color:#666;margin-bottom:32px}.breadcrumb a{color:#0b4f9f;text-decoration:none}.registration-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px}.seminar-header-card{background:linear-gradient(135deg,#0b4f9f,#003b73);border-radius:20px;padding:40px;color:#fff;margin-bottom:32px}.live-badge{display:inline-block;padding:6px 14px;background:#f44336;color:#fff;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:16px;animation:pulse 2s infinite}.seminar-header-card h1{font-size:36px;font-weight:700;margin-bottom:16px;line-height:1.2}.seminar-meta{display:flex;gap:24px;margin-bottom:24px;font-size:15px}.seminar-meta svg{margin-right:6px}.speaker-info{display:flex;gap:16px;align-items:center;padding:20px;background:#ffffff1a;border-radius:12px}.speaker-info img{width:60px;height:60px;border-radius:50%}.speaker-name{font-size:18px;font-weight:700;margin-bottom:4px}.speaker-title{font-size:14px;opacity:.9}.registration-form-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 16px #0000000f}.form-group label{display:block;font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:10px;font-size:15px}.phone-input{display:flex;gap:12px}.phone-input select{width:120px}.checkbox-group{display:flex;align-items:flex-start;gap:12px}.checkbox-group input{width:auto;margin-top:4px}.checkbox-group label{font-weight:400;font-size:13px;line-height:1.5}.info-notice{display:flex;gap:12px;padding:16px;background:#e3f2fd;border-radius:10px;margin-top:20px}.info-notice svg{flex-shrink:0;color:#0b4f9f}.registration-sidebar{display:flex;flex-direction:column;gap:24px}.seats-card{background:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:0 2px 16px #0000000f}.seats-icon{font-size:48px;margin-bottom:16px}.seats-count{font-size:32px;font-weight:700;color:#f44336;margin-bottom:8px}.certificate-card{background:linear-gradient(135deg,#fff9e6,#ffeaa7);border-radius:16px;padding:24px;text-align:center;border:2px solid #FDB714}.certificate-icon{font-size:48px;margin-bottom:16px}.benefits-list{list-style:none;padding:0;text-align:left}.benefits-list li{padding:12px 0;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:12px;font-size:14px}.benefits-list li:last-child{border-bottom:none}@media (max-width: 1024px){.registration-grid{grid-template-columns:1fr}}.video-player-container{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden}.video-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;color:#fff;z-index:20;pointer-events:all}.video-loading .spinner{animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.resume-notice{position:absolute;top:20px;right:20px;background:#0b4f9ff2;color:#fff;padding:12px 20px;border-radius:8px;z-index:15;font-size:14px;font-weight:500;box-shadow:0 4px 12px #0000004d;animation:slideInRight .3s ease-out,fadeOut .5s ease-in 2.5s;animation-fill-mode:forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.video-error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;color:#fff;z-index:10}.video-error p{margin-bottom:16px;font-size:16px}.video-error button{background:#0b4f9f;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.video-error button:hover{background:#083d7a}.video-placeholder{width:100%;height:500px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;align-items:center;justify-content:center;position:relative}.play-button-large{width:120px;height:120px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-button-large:hover{background:#ffffff40;transform:scale(1.1)}.video-overlay-text{position:absolute;bottom:40px;left:40px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.video-overlay-text h2{font-size:28px;margin:0 0 8px;font-weight:600}.video-overlay-text p{font-size:16px;margin:0;opacity:.9}.video-player-container>div{border-radius:8px;overflow:hidden}.lesson-layout{display:flex;height:100vh;overflow:hidden;background:#f5f7fa}.lesson-sidebar{width:360px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden}.course-header-sidebar{padding:24px;border-bottom:1px solid #e0e0e0}.back-link{display:flex;align-items:center;gap:6px;color:#0b4f9f;text-decoration:none;font-size:14px;font-weight:600;margin-bottom:20px;transition:all .2s}.back-link:hover{gap:10px}.course-title-sidebar{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:12px;line-height:1.4}.course-instructor-sidebar{display:flex;align-items:center;gap:10px;margin-bottom:20px}.course-instructor-sidebar img{width:32px;height:32px;border-radius:50%}.course-instructor-sidebar span{font-size:14px;color:#666;font-weight:500}.course-progress-sidebar{padding:16px;background:#f5f7fa;border-radius:10px}.progress-bar-sidebar{height:8px;background:#e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:8px}.progress-text-small{font-size:12px;color:#666}.lessons-list{flex:1;overflow-y:auto;padding:16px}.lessons-header{font-size:14px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;padding:0 8px}.lesson-item{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:10px;margin-bottom:8px;text-decoration:none;color:#1a1a1a;transition:all .2s;position:relative}.lesson-item:hover{background:#f5f7fa}.lesson-item.active{background:#e3f2fd;border-left:3px solid #0B4F9F}.lesson-item.locked{opacity:.5;cursor:not-allowed}.lesson-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;border-radius:8px;font-weight:700;font-size:14px;flex-shrink:0}.lesson-item.active .lesson-number{background:#0b4f9f;color:#fff}.lesson-check{width:100%;height:100%;background:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px}.lesson-info{flex:1}.lesson-title-small{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px;line-height:1.4}.lesson-duration{font-size:12px;color:#999}.playing-indicator{color:#0b4f9f;font-size:12px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.lesson-main{flex:1;display:flex;flex-direction:column;overflow-y:auto}.video-container{background:#1a1a1a}.video-player{max-width:1200px;margin:0 auto;aspect-ratio:16/9}.video-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0b4f9f,#003b73);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.play-button-large{width:100px;height:100px;border-radius:50%;background:#fdb714e6;color:#fff;font-size:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;margin-bottom:20px}.play-button-large:hover{background:#fdb714;transform:scale(1.1)}.video-overlay-text{text-align:center;color:#fff}.video-overlay-text h2{font-size:32px;font-weight:700;margin-bottom:8px}.video-overlay-text p{font-size:16px;opacity:.9}.lesson-navigation-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#1a1a1a;border-top:1px solid #333}.nav-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff1a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s}.nav-btn:hover{background:#fff3}.nav-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.mark-complete-btn{display:flex;align-items:center;gap:8px}.lesson-tabs-section{background:#fff;flex:1}.lesson-tabs{display:flex;gap:4px;padding:24px 40px 0;border-bottom:2px solid #f0f0f0;max-width:1200px;margin:0 auto}.lesson-tab{display:flex;align-items:center;gap:8px;padding:14px 24px;background:none;border:none;border-bottom:3px solid transparent;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:all .2s;margin-bottom:-2px}.lesson-tab:hover{color:#1a1a1a;background:#f5f7fa}.lesson-tab.active{color:#0b4f9f;border-bottom-color:#0b4f9f}.lesson-tab-content{padding:40px;max-width:1200px;margin:0 auto}.overview-tab{display:grid;grid-template-columns:2fr 1fr;gap:40px}.overview-main h3{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.overview-main h4{font-size:18px;font-weight:700;color:#1a1a1a;margin:32px 0 16px}.lesson-description{font-size:16px;line-height:1.7;color:#666;margin-bottom:32px}.learning-objectives{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.learning-objectives li{font-size:15px;line-height:1.6;color:#1a1a1a;padding-left:8px}.key-concepts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.concept-card{background:#f5f7fa;border-radius:12px;padding:20px;text-align:center}.concept-icon{font-size:36px;margin-bottom:12px}.concept-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.concept-card p{font-size:13px;color:#666;line-height:1.5}.resources-list{display:flex;flex-direction:column;gap:12px}.resource-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f5f7fa;border-radius:10px}.resource-icon{width:44px;height:44px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#0b4f9f;flex-shrink:0}.resource-info{flex:1}.resource-name{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.resource-meta{font-size:12px;color:#999}.notes-section{display:flex;flex-direction:column;gap:12px}.note-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff9e6;border-radius:10px;position:relative}.note-time{font-size:12px;font-weight:700;color:#0b4f9f;padding:4px 8px;background:#fff;border-radius:6px;flex-shrink:0}.note-text{flex:1;font-size:14px;color:#1a1a1a;line-height:1.6}.note-delete{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#0000000d;border:none;border-radius:50%;font-size:18px;cursor:pointer;transition:all .2s}.note-delete:hover{background:#f44336;color:#fff}.overview-sidebar{display:flex;flex-direction:column;gap:24px}.lesson-info-card,.instructor-card,.help-card{background:#f5f7fa;border-radius:12px;padding:24px}.lesson-info-card h4,.instructor-card h4,.help-card h4{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.info-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e0e0e0}.info-item:last-child{border-bottom:none}.info-label{font-size:13px;color:#666}.info-value{font-size:13px;font-weight:600;color:#1a1a1a}.instructor-profile{display:flex;gap:12px;align-items:center;margin-bottom:16px}.instructor-profile img{width:64px;height:64px;border-radius:50%}.instructor-name{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.instructor-title{font-size:13px;color:#666}.instructor-bio,.help-card p{font-size:14px;color:#666;line-height:1.6;margin-bottom:16px}@media (max-width: 1200px){.overview-tab,.key-concepts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.lesson-layout{flex-direction:column}.lesson-sidebar{width:100%;max-height:300px}.lesson-navigation-bar{flex-direction:column;gap:12px}.lesson-tabs{overflow-x:auto}.lesson-tab-content{padding:20px}}.pathway-header-card{background:linear-gradient(135deg,#0b4f9f,#003b73);border-radius:20px;padding:48px;display:grid;grid-template-columns:2fr 1fr;gap:48px;color:#fff;margin-bottom:32px;box-shadow:0 8px 32px #0b4f9f33}.pathway-badge{display:inline-block;padding:6px 14px;background:#fdb71433;color:#fdb714;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:16px}.pathway-title{font-size:36px;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.2}.pathway-description{font-size:17px;line-height:1.6;color:#ffffffe6;margin-bottom:32px}.pathway-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.pathway-meta-item{display:flex;gap:12px;align-items:flex-start}.meta-label{font-size:12px;color:#ffffffb3;margin-bottom:4px}.meta-value{font-size:15px;font-weight:600;color:#fff}.pathway-actions{display:flex;gap:12px;flex-wrap:wrap}.pathway-progress-visual{display:flex;flex-direction:column;align-items:center;justify-content:center}.circular-progress{position:relative;margin-bottom:20px}.progress-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percentage{font-size:42px;font-weight:700;color:#fff;line-height:1;margin-bottom:4px}.progress-label{font-size:13px;color:#fffc}.save-later-btn{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:14px}.pathway-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px}.pathway-steps{display:flex;align-items:center;justify-content:space-between;padding:32px;background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000f;margin-bottom:32px;overflow-x:auto}.pathway-step{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:100px}.pathway-step.active{color:#0b4f9f}.step-icon{width:48px;height:48px;border-radius:50%;background:#f5f7fa;display:flex;align-items:center;justify-content:center;color:#999}.pathway-step.active .step-icon{background:#e3f2fd;color:#0b4f9f}.pathway-step.completed .step-icon{background:#e8f5e9;color:#4caf50}.step-dot{width:12px;height:12px;border-radius:50%;background:#e0e0e0}.step-content{text-align:center}.step-number{font-size:11px;font-weight:700;color:#999;margin-bottom:4px}.step-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.step-subtitle{font-size:12px;color:#666;line-height:1.4}.step-connector{flex:1;height:2px;background:#e0e0e0;margin:-32px 8px 0}.step-connector.active{background:#0b4f9f}.section-subtitle{font-size:14px;color:#666;margin-bottom:24px}.modules-list{display:flex;flex-direction:column;gap:20px}.module-item{display:flex;gap:20px;padding:24px;background:#f5f7fa;border-radius:16px;transition:all .3s}.module-item.in-progress{background:#e3f2fd;border-left:4px solid #0B4F9F}.module-item.locked{opacity:.6}.module-number-badge{width:56px;height:56px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#0b4f9f;flex-shrink:0}.module-item.completed .module-number-badge{background:#4caf50;color:#fff}.module-item.locked .module-number-badge{background:#e0e0e0;color:#999}.module-content{flex:1}.module-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.module-title{font-size:18px;font-weight:700;color:#1a1a1a}.progress-badge{padding:4px 12px;background:#fdb714;color:#1a1a1a;border-radius:6px;font-size:11px;font-weight:700}.module-subtitle{font-size:14px;color:#666;line-height:1.5;margin-bottom:12px}.module-meta{display:flex;gap:12px;align-items:center;font-size:13px;color:#666;margin-bottom:16px}.module-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px}.progress-bar-thin{flex:1;height:6px;background:#ffffff80;border-radius:10px;overflow:hidden}.live-seminar-info{display:flex;gap:16px;padding:16px;background:#fff;border-radius:12px;margin:16px 0;align-items:center}.seminar-icon{font-size:32px;flex-shrink:0}.seminar-label{font-size:12px;font-weight:700;color:#0b4f9f;margin-bottom:4px}.seminar-details{font-size:13px;color:#666;margin-bottom:4px}.seminar-instructor{font-size:13px;color:#666;font-style:italic}.pathway-sidebar{display:flex;flex-direction:column;gap:24px}.guide-profile{display:flex;gap:16px;align-items:center;margin-bottom:16px}.guide-profile img{width:80px;height:80px;border-radius:50%}.guide-name{font-size:17px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.guide-role{font-size:13px;color:#666;margin-bottom:2px}.guide-title{display:inline-block;padding:4px 10px;background:#fff9e6;color:#fdb714;border-radius:6px;font-size:11px;font-weight:700}.guide-bio{font-size:14px;color:#666;line-height:1.6;margin-bottom:16px}.goals-list{display:flex;flex-direction:column;gap:12px}.goal-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#1a1a1a}.goal-checkbox{width:24px;height:24px;border-radius:6px;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.goal-item.completed .goal-checkbox{background:#4caf50;border-color:#4caf50;color:#fff}.goal-item.completed span{text-decoration:line-through;color:#999}.next-step-card{background:linear-gradient(135deg,#fff9e6,#ffeaa7);text-align:center;border:2px solid #FDB714}.next-step-icon{font-size:48px;margin-bottom:16px}.checkpoint-card{background:#f5f7fa;position:relative}.checkpoint-badge{position:absolute;top:16px;right:16px;padding:6px 12px;background:#f44336;color:#fff;border-radius:20px;font-size:11px;font-weight:700;animation:pulse 2s infinite}.checkpoint-info{display:flex;gap:16px;margin:16px 0}.checkpoint-date{width:70px;height:70px;background:#0b4f9f;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.date-day{font-size:28px;font-weight:700;color:#fff;line-height:1}.date-month{font-size:12px;font-weight:700;color:#fdb714}.checkpoint-title{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.checkpoint-time{font-size:13px;color:#666;margin-bottom:12px;line-height:1.5}.checkpoint-attendees{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.attendees-avatars{display:flex;margin-left:-4px}.attendees-avatars img{width:24px;height:24px;border-radius:50%;border:2px solid white;margin-left:-8px}.link-text-center{display:block;text-align:center;margin-top:12px;font-size:13px;color:#0b4f9f;text-decoration:none;font-weight:600}.resources-links{display:flex;flex-direction:column;gap:8px}.resource-link{display:flex;align-items:center;gap:12px;padding:14px;background:#f5f7fa;border-radius:10px;text-decoration:none;color:#1a1a1a;font-size:14px;font-weight:600;transition:all .2s}.resource-link:hover{background:#e8f1fa;transform:translate(4px)}.resource-link svg:last-child{margin-left:auto;color:#999}@media (max-width: 1200px){.pathway-header-card,.pathway-grid,.pathway-meta-grid{grid-template-columns:1fr}}@media (max-width: 768px){.pathway-header-card{padding:32px 24px}.pathway-steps{flex-direction:column}.step-connector{width:2px;height:30px;margin:8px 0}}.paths-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px}.path-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s;position:relative}.path-card:hover{border-color:#0b4f9f;box-shadow:0 8px 24px #0b4f9f1f;transform:translateY(-2px)}.featured-badge{position:absolute;top:12px;right:12px;background:#fdb714;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;z-index:1}.path-image{width:100%;height:200px;overflow:hidden}.path-image img{width:100%;height:100%;object-fit:cover}.path-content{padding:20px}.path-category{display:inline-block;background:#e8f0fe;color:#0b4f9f;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;margin-bottom:12px}.path-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.path-description{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.path-meta{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:14px}.meta-item svg{color:#0b4f9f}.enrollment-count{text-align:center;color:#6b7280;font-size:13px;margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.my-paths-list{display:flex;flex-direction:column;gap:20px;margin-top:24px}.my-path-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;gap:24px;align-items:center;transition:all .2s}.my-path-item:hover{border-color:#0b4f9f;box-shadow:0 4px 12px #0b4f9f1a}.path-progress-ring{flex-shrink:0;position:relative}.path-progress-ring .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:600;color:#0b4f9f}.path-details{flex:1}.path-details h3{font-size:20px;font-weight:600;color:#1f2937;margin:8px 0 4px}.path-details p{color:#6b7280;font-size:14px;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-info{background:#f9fafb;padding:8px 12px;border-radius:8px;font-size:14px;color:#374151;margin-bottom:12px}.path-actions{flex-shrink:0}@media (max-width: 768px){.paths-grid{grid-template-columns:1fr}.my-path-item{flex-direction:column;text-align:center}.path-actions,.path-actions .btn{width:100%}}.onboarding-page{min-height:100vh;background:#f5f7fa}.onboarding-header{background:#fff;padding:20px 40px;border-bottom:1px solid #e0e0e0}.onboarding-header .logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:16px;font-weight:700;color:#0b4f9f}.onboarding-container{display:grid;grid-template-columns:400px 1fr;min-height:calc(100vh - 80px)}.onboarding-sidebar{background:linear-gradient(135deg,#0b4f9f,#003b73);padding:60px 40px;color:#fff}.sidebar-icon{font-size:64px;margin-bottom:24px}.onboarding-sidebar h3{font-size:28px;font-weight:700;margin-bottom:16px}.onboarding-sidebar p{font-size:15px;line-height:1.6;opacity:.9;margin-bottom:16px}.onboarding-benefits{display:flex;flex-direction:column;gap:16px;margin-top:40px}.benefit-item{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff1a;border-radius:10px}.onboarding-main{padding:60px;display:flex;flex-direction:column;align-items:center}.progress-bar-container{width:100%;max-width:800px;margin-bottom:40px}.progress-steps{display:flex;align-items:center;justify-content:space-between}.step{display:flex;flex-direction:column;align-items:center;gap:8px}.step-circle{width:40px;height:40px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:700}.step.active .step-circle{background:#0b4f9f;color:#fff}.step span{font-size:13px;color:#666}.step-line{flex:1;height:2px;background:#e0e0e0;margin:0 8px 28px}.onboarding-card{background:#fff;border-radius:20px;padding:48px;max-width:800px;width:100%;box-shadow:0 4px 24px #00000014}.onboarding-card h2{font-size:32px;font-weight:700;margin-bottom:12px}.form-group{margin-bottom:32px}.form-group label{display:block;font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:16px}.form-group select{width:100%;padding:14px 16px;border:1px solid #e0e0e0;border-radius:10px;font-size:15px}.checkbox-options{display:flex;flex-direction:column;gap:12px}.checkbox-card{display:flex;align-items:center;padding:20px;background:#f5f7fa;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.checkbox-card:hover{background:#e8f1fa}.checkbox-card input:checked~.checkbox-content{font-weight:600}.checkbox-card input{margin-right:16px}.checkbox-content{display:flex;align-items:center;gap:12px}.checkbox-icon{font-size:24px}.radio-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.radio-card{display:flex;align-items:center;padding:20px;background:#f5f7fa;border:2px solid transparent;border-radius:12px;cursor:pointer}.radio-card input{margin-right:16px}.radio-title{font-size:15px;font-weight:600;margin-bottom:4px}.radio-desc{font-size:13px;color:#666}.question-card{display:flex;gap:20px;padding:24px;background:#f5f7fa;border-radius:12px;margin-bottom:24px}.question-number{width:40px;height:40px;background:#0b4f9f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.question-content h4{font-size:14px;color:#0b4f9f;margin-bottom:8px}.question-content p{font-size:16px;font-weight:600;margin-bottom:16px}.answer-options{display:flex;flex-direction:column;gap:12px}.answer-options label{display:flex;align-items:center;padding:12px;background:#fff;border-radius:8px;cursor:pointer}.answer-options input{margin-right:12px}.button-group{display:flex;justify-content:space-between;gap:16px;margin-top:32px}.privacy-notice{display:flex;align-items:center;gap:12px;padding:16px;background:#e8f5e9;border-radius:10px;margin-top:24px;font-size:13px;color:#666}@media (max-width: 1024px){.onboarding-container{grid-template-columns:1fr}.onboarding-sidebar{padding:40px 20px}}.payment-result-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f3f4f6;padding:20px}.payment-result-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;padding:48px 40px;max-width:480px;width:100%;text-align:center}.payment-result-card h1{font-size:24px;color:#111827;margin:16px 0 8px}.payment-result-card p{font-size:15px;color:#4b5563;line-height:1.6;margin-bottom:20px}.result-icon.success{color:#059669}.result-icon.failed{color:#dc2626}.result-icon.pending{color:#0b4f9f}.result-ref{display:inline-block;font-size:12px;font-family:monospace;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:4px 10px;margin-bottom:16px}.result-actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.payment-result-card .spinning{animation:paymentResultSpin 1s linear infinite}@keyframes paymentResultSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app{min-height:100vh;background-color:var(--bg-light)}.dashboard-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:220px;transition:margin-left .3s ease}.content-wrapper{padding:20px;max-width:1600px;margin:0 auto}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.btn-primary{background-color:var(--primary-blue);color:#fff}.btn-primary:hover{background-color:var(--dark-blue);transform:translateY(-1px);box-shadow:0 4px 12px #0b4f9f4d}.btn-secondary{background-color:#fff;color:var(--primary-blue);border:1px solid var(--primary-blue)}.btn-secondary:hover{background-color:var(--primary-blue);color:#fff}.btn-warning{background-color:var(--accent-yellow);color:var(--dark-blue)}.btn-warning:hover{background-color:#ffa000}.btn-success{background-color:var(--success-green);color:#fff}.btn-icon{padding:8px;border-radius:6px;background:none;border:none;cursor:pointer;color:var(--text-gray)}.btn-icon:hover{background-color:var(--bg-light);color:var(--primary-blue)}.card{background:#fff;border-radius:8px;padding:18px;box-shadow:0 1px 3px #00000014;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:16px;font-weight:600;color:var(--text-dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:#fff;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #00000014}.stat-icon{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-icon.blue{background-color:#e3f2fd;color:var(--primary-blue)}.stat-icon.yellow{background-color:#fff8e1;color:var(--accent-yellow)}.stat-icon.green{background-color:#e8f5e9;color:var(--success-green)}.stat-icon.orange{background-color:#fff3e0;color:var(--warning-orange)}.stat-content{flex:1}.stat-label{font-size:12px;color:var(--text-gray);margin-bottom:2px}.stat-value{font-size:24px;font-weight:700;color:var(--text-dark)}.stat-change{font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.stat-change.positive{color:var(--success-green)}.stat-change.negative{color:var(--danger-red)}.table-container{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}table{width:100%;border-collapse:collapse}thead{background-color:var(--bg-light)}th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px}td{padding:16px;border-top:1px solid var(--border-gray);font-size:14px;color:var(--text-dark)}tr:hover{background-color:var(--bg-light)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;gap:4px}.badge.success{background-color:#e8f5e9;color:var(--success-green)}.badge.warning{background-color:#fff8e1;color:var(--warning-orange)}.badge.danger{background-color:#ffebee;color:var(--danger-red)}.badge.info{background-color:#e3f2fd;color:var(--primary-blue)}.badge.neutral{background-color:#f5f5f5;color:var(--text-gray)}.progress-bar{width:100%;height:8px;background-color:var(--bg-light);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary-blue);border-radius:4px;transition:width .3s ease}.progress-fill.success{background-color:var(--success-green)}.progress-fill.warning{background-color:var(--warning-orange)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:1px solid var(--border-gray);border-radius:6px;font-size:14px;color:var(--text-dark);transition:border-color .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0b4f9f1a}.form-textarea{resize:vertical;min-height:100px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:20px;font-weight:600;color:var(--text-dark)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-gray);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.modal-close:hover{background-color:var(--bg-light)}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}@media (max-width: 768px){.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr}.content-wrapper{padding:16px}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;font-size:14px;line-height:1.5;zoom:.9;-moz-transform:scale(.9);-moz-transform-origin:0 0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-blue: #0B4F9F;--dark-blue: #003B73;--light-blue: #1565C0;--accent-yellow: #FDB714;--text-dark: #1a1a1a;--text-gray: #666;--border-gray: #e0e0e0;--bg-light: #f5f7fa;--white: #ffffff;--success-green: #4caf50;--warning-orange: #ff9800;--danger-red: #f44336}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}