.navbar{background-color:#fff;box-shadow:0 2px 8px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000;height:70px}.navbar-container{max-width:1400px;margin:0 auto;padding:0 40px;height:100%;display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:12px;font-weight:600;font-size:18px;color:var(--text-dark)}.logo-icon{width:40px;height:40px;background-color:var(--primary-green);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.logo-text{max-width:280px}.nav-menu{display:flex;list-style:none;align-items:center;gap:32px}.nav-item{position:relative}.nav-link{color:var(--text-dark);font-size:15px;font-weight:500;transition:color .3s ease;padding:8px 0}.nav-link:hover{color:var(--primary-green)}.nav-link.active{color:var(--primary-green);position:relative}.nav-link.active:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background-color:var(--primary-green)}@media (max-width: 1024px){.navbar-container{padding:0 20px}.nav-menu{gap:20px}.logo-text{font-size:16px;max-width:200px}}@media (max-width: 768px){.navbar{height:auto;min-height:70px}.navbar-container{flex-direction:column;padding:15px 20px;gap:15px}.nav-menu{flex-wrap:wrap;justify-content:center;gap:15px}.nav-link{font-size:14px}}.hero{background:linear-gradient(135deg,#22c55e,#16a34a);padding:120px 20px 100px;text-align:center;color:#fff;margin-top:70px}.hero-content{max-width:900px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:24px;line-height:1.2}.hero-subtitle{font-size:1.25rem;margin-bottom:40px;line-height:1.6;opacity:.95}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.hero{padding:80px 20px 60px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:300px}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}}.home{flex:1}.about-section{padding:80px 20px;background-color:#fff}.section-title{font-size:2.5rem;text-align:center;margin-bottom:20px;color:var(--text-dark)}.section-text{font-size:1.1rem;text-align:center;color:var(--text-gray);max-width:800px;margin:0 auto 60px;line-height:1.8}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto}.feature-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #00000014;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.3rem;margin-bottom:12px;color:var(--text-dark)}.feature-card p{color:var(--text-gray);line-height:1.6}.cta-section{background:linear-gradient(135deg,#22c55e,#16a34a);padding:80px 20px;text-align:center;color:#fff}.cta-title{font-size:2.5rem;margin-bottom:20px}.cta-text{font-size:1.2rem;margin-bottom:40px;opacity:.95}.btn-large{padding:16px 48px;font-size:18px}@media (max-width: 768px){.about-section{padding:60px 20px}.section-title{font-size:2rem}.section-text{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:20px}.cta-section{padding:60px 20px}.cta-title{font-size:2rem}.cta-text{font-size:1rem}}.courses-page{padding-top:70px;min-height:100vh;background-color:var(--light-gray)}.page-header{background:linear-gradient(135deg,#22c55e,#16a34a);padding:80px 20px;text-align:center;color:#fff}.page-subtitle{font-size:1.2rem;margin-top:12px;opacity:.95}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;padding:60px 20px}.course-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease;position:relative}.course-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.course-badge{display:inline-block;background-color:var(--primary-green);color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:16px}.course-title{font-size:1.5rem;margin-bottom:12px;color:var(--text-dark)}.course-description{color:var(--text-gray);margin-bottom:20px;line-height:1.6}.course-info{display:flex;gap:20px;margin-bottom:24px;padding-top:16px;border-top:1px solid #e5e7eb}.course-duration{color:var(--text-gray);font-size:.95rem}.course-btn{width:100%}@media (max-width: 768px){.page-header{padding:60px 20px}.courses-grid{grid-template-columns:1fr;padding:40px 20px}}.about-page{padding-top:70px;min-height:100vh}.about-content{padding:60px 20px;max-width:1000px}.about-intro,.about-vision,.about-values{margin-bottom:60px}.about-content h2{font-size:2rem;margin-bottom:20px;color:var(--text-dark)}.about-content p{font-size:1.1rem;line-height:1.8;color:var(--text-gray)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:30px}.value-item{padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.value-item h3{font-size:1.3rem;margin-bottom:12px;color:var(--primary-green)}.value-item p{font-size:1rem;line-height:1.6}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:40px}.stat-card{background:linear-gradient(135deg,#22c55e,#16a34a);padding:40px;border-radius:12px;text-align:center;color:#fff}.stat-number{font-size:3rem;font-weight:700;margin-bottom:8px}.stat-label{font-size:1.1rem;opacity:.95}@media (max-width: 768px){.about-content{padding:40px 20px}.about-content h2{font-size:1.5rem}.about-content p{font-size:1rem}.values-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr);gap:20px}.stat-number{font-size:2rem}.stat-label{font-size:1rem}}.contact-page{padding-top:70px;min-height:100vh}.contact-content{padding:60px 20px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto}.contact-info h2{font-size:2rem;margin-bottom:16px;color:var(--text-dark)}.contact-info>p{color:var(--text-gray);margin-bottom:40px;line-height:1.6}.info-items{display:flex;flex-direction:column;gap:30px}.info-item{display:flex;gap:20px;align-items:flex-start}.info-icon{font-size:2rem;flex-shrink:0}.info-item h3{font-size:1.1rem;margin-bottom:4px;color:var(--text-dark)}.info-item p{color:var(--text-gray);line-height:1.6}.contact-form-container{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #00000014}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--text-dark)}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-green)}.form-group textarea{resize:vertical}@media (max-width: 768px){.contact-content{padding:40px 20px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-form-container{padding:30px 20px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:90px 20px 20px;background:#fff}.login-container{width:100%;max-width:480px}.login-card{background:#fff;border-radius:16px;padding:48px;box-shadow:0 8px 32px #00000026}.login-header{text-align:center;margin-bottom:40px}.login-header .logo-icon{width:60px;height:60px;background-color:var(--primary-green);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 20px}.login-header h1{font-size:2rem;margin-bottom:8px;color:var(--text-dark)}.login-header p{color:var(--text-gray);font-size:1rem}.login-form{display:flex;flex-direction:column;gap:24px}.login-footer{margin-top:32px;padding-top:32px;border-top:1px solid #e5e7eb;text-align:center}.login-footer p{color:var(--text-gray);margin-bottom:16px}.login-footer .btn-secondary{color:var(--primary-green);border-color:var(--primary-green)}.login-footer .btn-secondary:hover{background-color:var(--primary-green);color:#fff}@media (max-width: 768px){.login-card{padding:32px 24px}.login-header h1{font-size:1.5rem}}.payment-section{margin-top:0}.payment-card{background:#fff;border-radius:16px;padding:0;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;overflow:hidden}.payment-card-content{display:grid;grid-template-columns:1fr 1fr;gap:0}.payment-info-section{padding:40px;border-right:1px solid #f1f5f9}.payment-action-section-wrapper{padding:40px;background:linear-gradient(180deg,#f9fafb,#fff);display:flex;flex-direction:column;justify-content:center}.payment-info{margin-bottom:0}.payment-program-info{margin-bottom:32px;padding-bottom:32px;border-bottom:2px solid #f1f5f9}.program-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:16px}.payment-program-info h3{font-size:1.875rem;color:#111827;margin:0;font-weight:700;flex:1;min-width:200px;line-height:1.3}.program-code-badge{display:inline-block;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:8px 16px;border-radius:8px;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 4px #3b82f633}.program-duration-info{display:flex;align-items:center;gap:10px;margin-top:16px;color:#6b7280;font-size:.9375rem;padding:8px 12px;background:#f9fafb;border-radius:8px;width:fit-content}.duration-icon{font-size:1.125rem}.payment-description{color:#4b5563;font-size:1rem;line-height:1.7;margin:16px 0 0}.payment-amount-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #22c55e;border-radius:12px;padding:32px 24px;margin-top:32px;text-align:center;box-shadow:0 2px 8px #22c55e1a}.amount-label{font-size:.875rem;color:#059669;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px}.amount-value{font-size:3rem;font-weight:800;color:#059669;line-height:1.2;margin-bottom:12px;letter-spacing:-.5px}.amount-note{font-size:.875rem;color:#6b7280;margin:0;font-style:italic}.payment-error-message{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:8px;padding:14px 18px;margin-bottom:24px}.payment-error-message p{color:#dc2626;margin:0;font-size:.9375rem;display:flex;align-items:center;gap:8px;font-weight:500}.payment-action-section{margin-top:0;padding-top:0;border-top:none}.payment-action-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 8px}.payment-action-subtitle{font-size:.9375rem;color:#6b7280;margin:0 0 32px;line-height:1.6}.btn-payment{width:100%;padding:18px 32px;font-size:1.0625rem;font-weight:700;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #05966940;display:flex;align-items:center;justify-content:center;gap:12px;letter-spacing:.3px}.btn-payment:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 6px 20px #05966959;transform:translateY(-2px)}.btn-payment:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #05966940}.btn-payment:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#9ca3af}.payment-icon{font-size:1.5rem}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.payment-security-note{text-align:center;color:#6b7280;font-size:.875rem;margin:24px 0 0;padding:16px;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;gap:8px}.payment-security-note:before{content:"🔒";font-size:1.125rem}.payment-error-state{text-align:center;padding:60px 40px}.error-icon-large{font-size:4rem;margin-bottom:24px}.payment-error-state h4{font-size:1.5rem;color:#dc2626;margin:0 0 16px;font-weight:700}.payment-error-state p{color:#6b7280;font-size:1rem;margin:0 0 28px;line-height:1.7}.btn-retry-loading{padding:12px 28px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:0 2px 8px #3b82f633}.btn-retry-loading:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 968px){.payment-card-content{grid-template-columns:1fr}.payment-info-section{border-right:none;border-bottom:1px solid #f1f5f9}.payment-action-section-wrapper{padding:32px 40px}}@media (max-width: 768px){.payment-card{padding:0}.payment-info-section,.payment-action-section-wrapper{padding:28px 24px}.payment-program-info h3{font-size:1.5rem}.amount-value{font-size:2.25rem}.btn-payment{padding:16px 24px;font-size:1rem}.payment-action-title{font-size:1.125rem}}.notification-bell-container{position:relative;display:inline-block}.notification-bell-btn{position:relative;background:#3b82f6;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;color:#fff;font-size:1.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;margin-right:8px}.notification-bell-btn:hover{background:#2563eb;transform:translateY(-1px)}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:12px;padding:2px 6px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center;border:2px solid white}.bell-icon{display:inline-block}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.notification-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.mark-all-read-btn{background:none;border:none;color:#3b82f6;font-size:.875rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.mark-all-read-btn:hover{background:#e0e7ff}.notification-list{overflow-y:auto;max-height:400px}.notification-item{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid #e5e7eb;cursor:pointer!important;transition:all .2s;position:relative;-webkit-user-select:none;user-select:none;pointer-events:auto}.notification-item:hover{background:#f9fafb;transform:translate(2px)}.notification-item:active{background:#f3f4f6;transform:translate(0)}.notification-item.unread{background:#eff6ff;border-left:4px solid #3b82f6}.notification-item.unread:hover{background:#dbeafe}.notification-item.highlighted{background:#fef3c7!important;border-left:5px solid #f59e0b!important;border-right:2px solid #f59e0b!important;animation:highlightPulse 1.5s ease-in-out infinite;box-shadow:0 0 0 3px #f59e0b66,0 4px 12px #f59e0b33!important;transform:scale(1.03);z-index:10;position:relative;font-weight:600}.notification-item.highlighted .notification-title{color:#92400e!important;font-weight:700}.notification-item.highlighted .notification-message{color:#78350f!important}.notification-item.highlighted:hover{background:#fde68a!important;transform:scale(1.03) translate(2px);box-shadow:0 0 0 4px #f59e0b80,0 6px 16px #f59e0b4d!important}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 3px #f59e0b66,0 4px 12px #f59e0b33}50%{box-shadow:0 0 0 8px #f59e0b33,0 6px 20px #f59e0b4d}}.notification-icon{font-size:1.5rem;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;color:#1f2937;font-size:.938rem;margin-bottom:4px}.notification-message{color:#4b5563;font-size:.875rem;line-height:1.5;margin-bottom:6px;word-wrap:break-word}.notification-time{color:#9ca3af;font-size:.75rem}.notification-actions{display:flex;gap:4px;flex-shrink:0;opacity:0;transition:opacity .2s}.notification-item:hover .notification-actions{opacity:1}.mark-read-btn,.delete-btn{background:none;border:none;color:#6b7280;font-size:1.125rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.mark-read-btn:hover{background:#d1fae5;color:#059669}.delete-btn:hover{background:#fee2e2;color:#dc2626}.notification-loading,.notification-empty{padding:40px 20px;text-align:center;color:#6b7280;font-size:.938rem}.notification-empty p{margin:0}@media (max-width: 768px){.notification-dropdown{width:320px;right:-20px}}.applicant-dashboard{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f8fafc);overflow-x:hidden;width:100%;max-width:100vw}.applicant-header{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:32px 0;box-shadow:0 4px 12px #0000001a;position:relative;overflow:visible}.applicant-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.applicant-header-content{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1;width:100%;box-sizing:border-box}.welcome-section{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:100%;position:relative;box-sizing:border-box}.welcome-greeting{display:flex;align-items:center;gap:20px;flex:1;min-width:0}.applicant-profile-photo{position:relative;flex-shrink:0}.profile-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #00000026;transition:all .3s ease}.profile-image:hover{transform:scale(1.05);border-color:#fff9;box-shadow:0 6px 16px #0003}.profile-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ffffff4d,#fff3);border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #00000026}.welcome-text{flex:1;min-width:0;max-width:calc(100% - 200px);overflow:hidden;word-wrap:break-word}.welcome-greeting h1{font-size:2rem;margin-bottom:8px;font-weight:700;line-height:1.2;color:#fff}.welcome-greeting p{font-size:1.1rem;opacity:.95;font-weight:400;color:#ffffffe6;margin:0}.btn-logout{background-color:#ffffff4d;color:#fff;border:2px solid rgba(255,255,255,.7);padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;display:flex!important;align-items:center;gap:8px;box-shadow:0 2px 8px #00000026;flex-shrink:0;z-index:10;position:relative;visibility:visible!important;opacity:1!important}.btn-logout:hover{background-color:#fff;color:#16a34a;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.applicant-dashboard-content{padding:40px 20px;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.applicant-dashboard-content .btn-logout{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:2px solid #dc2626;box-shadow:0 2px 8px #ef444433}.applicant-dashboard-content .btn-logout:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-lms-header{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:2px solid #16a34a;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #22c55e33;flex-shrink:0;position:relative;visibility:visible!important;opacity:1!important}.btn-lms-header:hover{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#15803d;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.dashboard-container{max-width:1200px;margin:0 auto;position:relative;width:100%;box-sizing:border-box;padding:0}.welcome-message{background:#fff;border-radius:16px;padding:28px 32px;margin-bottom:32px;box-shadow:0 2px 8px #00000014;border-left:4px solid #22c55e}.welcome-content h2{font-size:1.5rem;color:var(--text-dark);margin-bottom:8px;font-weight:700}.welcome-content p{font-size:1rem;color:var(--text-gray);margin:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;width:100%;max-width:100%;box-sizing:border-box}.dashboard-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:1px solid #f1f5f9;position:relative;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22c55e,#16a34a);opacity:0;transition:opacity .3s ease}.dashboard-card:hover:before{opacity:1}.dashboard-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.dashboard-card h3{font-size:.9rem;color:#64748b;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dashboard-card-value{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:8px;line-height:1.3;word-break:break-word;overflow-wrap:break-word}.dashboard-card-label{font-size:.8rem;color:#94a3b8;font-weight:500}.section-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.section-header>div{flex:1;min-width:200px}.section-header h2{font-size:1.5rem;color:var(--text-dark);margin-bottom:6px;font-weight:700}.section-subtitle{font-size:.95rem;color:#64748b;margin:0;font-weight:400}.btn-view-payment-page{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #3b82f633}.btn-view-payment-page:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn-view-payment-page:active{transform:translateY(0)}.info-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:24px;border:1px solid #e2e8f0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.info-row:hover{background-color:#ffffff80;margin:0 -12px;padding:14px 12px;border-radius:8px}.info-label{font-weight:600;color:#475569;font-size:.9rem}.action-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:600;color:var(--text-dark)}.action-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#22c55e;transform:translateY(-3px);box-shadow:0 6px 20px #22c55e4d}.status-reviewed{background-color:#dbeafe;color:#1e40af}.status-accepted{background-color:#d1fae5;color:#065f46}.status-rejected{background-color:#fee2e2;color:#991b1b}.level-badge{display:inline-block;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;background:linear-gradient(135deg,#e9d5ff,#ddd6fe);color:#7c3aed;border:1px solid #c4b5fd}.payment-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac}.payment-card{display:flex;justify-content:space-between;align-items:center;padding:28px;background:#fff;border-radius:12px;border:2px solid #86efac;box-shadow:0 4px 12px #22c55e26}.payment-info h3{font-size:1.25rem;color:var(--text-dark);margin-bottom:10px;font-weight:700}.payment-level{font-size:1rem;color:var(--text-dark);margin-bottom:10px;font-weight:500}.payment-level strong{color:#16a34a;font-weight:700}.payment-description{font-size:.95rem;color:#64748b;margin-bottom:18px}.payment-amount{display:flex;align-items:center;gap:12px}.amount-label{font-size:.95rem;color:#64748b;font-weight:600}.amount-value{font-size:1.5rem;font-weight:700;color:#16a34a}.btn-payment{display:flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #22c55e4d}.btn-payment:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #22c55e66}.btn-payment:disabled{opacity:.7;cursor:not-allowed}.payment-icon{font-size:1.2rem}.payment-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;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.payment-modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;box-shadow:0 8px 32px #0003;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.payment-modal-header h2{font-size:1.5rem;color:var(--text-dark);margin:0;font-weight:700}.payment-modal-body{padding:24px}.payment-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e2e8f0}.summary-row:last-child{border-bottom:none}.summary-row span{font-size:.95rem;color:#64748b;font-weight:500}.summary-row strong{font-size:1rem;color:var(--text-dark);font-weight:700}.amount-text{font-size:1.5rem!important;color:#16a34a!important;font-weight:700}.payment-form{margin-top:24px}.payment-method-select{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;background:#fff;color:var(--text-dark);cursor:pointer;transition:all .3s ease}.payment-method-select:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #22c55e1a}.payment-actions{display:flex;gap:12px;margin-top:24px}.btn-cancel{flex:1;padding:14px 24px;background:#fff;color:var(--text-dark);border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-pay{flex:2;padding:14px 24px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #22c55e4d}.btn-pay:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.btn-pay:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.modal-close{background:none;border:none;font-size:2rem;color:var(--text-gray);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.modal-close:hover{background-color:#f1f5f9;color:var(--text-dark)}.payment-history-section{margin-top:24px;padding-top:24px;border-top:2px solid #e2e8f0}.payment-loading{text-align:center;padding:20px;color:#64748b;font-style:italic}.payment-history-item{background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .3s ease}.payment-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.no-payment-history{text-align:center;padding:24px;background:#f9fafb;border-radius:8px;border:2px dashed #e2e8f0}.lms-access-section{margin-top:24px;padding-top:24px;border-top:2px solid #86efac}.lms-access-section h4{font-size:1.1rem;color:var(--text-dark);margin-bottom:16px;font-weight:600}.lms-access-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.lms-access-info{flex:1;min-width:250px}.lms-access-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#22c55e;color:#fff;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:16px}.lms-icon{font-size:1rem}.lms-credentials-display,.lms-credential-item{margin-bottom:12px}.lms-credential-item label{display:block;font-size:.9rem;font-weight:600;color:var(--text-dark);margin-bottom:8px}.lms-credential-value{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 16px;border-radius:8px;border:2px solid #22c55e}.lms-credential-value strong{font-size:1.15rem;color:#16a34a;font-weight:700;letter-spacing:1px;flex:1}.btn-copy-small{padding:6px 12px;background:#22c55e;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-copy-small:hover{background:#16a34a;transform:scale(1.05)}.lms-access-note{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:12px;margin-top:12px}.lms-access-note p{margin:0;font-size:.9rem;color:#92400e;line-height:1.5}.btn-lms-access-main{padding:16px 32px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #22c55e4d;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn-lms-access-main:hover{transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}@media (max-width: 768px){.welcome-section{flex-direction:column;align-items:flex-start;gap:16px}.welcome-greeting{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.profile-image,.profile-placeholder{width:70px;height:70px}.welcome-greeting h1{font-size:1.5rem}.welcome-greeting p{font-size:1rem}.btn-logout,.btn-lms-header{width:100%;margin-top:0}.applicant-dashboard-content>.dashboard-container>div[style*=flex]{flex-direction:column;gap:12px}.dashboard-grid{grid-template-columns:1fr}.payment-card{flex-direction:column;gap:20px;align-items:flex-start}.btn-payment{width:100%;justify-content:center}.payment-modal-content{margin:20px;max-width:calc(100% - 40px)}.payment-actions{flex-direction:column}.btn-cancel,.btn-pay{width:100%}.dashboard-section{padding:24px 20px}.actions-grid{grid-template-columns:1fr}.payment-history-header{flex-direction:column;align-items:flex-start;gap:8px}.payment-history-info{width:100%}.payment-detail-row{flex-direction:column;align-items:flex-start;gap:4px}.payment-detail-value{margin-left:0;text-align:left}.lms-access-card{flex-direction:column;align-items:stretch}.btn-lms-access-main{width:100%}}.lms-modal{max-width:600px}.lms-success-content{text-align:center;padding:20px 0}.success-icon{font-size:4rem;margin-bottom:20px}.lms-success-content h3{font-size:1.5rem;color:var(--text-dark);margin-bottom:12px;font-weight:700}.lms-success-content>p{font-size:1rem;color:var(--text-gray);margin-bottom:24px;line-height:1.6}.lms-credentials{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;padding:24px;margin:24px 0;border:2px solid #86efac}.credential-item{margin-bottom:16px}.credential-item label{display:block;font-size:.9rem;font-weight:600;color:var(--text-dark);margin-bottom:8px}.credential-value{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;padding:16px;border-radius:8px;border:2px solid #22c55e}.credential-value strong{font-size:1.25rem;color:#16a34a;font-weight:700;letter-spacing:1px}.btn-copy{padding:8px 16px;background:#22c55e;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:4px}.btn-copy:hover{background:#16a34a;transform:translateY(-1px)}.credential-note{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:12px;margin-top:16px}.credential-note p{margin:0;font-size:.9rem;color:#92400e;line-height:1.5}.lms-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.btn-lms-access{padding:16px 32px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #22c55e4d;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-lms-access:hover{transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.btn-lms-later{padding:12px 24px;background:#fff;color:var(--text-dark);border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-lms-later:hover{background:#f9fafb;border-color:#cbd5e1}@media (max-width: 768px){.lms-modal{margin:20px;max-width:calc(100% - 40px)}.credential-value{flex-direction:column;gap:8px}.lms-actions{gap:10px}}.applicant-payment-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);padding:60px 20px}.payment-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.payment-loading-container .spinner{width:60px;height:60px;border:5px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:24px}.payment-loading-container p{color:#6b7280;font-size:1.125rem;margin:0;font-weight:500}.payment-error-container{max-width:600px;margin:80px auto;background:#fff;border-radius:16px;padding:48px;text-align:center;box-shadow:0 8px 24px #0000001f;border:1px solid #e5e7eb}.error-icon{font-size:4rem;margin-bottom:24px}.payment-error-container h2{color:#dc2626;margin:0 0 16px;font-size:1.75rem;font-weight:700}.payment-error-container p{color:#6b7280;margin:0 0 32px;font-size:1.0625rem;line-height:1.6}.error-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:14px 28px;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:#fff;color:#374151;border:2px solid #d1d5db}.btn-secondary:hover{background:#f9fafb;border-color:#3b82f6;transform:translateY(-2px)}.payment-page-header{max-width:1000px;margin:0 auto 48px;text-align:center}.payment-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;flex-wrap:wrap}.btn-back{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#fff;color:#3b82f6;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.btn-back:hover{background:#f9fafb;border-color:#3b82f6;transform:translate(-3px);box-shadow:0 4px 8px #3b82f626}.btn-logout-payment{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #ef444433;white-space:nowrap}.btn-logout-payment:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}.payment-page-header h1{font-size:3rem;color:#111827;margin:0 0 16px;font-weight:800;letter-spacing:-.5px}.payment-page-subtitle{color:#6b7280;font-size:1.25rem;margin:0;font-weight:400}.payment-page-content{max-width:1000px;margin:0 auto}.payment-error-banner{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:10px;padding:18px 24px;margin-bottom:32px;box-shadow:0 2px 4px #ef44441a}.payment-error-banner p{color:#dc2626;margin:0;font-size:.9375rem;display:flex;align-items:center;gap:10px;font-weight:500}.payment-loading-program{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 4px 12px #00000014;border:1px solid #e5e7eb}.payment-loading-program p{color:#6b7280;margin:0 0 20px;font-size:1rem}.btn-retry{padding:12px 28px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f633}.btn-retry:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.demo-payment-section{margin-bottom:32px}.demo-payment-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px dashed #f59e0b;border-radius:16px;padding:28px;text-align:center;box-shadow:0 4px 12px #f59e0b26}.demo-payment-card h3{color:#92400e;margin:0 0 12px;font-size:1.375rem;font-weight:700}.demo-payment-card p{color:#78350f;margin:0 0 24px;font-size:.9375rem;line-height:1.6}.btn-demo-paid{padding:14px 32px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f59e0b4d;text-transform:uppercase;letter-spacing:.5px}.btn-demo-paid:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.btn-demo-paid:active{transform:translateY(0);box-shadow:0 2px 8px #f59e0b4d}@media (max-width: 768px){.applicant-payment-page{padding:32px 16px}.payment-header-actions{flex-direction:column;align-items:stretch}.btn-back,.btn-logout-payment{width:100%;justify-content:center}.payment-page-header h1{font-size:2.25rem}.payment-page-subtitle{font-size:1.0625rem}.payment-error-container{padding:36px 24px;margin:60px auto}.error-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.apply-page{background-color:#f7fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.apply-content{padding:32px 16px;max-width:1400px;width:100%}.apply-card{background:#fff;border-radius:8px;padding:0;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.apply-form{display:flex;flex-direction:column;gap:0}.form-section{display:flex;flex-direction:column;gap:20px;padding:40px;margin-bottom:32px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000014;transition:all .3s ease;position:relative}.form-section:hover{box-shadow:0 4px 12px #0000001a;border-color:#cbd5e0}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h2{font-size:1.5rem;color:#1f2937;margin-bottom:0;padding-bottom:12px;border-bottom:2px solid #22c55e;font-weight:600;margin-top:0}.form-section h3{font-size:1.375rem;color:#1e293b;margin-bottom:24px;font-weight:600;letter-spacing:-.02em;padding-bottom:16px;border-bottom:2px solid #e2e8f0;position:relative;text-transform:none}.form-section h3:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:3px;background:linear-gradient(90deg,#047857,#059669);border-radius:2px}.form-section h4{font-size:1rem;color:#4b5563;margin-bottom:12px;font-weight:600}.form-section h5{font-size:1rem;color:#4b5563;margin-bottom:16px;font-weight:600}.form-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;width:100%;margin-bottom:0}.form-row-two{grid-template-columns:repeat(2,1fr)}.form-section .form-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;width:100%!important;margin-bottom:0}.form-section .form-row .form-group{min-width:0!important;overflow:hidden}@media (max-width: 1200px){.form-section .form-row{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}}@media (max-width: 900px){.form-row,.form-row-two{grid-template-columns:repeat(2,1fr)}.form-section .form-row{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.form-row,.form-row-two{grid-template-columns:1fr}.form-section .form-row{grid-template-columns:1fr!important}}.form-group{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1 1 0}.form-group label{font-weight:600;color:#334155;font-size:.875rem;letter-spacing:.01em;margin-bottom:2px}.form-group label.required:after{content:" *";color:#dc3545}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=date],.form-group textarea,.form-group select{padding:12px 14px;border:1.5px solid #cbd5e0;border-radius:6px;font-size:.9375rem;font-family:inherit;transition:all .2s ease;width:100%;max-width:100%;box-sizing:border-box;background-color:#fff;color:#1e293b;line-height:1.5}.form-group input[type=text]:hover,.form-group input[type=email]:hover,.form-group input[type=tel]:hover,.form-group input[type=date]:hover,.form-group textarea:hover,.form-group select:hover{border-color:#94a3b8}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0}.form-group select option:first-child{color:#9ca3af}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23334155' d='M7 10L2 5h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:42px;background-color:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#047857;box-shadow:0 0 0 3px #0478571a;background-color:#fff}.form-group textarea{resize:vertical;min-height:100px;padding:12px 14px;border:1.5px solid #cbd5e0;border-radius:6px;font-size:.9375rem;font-family:inherit;transition:all .2s ease;background-color:#fff;color:#1e293b;line-height:1.6;box-sizing:border-box;width:100%}.form-group textarea:hover{border-color:#94a3b8}.form-group textarea:focus{outline:none;border-color:#047857;box-shadow:0 0 0 3px #0478571a;background-color:#fff}.form-group textarea::placeholder{color:#a0aec0}.form-help{font-size:14px;color:#6b7280;margin-top:-8px;margin-bottom:8px}.field-error{display:block;color:#dc2626;font-size:.875rem;margin-top:4px;font-weight:500}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc2626!important;background-color:#fef2f2}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a}.photo-upload-label.error-border{border-color:#dc2626!important;background-color:#fef2f2}.date-input-wrapper{position:relative;width:100%}.date-input-wrapper input[type=date]{padding-right:40px;cursor:pointer}.date-input-wrapper .calendar-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:1.1rem;z-index:1}.date-helper-text{font-size:.8125rem;color:#64748b;margin-top:6px;display:block;font-weight:400;font-style:italic}.phone-input-group{display:flex;gap:8px;align-items:stretch}.phone-code{flex:0 0 85px;padding:12px 28px 12px 10px;border:1.5px solid #cbd5e0;border-radius:6px;font-size:.875rem;background-color:#fff;color:#1e293b;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23334155' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all .2s ease;font-weight:500;line-height:1.5;box-sizing:border-box}.phone-code:hover{border-color:#94a3b8}.phone-code:focus{outline:none;border-color:#047857;box-shadow:0 0 0 3px #0478571a}.phone-input-group input{flex:1;padding:12px 14px;border:1.5px solid #cbd5e0;border-radius:6px;font-size:.9375rem;font-family:inherit;transition:all .2s ease;background-color:#fff;color:#1e293b;line-height:1.5;box-sizing:border-box;width:100%}.phone-input-group input:hover{border-color:#94a3b8}.phone-input-group input:focus{outline:none;border-color:#047857;box-shadow:0 0 0 3px #0478571a}.phone-input-group input::placeholder{color:#a0aec0}.photo-upload-area{display:flex;flex-direction:column;align-items:center;gap:12px}.photo-input{display:none}.photo-upload-label{width:100%;min-height:180px;border:2px dashed #e2e8f0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background-color:#f9fafb;padding:40px}.photo-upload-label:hover{border-color:#3182ce;background-color:#f7fafc}.photo-upload-icon{font-size:40px;margin-bottom:8px}.photo-upload-label span{font-size:1rem;color:#718096;font-weight:500}.photo-preview-img{max-width:100%;max-height:250px;border-radius:8px;object-fit:contain}.photo-upload-hint{font-size:14px;color:#6b7280;margin-top:8px}.photo-requirements{margin-top:20px;padding:16px;background-color:#f9fafb;border-radius:8px;border-left:4px solid #22c55e}.photo-requirements p{margin:0 0 12px;font-weight:600;color:#1f2937}.photo-requirements ul{margin:0;padding-left:20px;color:#4b5563}.photo-requirements li{margin-bottom:8px;line-height:1.5}.disabled-input{background-color:#f3f4f6!important;cursor:not-allowed!important;color:#6b7280!important}.section-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.form-header{background-color:#fff;padding:24px 32px;text-align:left;border-bottom:1px solid #e2e8f0;margin-bottom:0;border-radius:8px 8px 0 0}.form-header h2{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 8px}.form-header p{font-size:.9375rem;color:#718096;margin:0}.form-header .asterisk{color:#e53e3e;font-weight:600}.welcome-section{display:none}.close-welcome{position:absolute;top:-10px;right:-10px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .3s ease}.close-welcome:hover{background:#dc2626;transform:scale(1.1)}.welcome-image{max-width:100%;height:auto;margin-bottom:30px;border-radius:8px}.welcome-content{position:relative;max-width:900px;margin:0 auto;text-align:center}.process-steps{text-align:left;margin:40px 0}.process-steps h3{font-size:1.5rem;color:#1f2937;margin-bottom:24px;font-weight:600}.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:30px}.step-item{display:flex;gap:16px;padding:20px;background-color:#f9fafb;border-radius:8px;border-left:4px solid #22c55e}.step-number{flex-shrink:0;width:40px;height:40px;background-color:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.step-content h4{font-size:1.1rem;color:#1f2937;margin:0 0 8px;font-weight:600}.step-content p{font-size:.95rem;color:#6b7280;margin:0;line-height:1.5}.help-section{text-align:left;margin:40px 0;padding:24px;background-color:#eff6ff;border-radius:8px;border-left:4px solid #3b82f6}.help-section p{margin-bottom:12px;color:#1f2937}.help-section strong{font-weight:600}.help-section ul{margin:12px 0 0;padding-left:20px;color:#4b5563}.help-section li{margin-bottom:8px;line-height:1.6}.university-logo img{width:80px;height:80px;object-fit:contain;background-color:#fff;border-radius:50%;padding:8px;box-shadow:0 2px 8px #00000026}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.exam-container{border:1px solid #e5e7eb;border-radius:8px;padding:24px;margin-bottom:24px;background-color:#f9fafb}.exam-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.subjects-section{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.subject-row{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end;margin-bottom:16px}.subject-row .form-group{margin-bottom:0}.optional-subjects-section{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-green{background-color:#22c55e;color:#fff}.btn-green:hover:not(:disabled){background-color:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.btn-green:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-large{padding:14px 32px;font-size:1.1rem}.btn-add-exam,.btn-add-subject,.btn-add-qualification{background-color:transparent;color:#3182ce;padding:8px 16px;border:1px solid #3182ce;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-add-exam:hover,.btn-add-subject:hover,.btn-add-qualification:hover{background-color:#3182ce;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #3182ce33}.btn-remove,.btn-remove-subject{background-color:#ef4444;color:#fff;padding:8px 16px;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-remove:hover,.btn-remove-subject:hover{background-color:#dc2626}.btn-remove-subject{padding:8px 12px;min-width:40px;font-size:1.2rem;line-height:1}.qualification-container{border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:20px;background-color:#f9fafb}.qualification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.btn-add-qualification{background-color:#3b82f6;color:#fff;border:1px solid #3b82f6;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-add-qualification:hover{background-color:#2563eb;border-color:#2563eb}.form-actions{display:flex;justify-content:center;margin-top:40px;padding-top:32px;border-top:2px solid #e5e7eb}.error-message{color:#dc3545;padding:15px 20px;margin-bottom:24px;background-color:#f8d7da;border-radius:8px;text-align:center;border:1px solid #f5c6cb;font-weight:500}.success-message{color:#155724;padding:20px;margin-bottom:24px;background-color:#d4edda;border-radius:8px;text-align:center;border:2px solid #c3e6cb;box-shadow:0 2px 8px #0000001a}.success-message h3{margin:0 0 10px;font-size:1.25rem;color:#155724}.success-message p{margin:0;font-size:1rem;color:#155724}.redirect-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px}.redirect-spinner .spinner{width:40px;height:40px;border:4px solid #d4edda;border-top-color:#22c55e;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.university-banner{background:linear-gradient(to right,#065f46,#047857);padding:24px 40px;border-bottom:4px solid #34d399;width:100%;box-shadow:0 2px 4px #0000001a;color:#fff;animation:fadeInDown .6s ease-out}.banner-content{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-start;align-items:center;gap:20px}.banner-left{display:flex;align-items:center;gap:16px;flex:1}.university-logo{flex-shrink:0;animation:fadeInLeft .8s ease-out;transition:transform .3s ease}.university-logo:hover{transform:scale(1.05) rotate(2deg)}.university-logo svg{display:block;filter:drop-shadow(0 2px 4px rgba(34,197,94,.2));transition:filter .3s ease}.university-logo:hover svg{filter:drop-shadow(0 4px 8px rgba(34,197,94,.4))}.banner-text{display:flex;flex-direction:column;gap:0}.banner-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0;line-height:1.3;letter-spacing:normal;font-family:Georgia,serif}.banner-university{font-size:1.5rem;font-weight:700;color:#22c55e;margin:0;line-height:1.25;letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.banner-subtitle{font-size:1.125rem;font-weight:400;color:#a7f3d0;margin:4px 0 0;line-height:1.4;font-family:Georgia,serif}.banner-right,.banner-design{display:none}.form-title-section{background-color:#fff;padding:40px;text-align:center;border-bottom:1px solid #e5e7eb;width:100%;max-width:1400px;margin:0 auto;animation:fadeIn .8s ease-out .4s both}.form-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0 0 16px;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.2}.form-instruction{font-size:1rem;font-weight:400;color:#4b5563;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}.form-instruction .asterisk{color:#dc3545;font-weight:600;font-size:1.1em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px) skew(-12deg)}to{opacity:1;transform:translate(0) skew(-12deg)}}@media (max-width: 768px){.university-banner{padding:16px;flex-direction:column;align-items:flex-start}.banner-content{flex-direction:row;align-items:center}.university-logo img{width:60px;height:60px;padding:6px}.banner-title{font-size:1.25rem}.banner-subtitle{font-size:1rem}.form-header{padding:20px}.form-header h2{font-size:1.25rem}.apply-card{padding:20px 16px}.apply-content{padding:20px 10px}.form-row{grid-template-columns:1fr}.subject-row{grid-template-columns:1fr;gap:12px}.btn-remove-subject{width:100%}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-header-row{flex-direction:column;align-items:flex-start}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.steps-grid{grid-template-columns:1fr}.welcome-content h2{font-size:1.5rem}.form-header{padding:20px 16px}.form-header h2{font-size:1.5rem}}.student-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:90px 20px 20px;background:#fff}.student-login-container{width:100%;max-width:480px}.student-login-card{background:#fff;border-radius:16px;padding:48px;box-shadow:0 8px 32px #00000026}.student-login-header{text-align:center;margin-bottom:40px}.student-login-header .student-logo-icon{width:60px;height:60px;background-color:var(--primary-green);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 20px}.student-login-header h1{font-size:2rem;margin-bottom:8px;color:var(--text-dark)}.student-login-header p{color:var(--text-gray);font-size:1rem}.student-login-form{display:flex;flex-direction:column;gap:24px}.form-footer{text-align:right;margin-top:-8px}.forgot-link{color:var(--primary-green);font-size:.9rem;text-decoration:none}.forgot-link:hover{text-decoration:underline}.student-login-footer{margin-top:32px;padding-top:32px;border-top:1px solid #e5e7eb;text-align:center}.student-login-footer p{color:var(--text-gray);margin-bottom:16px}.student-login-footer .btn-secondary{color:var(--primary-green);border-color:var(--primary-green)}.student-login-footer .btn-secondary:hover{background-color:var(--primary-green);color:#fff}@media (max-width: 768px){.student-login-card{padding:32px 24px}.student-login-header h1{font-size:1.5rem}}.chat-container{display:flex;height:600px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000001a}.chat-sidebar{width:300px;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;background:#f8f9fa}.chat-header{padding:15px;border-bottom:1px solid #e0e0e0;background:#fff}.chat-header h3{margin:0 0 10px;font-size:18px;color:#333}.course-filter{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.conversations-list{flex:1;overflow-y:auto;padding:10px}.new-chat-btn{width:100%;padding:10px;margin-bottom:10px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s ease}.new-chat-btn:hover{background:#5568d3}.new-chat-panel{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:10px;margin-bottom:10px}.new-chat-panel h4{margin:0 0 10px;font-size:14px;color:#333}.partners-list{max-height:200px;overflow-y:auto}.partner-item{display:flex;align-items:center;padding:8px;cursor:pointer;border-radius:4px;transition:background .2s ease}.partner-item:hover{background:#f0f0f0}.partner-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:10px;flex-shrink:0}.partner-info{flex:1;min-width:0}.partner-name{font-weight:500;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.partner-course{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item{display:flex;align-items:center;padding:12px;cursor:pointer;border-radius:6px;margin-bottom:8px;background:#fff;transition:all .2s ease;border:2px solid transparent}.conversation-item:hover{background:#f0f0f0;border-color:#e0e0e0}.conversation-item.active{background:#e8eaf6;border-color:#667eea}.conversation-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:12px;flex-shrink:0}.conversation-info{flex:1;min-width:0}.conversation-name{font-weight:600;font-size:14px;color:#333;margin-bottom:4px;display:flex;align-items:center;gap:8px}.unread-badge{background:#667eea;color:#fff;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600;min-width:18px;text-align:center}.conversation-preview{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.conversation-time{font-size:11px;color:#999}.no-conversations{text-align:center;padding:40px 20px;color:#999;font-size:14px}.chat-main{flex:1;display:flex;flex-direction:column;background:#fff}.chat-header-bar{padding:15px 20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.chat-partner-info{display:flex;align-items:center;gap:12px}.chat-partner-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.chat-partner-name{font-weight:600;font-size:16px;color:#333}.chat-partner-status{font-size:12px;color:#666}.messages-container{flex:1;overflow-y:auto;padding:20px;background:#f5f5f5;display:flex;flex-direction:column;gap:12px}.loading-messages,.no-messages{text-align:center;padding:40px;color:#999;font-size:14px}.message{display:flex;margin-bottom:8px}.message.own{justify-content:flex-end}.message.other{justify-content:flex-start}.message-content{max-width:70%;padding:10px 14px;border-radius:12px;word-wrap:break-word}.message.own .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message.other .message-content{background:#fff;color:#333;border:1px solid #e0e0e0;border-bottom-left-radius:4px}.message-text{font-size:14px;line-height:1.4;margin-bottom:4px}.message-time{font-size:11px;opacity:.7;margin-top:4px}.message-input-form{display:flex;padding:15px 20px;border-top:1px solid #e0e0e0;background:#fff;gap:10px}.message-input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:20px;font-size:14px;outline:none;transition:border-color .3s ease}.message-input:focus{border-color:#667eea}.send-button{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:opacity .3s ease}.send-button:hover:not(:disabled){opacity:.9}.send-button:disabled{opacity:.5;cursor:not-allowed}.no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;padding:40px}.no-chat-icon{font-size:64px;margin-bottom:20px}.no-chat-selected h3{margin:0 0 10px;font-size:20px;color:#666}.no-chat-selected p{margin:0;font-size:14px;color:#999}@media (max-width: 768px){.chat-container{flex-direction:column;height:auto;min-height:500px}.chat-sidebar{width:100%;max-height:200px;border-right:none;border-bottom:1px solid #e0e0e0}.chat-main{min-height:400px}}.student-dashboard{min-height:100vh;background-color:#f9fafb}.student-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 0;box-shadow:0 1px 3px #0000001a}.student-header-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.student-header h1{margin:0;font-size:1.875rem;color:#1f2937}.student-header p{margin:4px 0 0;color:#6b7280;font-size:1rem}.header-actions{display:flex;gap:12px;align-items:center}.btn-messages{background-color:#3b82f6;color:#fff}.btn-messages:hover{background-color:#2563eb}.btn-chat{background-color:#8b5cf6;color:#fff}.btn-chat:hover{background-color:#7c3aed}.btn-logout{background-color:#ef4444;color:#fff}.btn-logout:hover{background-color:#dc2626}.btn-applicant-dashboard{background-color:#10b981;color:#fff}.btn-applicant-dashboard:hover{background-color:#059669}.unread-badge{display:inline-block;background-color:#ef4444;color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600;min-width:18px;text-align:center}.student-dashboard-content{max-width:1200px;margin:0 auto;padding:32px 24px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:1.5rem;color:#fff;font-weight:600}.modal-body{padding:24px;overflow-y:auto;flex:1}.unread-count-badge{background-color:#ffffff4d;color:#fff;padding:4px 8px;border-radius:12px;font-size:.875rem;margin-left:8px}.messages-modal{max-width:900px}.compose-message-modal{max-width:600px;max-height:95vh}.dashboard-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e5e7eb;overflow-x:auto;padding-bottom:0}.tab-btn{padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:600;color:#6b7280;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:8px}.tab-btn:hover{color:#3b82f6;background-color:#f3f4f6}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;background-color:#eff6ff}.dashboard-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.dashboard-section h2{margin:0 0 20px;font-size:1.5rem;color:#1f2937;font-weight:600}.info-card{background:#f9fafb;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e5e7eb}.info-label{font-weight:600;color:#6b7280}.info-value{color:#1f2937;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.dashboard-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;transition:all .2s}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dashboard-card-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:12px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.status-active{background-color:#d1fae5;color:#065f46}.status-badge.status-inactive{background-color:#fee2e2;color:#991b1b}.status-badge.status-overdue{background-color:#fee2e2;color:#991b1b}.status-badge.status-open{background-color:#fef3c7;color:#92400e}.status-badge.status-upcoming{background-color:#e0e7ff;color:#3730a3}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;margin-top:20px}.course-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;display:flex;flex-direction:column}.course-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.course-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.course-title-section h3{margin:0 0 12px;font-size:1.5rem;color:#1f2937;font-weight:700}.course-meta-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.course-code-badge{display:inline-block;padding:6px 12px;background-color:#3b82f6;color:#fff;border-radius:6px;font-size:.875rem;font-weight:600}.course-content-wrapper{flex:1;display:flex;flex-direction:column;gap:20px}.course-info-section{display:flex;flex-direction:column;gap:16px}.course-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.course-detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.875rem;color:#6b7280;font-weight:500}.detail-value{font-size:1rem;color:#1f2937;font-weight:600}.credits-value{color:#3b82f6}.instructor-details-section{margin-top:8px}.instructor-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:#1f2937;font-size:1rem}.instructor-icon{font-size:1.2rem}.instructor-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px}.instructor-card:last-child{margin-bottom:0}.instructor-name{font-size:1rem;color:#1f2937;margin-bottom:12px}.instructor-name strong{font-weight:600}.instructor-info-details{display:flex;flex-direction:column;gap:8px}.instructor-detail-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#4b5563}.instructor-link{color:#3b82f6;text-decoration:none;transition:color .2s}.instructor-link:hover{color:#2563eb;text-decoration:underline}.no-instructor{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:.9rem;padding:12px;background:#f9fafb;border-radius:8px}.course-description-section{margin-top:8px}.course-description{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:8px;padding:16px}.description-title{font-size:.875rem;font-weight:700;color:#1e40af;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.course-description p{margin:0;font-size:.9rem;color:#1f2937;line-height:1.6}.course-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-view,.btn-download{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-view{background-color:#14b8a6;color:#fff}.btn-view:hover{background-color:#0d9488;transform:translateY(-1px);box-shadow:0 4px 8px #14b8a64d}.btn-download:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.no-pdf-message{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:.9rem;padding:12px;background:#f9fafb;border-radius:8px;margin-top:20px;justify-content:center}@media (max-width: 768px){.student-header{padding:16px 0}.student-header-content{flex-direction:column;gap:16px;align-items:flex-start;padding:0 16px}.student-header h1{font-size:1.5rem}.student-header p{font-size:.9rem}.header-actions{width:100%;flex-wrap:wrap;gap:8px;justify-content:flex-start}.btn{font-size:.8rem;padding:8px 12px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-messages,.btn-chat{flex:0 1 auto;min-width:80px}.student-dashboard-content{padding:20px 16px}.dashboard-section{padding:16px;border-radius:8px}.dashboard-section h2{font-size:1.25rem;margin-bottom:16px}.modal-content{max-width:95vw;max-height:95vh;margin:10px}.modal-header{padding:16px}.modal-header h2{font-size:1.25rem}.modal-body{padding:16px}.chat-modal-content{width:95vw;height:90vh}.dashboard-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:16px;padding-bottom:0;gap:4px}.tab-btn{padding:10px 12px;font-size:.875rem;white-space:nowrap;min-width:fit-content}.dashboard-grid{grid-template-columns:1fr;gap:16px}.dashboard-card{padding:16px}.dashboard-card-icon{width:40px;height:40px;font-size:20px}.dashboard-card-value{font-size:1.75rem}.info-card{padding:16px}.info-row{padding:10px 0;flex-direction:column;gap:4px;align-items:flex-start}.courses-grid{grid-template-columns:1fr;gap:16px;margin-top:16px}.course-card{padding:16px}.course-title-section h3{font-size:1.25rem}.course-details-grid{grid-template-columns:1fr;gap:10px}.course-actions{flex-direction:column;gap:10px;margin-top:16px;padding-top:16px}.btn-view,.btn-download{width:100%;padding:12px}.instructor-card,.course-description{padding:12px}.assignments-list{gap:16px;margin-top:16px}.assignment-item{padding:16px;margin-bottom:12px}.assignment-item .assignment-header{flex-direction:column;align-items:flex-start;gap:8px}.assignment-item h4{font-size:1rem}.btn-view-assignment{width:100%;padding:10px}.forum-topics-list{gap:16px;margin-top:16px}.forum-topic-card{padding:16px}.forum-topic-header{flex-direction:column;align-items:flex-start;gap:8px}.forum-topic-title{font-size:1.125rem}.forum-topic-meta{flex-direction:column;gap:8px;align-items:flex-start}.forum-topic-footer{flex-direction:column;gap:8px;padding-top:12px}.live-streams-list{gap:16px;margin-top:16px}.live-stream-card{padding:16px}.live-stream-header{flex-direction:column;align-items:flex-start;gap:8px}.live-stream-header h3{font-size:1.125rem}.live-stream-meta{flex-direction:column;gap:8px}.live-stream-meta-item{font-size:.85rem}}.assignments-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.assignment-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.assignment-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.assignment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.assignment-header h3{margin:0 0 8px;font-size:1.25rem;color:#1f2937;font-weight:700}.assignment-subject{margin:0;font-size:.9rem;color:#6b7280}.assignment-description{margin:16px 0;padding:12px;background:#f9fafb;border-radius:8px;border-left:3px solid #3b82f6}.assignment-description p{margin:0;color:#4b5563;line-height:1.6}.assignment-instructions{margin:16px 0;padding:12px;background:#fef3c7;border-radius:8px;border-left:3px solid #f59e0b}.assignment-instructions strong{display:block;margin-bottom:8px;color:#92400e;font-size:.875rem}.assignment-instructions p{margin:0;color:#78350f;line-height:1.6}.assignment-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:16px 0;padding:16px;background:#f9fafb;border-radius:8px}.assignment-detail-item{display:flex;flex-direction:column;gap:4px}.assignment-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;flex-wrap:wrap}.assignment-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:16px;transition:all .3s ease;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:12px}.assignment-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:#d1d5db}.assignment-item .assignment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0;padding-bottom:12px;border-bottom:1px solid #e5e7eb;gap:12px}.assignment-item .assignment-header>div{flex:1}.assignment-item h4{margin:0 0 6px;font-size:1.125rem;color:#1f2937;font-weight:700;line-height:1.4}.assignment-item .assignment-subject{margin:0;font-size:.875rem;color:#6b7280;font-weight:500}.assignment-details{display:flex;flex-direction:column;gap:6px;margin-bottom:0}.assignment-due-date,.assignment-submitted{font-size:.875rem;color:#6b7280;display:flex;align-items:center;gap:6px}.assignment-due-date:before{content:"📅";font-size:.875rem}.assignment-submitted:before{content:"✓";font-size:.875rem;color:#22c55e}.btn-view-assignment{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start;margin-top:4px}.btn-view-assignment:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.quizzes-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.quiz-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.quiz-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.quiz-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.quiz-header h3{margin:0 0 8px;font-size:1.25rem;color:#1f2937;font-weight:700}.quiz-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:16px 0;padding:16px;background:#f9fafb;border-radius:8px}.quiz-meta-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#4b5563}.quiz-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.forum-topics-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.forum-topic-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;cursor:pointer}.forum-topic-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.forum-topic-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.forum-topic-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 8px}.forum-topic-meta{display:flex;gap:16px;align-items:center;font-size:.875rem;color:#6b7280;margin-top:8px}.forum-topic-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;font-size:.875rem;color:#6b7280}.live-streams-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.live-stream-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.live-stream-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.live-stream-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.live-stream-header h3{margin:0 0 8px;font-size:1.25rem;color:#1f2937;font-weight:700}.live-stream-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:16px 0;padding:16px;background:#f9fafb;border-radius:8px}.live-stream-meta-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#4b5563}.no-data-message{text-align:center;padding:40px;color:#6b7280}.no-data-message p{font-size:1.125rem;margin:0 0 8px;color:#1f2937}.no-data-message .sub-text{font-size:.9rem;color:#6b7280;margin:0}.assignment-submission-modal{max-width:800px;max-height:90vh}.assignment-submission-modal .modal-header{background:linear-gradient(135deg,#10b981,#059669)}.assignment-modal-info{background:#f9fafb;border-radius:8px;padding:20px;margin-bottom:24px;border:1px solid #e5e7eb}.assignment-modal-info p{margin:0 0 12px;font-size:.95rem;color:#4b5563;line-height:1.6}.assignment-modal-info p:last-child{margin-bottom:0}.assignment-modal-info strong{color:#1f2937;font-weight:600;margin-right:8px}.submission-status-info{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.submission-status-info p{margin-bottom:12px}.grade-value{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.875rem;font-weight:700;background-color:#d1fae5;color:#065f46}.assignment-modal-description,.assignment-modal-instructions{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin:16px 0}.assignment-modal-description{border-left:4px solid #3b82f6;background:#eff6ff}.assignment-modal-instructions{border-left:4px solid #f59e0b;background:#fffbeb}.assignment-modal-description strong,.assignment-modal-instructions strong{display:block;margin-bottom:8px;color:#1f2937;font-size:.95rem;font-weight:700}.assignment-modal-description p,.assignment-modal-instructions p{margin:0;color:#4b5563;line-height:1.6;font-size:.9rem}.existing-submission-view{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:20px;margin:24px 0}.existing-submission-view h3{margin:0 0 12px;font-size:1.125rem;color:#1f2937;font-weight:700}.submitted-text-display{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:16px;margin-top:12px}.submitted-text-display p{margin:0;color:#4b5563;line-height:1.6;font-size:.95rem;white-space:pre-wrap}.submission-form{margin-top:24px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#1f2937;font-size:.95rem}.label-note{font-weight:400;color:#6b7280;font-size:.875rem;font-style:italic}.submission-note{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:12px;margin-bottom:12px;font-size:.875rem;color:#78350f;display:flex;align-items:flex-start;gap:8px}.submission-note:before{content:"💡";font-size:1.125rem;flex-shrink:0}.form-group textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-family:inherit;color:#1f2937;resize:vertical;min-height:120px;transition:border-color .2s ease,box-shadow .2s ease}.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea.has-existing-text{background:#fef3c7;border-color:#fbbf24}.form-group input[type=file]{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer;transition:border-color .2s ease}.form-group input[type=file]:focus{outline:none;border-color:#3b82f6}.file-name{margin:8px 0 0;font-size:.875rem;color:#059669;font-weight:500}.existing-file-info{margin-top:12px;padding:12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px}.existing-file{margin:0 0 8px;font-size:.875rem;color:#1e40af;font-weight:500}.btn-download-file-small{padding:6px 12px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-download-file-small:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.btn-cancel{padding:12px 24px;background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background-color:#e5e7eb;border-color:#9ca3af}.btn-submit{padding:12px 24px;background-color:#10b981;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-submit:hover:not(:disabled){background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.announcements-list-student{display:flex;flex-direction:column;gap:20px;margin-top:20px}.announcement-card-student{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;display:flex;flex-direction:column;gap:16px}.announcement-card-student:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px);border-color:#d1d5db}.announcement-card-student.priority-high{border-left:4px solid #ef4444}.announcement-card-student.priority-normal{border-left:4px solid #3b82f6}.announcement-card-student.priority-low{border-left:4px solid #6b7280}.announcement-header-student{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0;padding-bottom:16px;border-bottom:1px solid #e5e7eb;gap:16px}.announcement-title-section-student{flex:1}.announcement-title-section-student h3{margin:0 0 12px;font-size:1.25rem;color:#1f2937;font-weight:700;line-height:1.4}.announcement-badges-student{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.priority-badge-student{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.priority-badge-student.priority-high{background-color:#fee2e2;color:#991b1b}.priority-badge-student.priority-normal{background-color:#dbeafe;color:#1e40af}.priority-badge-student.priority-low{background-color:#f3f4f6;color:#4b5563}.subject-badge-student{display:inline-block;padding:4px 12px;background-color:#f0f9ff;color:#0369a1;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid #bae6fd}.announcement-content-student{margin:0;padding:0}.announcement-content-student p{margin:0;font-size:.95rem;color:#4b5563;line-height:1.7;white-space:pre-wrap;word-wrap:break-word}.announcement-footer-student{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:16px;border-top:1px solid #e5e7eb;font-size:.875rem;color:#6b7280;flex-wrap:wrap;gap:12px}.announcement-meta-student{display:flex;align-items:center;gap:6px;font-weight:500;color:#4b5563}.announcement-meta-student:before{content:"👤";font-size:.875rem}.announcement-date-student{display:flex;align-items:center;gap:6px;color:#6b7280}.announcement-date-student:before{content:"📅";font-size:.875rem}@media (max-width: 768px){.announcements-list-student{gap:16px;margin-top:16px}.announcement-card-student{padding:16px}.announcement-header-student{flex-direction:column;align-items:flex-start;gap:12px}.announcement-title-section-student h3{font-size:1.125rem;margin-bottom:8px}.announcement-badges-student{width:100%;flex-wrap:wrap}.announcement-footer-student{flex-direction:column;align-items:flex-start;gap:8px;padding-top:12px}.announcement-content-student p{font-size:.9rem}}.section-header-with-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.section-header-with-info h2{margin:0 0 8px;font-size:1.5rem;color:#1f2937;font-weight:700}.section-subtitle{margin:0;font-size:.95rem;color:#6b7280;font-weight:400}.quiz-count-badge{display:inline-flex;align-items:center;padding:8px 16px;background-color:#eff6ff;color:#1e40af;border-radius:20px;font-size:.875rem;font-weight:600;border:1px solid #bfdbfe}.quizzes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:20px}.quiz-card-student{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;display:flex;flex-direction:column;gap:16px}.quiz-card-student:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px);border-color:#d1d5db}.quiz-card-student.quiz-disabled{opacity:.7;background-color:#f9fafb}.quiz-card-header-student{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0;padding-bottom:16px;border-bottom:1px solid #e5e7eb;gap:12px}.quiz-card-header-student h3{margin:0 0 8px;font-size:1.25rem;color:#1f2937;font-weight:700;line-height:1.4}.quiz-subject-badge{display:inline-block;padding:4px 10px;background-color:#f0f9ff;color:#0369a1;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid #bae6fd}.quiz-status-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.quiz-status-badge.available{background-color:#d1fae5;color:#065f46}.quiz-status-badge.completed{background-color:#e0e7ff;color:#3730a3}.quiz-description-preview{margin:0;font-size:.9rem;color:#6b7280;line-height:1.6;padding:12px;background:#f9fafb;border-radius:8px;border-left:3px solid #3b82f6}.quiz-details-student{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:16px;background:#f9fafb;border-radius:8px}.quiz-detail-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#4b5563}.quiz-detail-item.attempt-info{color:#059669;font-weight:600}.detail-icon{font-size:1rem;flex-shrink:0}.quiz-dates-section{display:flex;flex-direction:column;gap:8px;padding:12px;background:#fffbeb;border-radius:8px;border-left:3px solid #f59e0b}.quiz-date-item{font-size:.875rem;color:#78350f;line-height:1.5}.quiz-date-item strong{font-weight:600;margin-right:4px}.quiz-actions-student{display:flex;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-take-quiz{flex:1;padding:12px 20px;background-color:#10b981;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-take-quiz:hover:not(:disabled){background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.btn-take-quiz:disabled{opacity:.6;cursor:not-allowed}.quiz-card-student.stream-live{border-left:4px solid #ef4444;background:linear-gradient(to right,#fef2f2,#fff 4%)}.quiz-card-student.stream-scheduled{border-left:4px solid #3b82f6}.no-data-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.no-data-message{text-align:center;padding:60px 20px;color:#6b7280}.no-data-message p{font-size:1.125rem;margin:0 0 8px;color:#1f2937;font-weight:600}.no-data-message .sub-text{font-size:.95rem;color:#6b7280;margin:0}@media (max-width: 768px){.section-header-with-info{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.section-header-with-info h2{font-size:1.25rem;margin-bottom:4px}.section-subtitle{font-size:.875rem}.quiz-count-badge{padding:6px 12px;font-size:.8rem}.quizzes-grid{grid-template-columns:1fr;gap:16px;margin-top:16px}.quiz-card-student{padding:16px;gap:12px}.quiz-card-header-student{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:12px}.quiz-card-header-student h3{font-size:1.125rem}.quiz-details-student{grid-template-columns:1fr;gap:10px;padding:12px}.quiz-actions-student{flex-direction:column;margin-top:12px;padding-top:12px}.btn-take-quiz{width:100%;padding:12px}.quiz-dates-section{padding:10px}.quiz-date-item{font-size:.8rem}}.quiz-taking-modal{max-width:900px;max-height:90vh}.quiz-taking-modal .modal-header{background:linear-gradient(135deg,#10b981,#059669);display:flex;justify-content:space-between;align-items:center;gap:16px}.quiz-timer{display:flex;align-items:center;gap:8px;background-color:#fff3;padding:8px 16px;border-radius:20px;font-size:1rem;font-weight:600;color:#fff}.quiz-instructions-box{background:#f0f9ff;border:1px solid #bae6fd;border-left:4px solid #3b82f6;border-radius:8px;padding:20px;margin-bottom:24px}.quiz-instructions-box strong{display:block;margin-bottom:12px;font-size:1rem;color:#1e40af;font-weight:700}.quiz-instructions-box p{margin:0;font-size:.95rem;color:#1f2937;line-height:1.7;white-space:pre-wrap}.quiz-taking-form{display:flex;flex-direction:column;gap:32px}.question-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.question-item:hover{box-shadow:0 4px 8px #0000001a;border-color:#d1d5db}.question-header-student{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.question-number-student{font-size:1rem;font-weight:700;color:#1f2937}.question-points-student{display:inline-block;padding:4px 12px;background-color:#eff6ff;color:#1e40af;border-radius:12px;font-size:.875rem;font-weight:600}.question-text-student{margin-bottom:20px}.question-text-student p{margin:0;font-size:1.05rem;color:#1f2937;line-height:1.6;font-weight:500}.question-options-student{display:flex;flex-direction:column;gap:12px;margin-top:16px}.option-label-student{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.95rem;color:#4b5563}.option-label-student:hover{background:#f3f4f6;border-color:#3b82f6;transform:translate(4px)}.option-label-student input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#10b981;flex-shrink:0}.option-label-student input[type=radio]:checked+span{color:#1f2937;font-weight:600}.option-label-student:has(input[type=radio]:checked){background:#d1fae5;border-color:#10b981;color:#065f46}.question-short-answer{margin-top:16px}.short-answer-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;color:#1f2937;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.short-answer-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.quiz-submit-actions{display:flex;justify-content:center;margin-top:32px;padding-top:24px;border-top:2px solid #e5e7eb}.btn-submit-quiz{padding:14px 32px;background-color:#10b981;color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #10b9814d}.btn-submit-quiz:hover:not(:disabled){background-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-submit-quiz:disabled{opacity:.6;cursor:not-allowed;transform:none}.quiz-results-modal{max-width:900px;max-height:90vh}.quiz-results-modal .modal-header{background:linear-gradient(135deg,#3b82f6,#2563eb)}.quiz-results-summary{margin-bottom:32px}.results-score-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:16px;padding:32px;text-align:center;margin-bottom:24px}.score-display{margin-bottom:16px}.score-value{font-size:3rem;font-weight:700;color:#1e40af;margin-bottom:8px}.score-percentage{font-size:1.5rem;font-weight:600;color:#3b82f6}.pass-status{display:inline-block;padding:8px 20px;border-radius:20px;font-size:1.1rem;font-weight:700;margin-bottom:12px}.pass-status.passed{background-color:#d1fae5;color:#065f46}.pass-status.failed{background-color:#fee2e2;color:#991b1b}.passing-score-info{font-size:.9rem;color:#6b7280;font-weight:500}.results-meta{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:20px;background:#f9fafb;border-radius:8px}.result-meta-item{font-size:.9rem;color:#4b5563}.result-meta-item strong{color:#1f2937;font-weight:600;margin-right:6px}.quiz-results-questions{margin-top:32px}.quiz-results-questions h3{margin:0 0 24px;font-size:1.5rem;color:#1f2937;font-weight:700;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.result-question-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:20px;transition:all .2s ease}.result-question-item.correct{border-color:#10b981;background:linear-gradient(to right,#d1fae5,#fff 2%)}.result-question-item.incorrect{border-color:#ef4444;background:linear-gradient(to right,#fee2e2,#fff 2%)}.result-question-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.result-question-number{font-size:1.1rem;font-weight:700;color:#1f2937}.result-status-badge{display:inline-block;padding:6px 14px;border-radius:12px;font-size:.875rem;font-weight:600}.result-status-badge.correct{background-color:#d1fae5;color:#065f46}.result-status-badge.incorrect{background-color:#fee2e2;color:#991b1b}.result-question-points{display:inline-block;padding:6px 14px;background-color:#eff6ff;color:#1e40af;border-radius:12px;font-size:.875rem;font-weight:600}.result-question-text{margin-bottom:16px;font-size:1rem;color:#1f2937;line-height:1.6;font-weight:500}.result-answer-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;margin-top:12px}.result-answer-item{display:flex;flex-direction:column;gap:4px}.result-answer-item strong{font-size:.875rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.result-answer-item span{font-size:.95rem;color:#1f2937;font-weight:500}.result-answer-item.correct-answer span{color:#065f46;font-weight:600}.result-answer-item.your-answer.correct span{color:#065f46}.result-answer-item.your-answer.incorrect span{color:#991b1b}.result-options{display:flex;flex-direction:column;gap:10px;margin-top:16px}.result-option{padding:12px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;color:#4b5563;position:relative;display:flex;align-items:center;gap:8px}.result-option.selected{background:#fee2e2;border-color:#ef4444;color:#991b1b;font-weight:600}.result-option.correct-option{background:#d1fae5;border-color:#10b981;color:#065f46;font-weight:600}.result-option.selected.correct-option{background:#d1fae5;border-color:#10b981;color:#065f46}.option-indicator{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;background-color:#ef4444;color:#fff;margin-right:8px}.option-indicator.correct{background-color:#10b981}.result-answer-comparison{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:16px;background:#f9fafb;border-radius:8px}.answer-row{display:flex;align-items:center;gap:12px;font-size:.95rem}.answer-row strong{min-width:120px;color:#6b7280;font-weight:600}.answer-row .correct-answer{color:#065f46;font-weight:600;padding:6px 12px;background:#d1fae5;border-radius:6px}.answer-row .incorrect-answer{color:#991b1b;font-weight:600;padding:6px 12px;background:#fee2e2;border-radius:6px}.result-explanation{margin-top:16px;padding:16px;background:#fffbeb;border-left:4px solid #f59e0b;border-radius:8px}.result-explanation strong{display:block;margin-bottom:8px;color:#92400e;font-weight:700;font-size:.9rem}.result-explanation p{margin:0;color:#78350f;font-size:.9rem;line-height:1.6}@media (max-width: 768px){.quiz-taking-modal,.quiz-results-modal{max-width:95vw;max-height:95vh;width:100%}.quiz-taking-modal .modal-header{padding:16px;flex-wrap:wrap;gap:8px}.quiz-taking-modal .modal-header h2{font-size:1.125rem}.quiz-timer{padding:6px 12px;font-size:.875rem}.quiz-instructions-box{padding:16px;margin-bottom:20px}.quiz-instructions-box strong{font-size:.95rem;margin-bottom:10px}.quiz-instructions-box p{font-size:.875rem}.quiz-taking-form{gap:24px}.question-item{padding:16px}.question-header-student{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;padding-bottom:10px}.question-text-student p{font-size:1rem}.question-options-student{gap:10px;margin-top:12px}.option-label-student{padding:12px;font-size:.9rem}.option-label-student input[type=radio]{width:18px;height:18px}.short-answer-input{padding:10px 12px;font-size:.9rem}.quiz-submit-actions{margin-top:24px;padding-top:20px}.btn-submit-quiz{width:100%;padding:12px 24px;font-size:1rem}.results-score-card{padding:24px 16px}.score-value{font-size:2.5rem}.score-percentage{font-size:1.25rem}.results-meta{flex-direction:column;gap:12px;padding:16px}.result-question-item{padding:16px;margin-bottom:16px}.result-question-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;padding-bottom:10px}.result-answer-section{padding:12px}}.pdf-viewer-modal{max-width:95vw;width:1200px;max-height:95vh;height:90vh}.pdf-viewer-modal .modal-header{background:linear-gradient(135deg,#10b981,#059669);display:flex;justify-content:space-between;align-items:center;gap:16px}.pdf-modal-actions{display:flex;align-items:center;gap:12px}.btn-download-pdf{padding:8px 16px;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-download-pdf:hover{background-color:#ffffff4d;border-color:#ffffff80}.pdf-viewer-body{padding:0;height:calc(100% - 60px);overflow:hidden;display:flex;align-items:center;justify-content:center}.pdf-iframe{width:100%;height:100%;border:none;background:#f9fafb}.pdf-error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;height:100%}.pdf-error-icon{font-size:5rem;margin-bottom:24px;opacity:.5}.pdf-error-message h3{margin:0 0 16px;font-size:1.75rem;color:#1f2937;font-weight:700}.pdf-error-message p{margin:0 0 12px;font-size:1rem;color:#4b5563;line-height:1.6;max-width:500px}.pdf-error-details{font-size:.9rem!important;color:#6b7280!important;font-style:italic}.pdf-error-suggestion{margin-top:8px!important;padding:12px 20px;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#78350f!important;font-weight:500;font-style:normal}@media (max-width: 768px){.pdf-viewer-modal{width:95vw;height:95vh}.pdf-viewer-modal .modal-header{padding:12px 16px;flex-wrap:wrap}.pdf-viewer-modal .modal-header h2{font-size:1.125rem}.pdf-modal-actions{gap:8px}.btn-download-pdf{padding:6px 12px;font-size:.8rem}.pdf-error-message{padding:40px 20px}.pdf-error-icon{font-size:4rem}.pdf-error-message h3{font-size:1.5rem}.pdf-error-message p{font-size:.9rem}}@media (max-width: 480px){.student-header h1{font-size:1.25rem}.student-dashboard-content{padding:16px 12px}.dashboard-section{padding:12px}.dashboard-section h2{font-size:1.125rem}.tab-btn{padding:8px 10px;font-size:.8rem}.course-card{padding:12px}.course-title-section h3{font-size:1.125rem}.assignment-item,.announcement-card-student,.quiz-card-student{padding:12px}.modal-content{max-width:98vw;margin:5px}.modal-header{padding:12px}.modal-header h2{font-size:1.125rem}.modal-body{padding:12px}.header-actions{gap:6px}.btn{font-size:.75rem;padding:6px 10px}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:90px 20px 20px;background:#fff}.admin-login-container{width:100%;max-width:480px}.admin-login-card{background:#fff;border-radius:16px;padding:48px;box-shadow:0 4px 20px #0000001a;border:1px solid #e5e7eb}.admin-login-header{text-align:center;margin-bottom:40px}.admin-login-header .admin-logo-icon{width:60px;height:60px;background-color:var(--primary-green);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 20px}.admin-login-header h1{font-size:2rem;margin-bottom:8px;color:var(--text-dark)}.admin-login-header p{color:var(--text-gray);font-size:1rem}.admin-login-form{display:flex;flex-direction:column;gap:24px}.admin-login-form .form-group{display:flex;flex-direction:column;gap:8px}.admin-login-form .form-group label{font-weight:600;color:var(--text-dark);font-size:.9rem}.admin-login-form .form-group input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.admin-login-form .form-group input:focus{outline:none;border-color:var(--primary-green)}.admin-login-form .form-group input:disabled{background-color:#f3f4f6;cursor:not-allowed}.admin-login-form .btn-large{width:100%;padding:14px;font-size:1rem;margin-top:8px}.admin-login-footer{margin-top:32px;padding-top:32px;border-top:1px solid #e5e7eb;text-align:center}.admin-login-footer p{color:var(--text-gray);margin-bottom:16px}.admin-login-footer .btn-secondary{color:var(--primary-green);border-color:var(--primary-green)}.admin-login-footer .btn-secondary:hover{background-color:var(--primary-green);color:#fff}@media (max-width: 768px){.admin-login-card{padding:32px 24px}.admin-login-header h1{font-size:1.5rem}}.admin-dashboard{min-height:100vh;background-color:var(--light-gray)}.admin-header{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:24px 0;box-shadow:0 2px 8px #0000001a}.admin-header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.admin-header h1{font-size:2rem;margin-bottom:4px}.admin-header p{font-size:1rem;opacity:.9}.admin-header .btn-secondary{background-color:transparent;color:#fff;border:2px solid white;padding:10px 24px}.admin-header .btn-secondary:hover{background-color:#fff;color:var(--primary-green)}.admin-dashboard-content{padding:40px 20px}.dashboard-container{max-width:1200px;margin:0 auto}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.dashboard-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card.clickable-card{cursor:pointer}.dashboard-card.clickable-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026;border:2px solid var(--primary-green)}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.dashboard-card-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:16px}.dashboard-card h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:8px}.dashboard-card-value{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:4px}.dashboard-card-label{font-size:.9rem;color:var(--text-gray)}.dashboard-section{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a}.dashboard-section h2{font-size:1.5rem;color:var(--text-dark);margin-bottom:24px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background-color:var(--light-gray);border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:600;color:var(--text-dark)}.action-btn:hover{background-color:var(--primary-green);color:#fff;border-color:var(--primary-green);transform:translateY(-2px)}.action-icon{font-size:2rem}.modal-content{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.lms-modal{max-width:1000px}.lms-applicants-list{display:flex;flex-direction:column;gap:20px}.lms-info-header{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:12px 16px;margin-bottom:16px}.lms-info-header p{margin:0;color:#16a34a;font-size:.9rem;font-weight:500}.lms-applicants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.lms-applicant-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease}.lms-applicant-card:hover{border-color:#22c55e;box-shadow:0 4px 12px #22c55e26;transform:translateY(-2px)}.lms-applicant-info h4{font-size:1.1rem;color:var(--text-dark);margin:0 0 8px;font-weight:600}.lms-applicant-email{font-size:.9rem;color:var(--text-gray);margin:0 0 12px}.lms-reg-number{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0fdf4;border-radius:6px;margin-top:8px}.reg-label{font-size:.85rem;font-weight:600;color:#16a34a;text-transform:uppercase}.reg-value{font-size:.95rem;font-weight:700;color:#16a34a;font-family:Courier New,monospace;letter-spacing:.5px}.btn-lms-link{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;text-align:center;transition:all .3s ease;border:none;cursor:pointer}.btn-lms-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.lms-link-na{padding:12px 24px;background:#f3f4f6;color:#9ca3af;border-radius:8px;text-align:center;font-size:.9rem;font-weight:500}.no-lms-applicants{text-align:center;padding:60px 20px;color:var(--text-gray)}.no-lms-applicants p{margin:8px 0;font-size:1rem}.no-lms-applicants .sub-text{font-size:.9rem;color:#94a3b8}@media (max-width: 768px){.admin-header-content{flex-direction:column;gap:16px;text-align:center}.dashboard-grid,.actions-grid{grid-template-columns:1fr}.modal-content{margin:10px;max-width:calc(100% - 20px)}.lms-applicants-grid{grid-template-columns:1fr}}.admin-sessions{min-height:100vh;background-color:var(--light-gray)}.admin-sessions-content{padding:40px 20px}.sessions-container{max-width:1200px;margin:0 auto}.sessions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sessions-header h2{font-size:1.5rem;color:var(--text-dark)}.sessions-table-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.sessions-table{width:100%;border-collapse:collapse}.sessions-table thead{background-color:var(--light-gray)}.sessions-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-dark);border-bottom:2px solid #e5e7eb}.sessions-table td{padding:16px;border-bottom:1px solid #e5e7eb;color:var(--text-dark)}.sessions-table tbody tr:hover{background-color:#f9fafb}.sessions-table .no-data{text-align:center;padding:40px;color:var(--text-gray)}.status-completed{background-color:#dbeafe;color:#2563eb}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-form input,.modal-form select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.modal-form input:focus,.modal-form select:focus{outline:none;border-color:var(--primary-green)}@media (max-width: 768px){.sessions-header{flex-direction:column;gap:16px;align-items:stretch}.sessions-header button{width:100%}.sessions-table-container{padding:16px}.sessions-table{font-size:.875rem}.sessions-table th,.sessions-table td{padding:8px}.action-buttons{flex-direction:column}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}.modal-content{margin:20px;max-width:calc(100% - 40px)}}.admin-reports{min-height:100vh;background:#f5f5f5}.reports-container{max-width:1400px;margin:30px auto;padding:0 20px;display:flex;gap:30px}.reports-sidebar{width:250px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;height:fit-content}.reports-sidebar h3{margin:0 0 20px;font-size:18px;color:#333;border-bottom:2px solid #667eea;padding-bottom:10px}.report-btn{width:100%;padding:12px 16px;margin-bottom:10px;background:#f8f9fa;border:2px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;text-align:left;transition:all .3s ease;color:#333}.report-btn:hover{background:#e9ecef;border-color:#667eea}.report-btn.active{background:#667eea;color:#fff;border-color:#667eea}.reports-main{flex:1;background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.report-display{margin-top:30px}.report-content h3{margin:0 0 20px;font-size:24px;color:#333;border-bottom:2px solid #667eea;padding-bottom:10px}.report-content h4{margin:30px 0 15px;font-size:18px;color:#555}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;gap:15px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.stat-icon{font-size:32px}.stat-info{flex:1}.stat-label{font-size:12px;opacity:.9;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:700}.report-section{margin-top:30px}.report-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.report-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.report-table th{padding:15px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.report-table td{padding:15px;border-bottom:1px solid #e9ecef;font-size:14px;color:#555}.report-table tbody tr:hover{background:#f8f9fa}.report-table tbody tr:last-child td{border-bottom:none}@media (max-width: 768px){.reports-container{flex-direction:column}.reports-sidebar{width:100%}.stats-grid,.filters-grid{grid-template-columns:1fr}}.admin-quality-assurance{min-height:100vh;background:#f5f5f5}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 30px;box-shadow:0 2px 10px #0000001a}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.admin-header h1{margin:0;font-size:28px;font-weight:600}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-back{background:#fff3;color:#fff}.btn-back:hover{background:#ffffff4d}.btn-logout{background:#fff3;color:#fff}.btn-logout:hover{background:#ffffff4d}.qa-container{max-width:1400px;margin:30px auto;padding:0 20px;display:flex;gap:30px}.qa-sidebar{width:250px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;height:fit-content}.qa-sidebar h3{margin:0 0 20px;font-size:18px;color:#333;border-bottom:2px solid #667eea;padding-bottom:10px}.qa-btn{width:100%;padding:12px 16px;margin-bottom:10px;background:#f8f9fa;border:2px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;text-align:left;transition:all .3s ease;color:#333}.qa-btn:hover{background:#e9ecef;border-color:#667eea}.qa-btn.active{background:#667eea;color:#fff;border-color:#667eea}.qa-main{flex:1;background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.filters-section{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.filters-section h3{margin:0 0 15px;font-size:18px;color:#333}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:14px;font-weight:500;color:#555}.filter-group input,.filter-group select{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#667eea}.filter-actions{display:flex;gap:10px}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.activity-display{margin-top:30px}.activity-content h3{margin:0 0 20px;font-size:24px;color:#333;border-bottom:2px solid #667eea;padding-bottom:10px}.activity-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.activity-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.activity-table th{padding:15px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.activity-table td{padding:15px;border-bottom:1px solid #e9ecef;font-size:14px;color:#555}.activity-table tbody tr:hover{background:#f8f9fa}.activity-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.btn-view{background:#667eea;color:#fff;padding:6px 12px;font-size:12px;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease}.btn-view:hover{background:#5568d3}.detailed-activity{margin-top:20px}.detailed-activity h3{margin:20px 0;font-size:24px;color:#333;border-bottom:2px solid #667eea;padding-bottom:10px}.activity-section{margin-bottom:30px}.activity-section h4{margin:0 0 15px;font-size:18px;color:#555;padding:10px;background:#f8f9fa;border-left:4px solid #667eea;border-radius:4px}.loading{text-align:center;padding:40px;font-size:16px;color:#667eea}.no-data{text-align:center;padding:40px;font-size:16px;color:#999}@media (max-width: 768px){.qa-container{flex-direction:column}.qa-sidebar{width:100%}.activity-table{font-size:12px}.activity-table th,.activity-table td{padding:8px}.filters-grid{grid-template-columns:1fr}}.admin-questions{min-height:100vh;background-color:var(--light-gray)}.admin-questions-content{padding:40px 20px}.questions-container{max-width:1400px;margin:0 auto}.questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.questions-header h2{font-size:1.5rem;color:var(--text-dark)}.questions-table-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.questions-table{width:100%;border-collapse:collapse}.questions-table thead{background-color:var(--light-gray)}.questions-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-dark);border-bottom:2px solid #e5e7eb}.questions-table td{padding:16px;border-bottom:1px solid #e5e7eb;color:var(--text-dark)}.questions-table tbody tr:hover{background-color:#f9fafb}.questions-table .no-data{text-align:center;padding:40px;color:var(--text-gray)}.question-text{max-width:300px;word-wrap:break-word}.type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.875rem;font-weight:600;background-color:#e0e7ff;color:#4338ca;text-transform:capitalize}.difficulty-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.875rem;font-weight:600;text-transform:capitalize}.difficulty-easy{background-color:#dcfce7;color:#16a34a}.difficulty-medium{background-color:#fef3c7;color:#d97706}.difficulty-hard{background-color:#fee2e2;color:#dc2626}.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;padding:20px;overflow-y:auto}.modal-question-large{max-width:1200px}.modal-header{padding:32px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border-radius:12px 12px 0 0;position:relative}.modal-header h2{font-size:1.75rem;margin:0 0 8px;color:#fff}.modal-subtitle{color:#ffffffe6;font-size:.95rem;margin:0}.modal-close{position:absolute;top:24px;right:24px;background:#fff3;border:none;font-size:1.5rem;color:#fff;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .3s ease}.modal-close:hover{background:#ffffff4d}.modal-form{padding:32px}.modal-form label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-dark);font-size:.95rem}.modal-form textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.questions-header{flex-direction:column;gap:16px;align-items:stretch}.questions-header button{width:100%}.questions-table-container{padding:16px}.questions-table{font-size:.875rem}.questions-table th,.questions-table td{padding:8px}.action-buttons{flex-direction:column}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}.modal-content{margin:20px;max-width:calc(100% - 40px)}.modal-question-large{max-width:calc(100% - 40px)}.form-row{grid-template-columns:1fr}.option-row{flex-wrap:wrap}.btn-add-option{width:100%;margin-top:8px}}.admin-question-form{min-height:100vh;background-color:var(--light-gray)}.admin-question-form .admin-header{background:linear-gradient(135deg,#22c55e,#16a34a);padding:24px 0;color:#fff;box-shadow:0 2px 8px #0000001a}.admin-question-form .admin-header-content{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.admin-question-form .admin-header h1{font-size:2rem;margin:0 0 8px;color:#fff}.admin-question-form .admin-header p{margin:0;opacity:.9;font-size:1rem}.question-form-container{max-width:1200px;margin:40px auto;padding:0 20px}.question-form{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #0000001a}.form-section{margin-bottom:32px;padding:24px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-icon{font-size:1.5rem}.section-header h3{font-size:1.25rem;color:var(--text-dark);margin:0}.section-description{color:var(--text-gray);font-size:.9rem;margin-bottom:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-dark);font-size:.95rem}.field-hint{font-size:.85rem;color:var(--text-gray);margin-top:6px;margin-bottom:0}.question-form input,.question-form textarea,.question-form select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.question-form textarea{resize:vertical;min-height:100px}.question-form input:focus,.question-form textarea:focus,.question-form select:focus{outline:none;border-color:var(--primary-green)}.option-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.option-label{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-green);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.option-input{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:var(--text-dark)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.btn-add-option{padding:10px 16px;background:var(--light-gray);border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;font-weight:600;color:var(--text-dark);transition:all .3s ease}.btn-add-option:hover:not(:disabled){background:#e5e7eb;border-color:var(--primary-green)}.btn-add-option:disabled{opacity:.5;cursor:not-allowed}.true-false-options{display:flex;flex-direction:column;gap:16px}.radio-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease}.radio-option:hover{border-color:var(--primary-green);background:#f0fdf4}.radio-option input[type=radio]{margin-top:4px;width:20px;height:20px;cursor:pointer}.radio-option input[type=radio]:checked+.radio-label .radio-check,.radio-option input[type=radio]:checked+.radio-label .radio-x{display:flex}.radio-label{display:flex;align-items:flex-start;gap:12px;flex:1}.radio-check{width:32px;height:32px;border-radius:50%;background:var(--primary-green);color:#fff;display:none;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.radio-x{width:32px;height:32px;border-radius:50%;background:#ef4444;color:#fff;display:none;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.radio-label div strong{display:block;margin-bottom:4px;color:var(--text-dark)}.radio-label div p{margin:0;color:var(--text-gray);font-size:.9rem}.fill-blank-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.answer-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#3b82f6;color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.fill-blank-input{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem}.btn-remove-answer{padding:8px 12px;background:#fee2e2;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:background-color .3s ease}.btn-remove-answer:hover{background:#fecaca}.btn-add-answer{padding:12px 24px;background:var(--light-gray);border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;font-weight:600;color:var(--text-dark);transition:all .3s ease;width:100%;margin-top:8px}.btn-add-answer:hover{background:#e5e7eb;border-color:var(--primary-green)}.file-upload-area{margin-bottom:20px}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;border:3px dashed #cbd5e1;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:center}.file-upload-label:hover{border-color:var(--primary-green);background:#f0fdf4}.upload-icon{font-size:3rem;margin-bottom:16px}.file-upload-label strong{display:block;margin-bottom:8px;color:var(--text-dark);font-size:1.1rem}.file-upload-label p{margin:0;color:var(--text-gray);font-size:.9rem}.tip-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;margin-top:16px}.tip-icon{font-size:1.2rem;flex-shrink:0}.tip-box span:last-child{color:#92400e;font-size:.9rem;line-height:1.5}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.btn-cancel{padding:12px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-weight:600;color:var(--text-dark);transition:all .3s ease}.btn-cancel:hover{background:var(--light-gray)}.btn-create{padding:12px 32px;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:8px;cursor:pointer;font-weight:600;color:#fff;transition:transform .3s ease}.btn-create:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}.btn-create:disabled{opacity:.6;cursor:not-allowed}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-secondary{background:#fff;color:var(--primary-green);border:2px solid white}.btn-secondary:hover{background:#ffffffe6}@media (max-width: 768px){.question-form-container{padding:0 16px}.question-form{padding:24px}.form-row{grid-template-columns:1fr}.option-row{flex-wrap:wrap}.btn-add-option{width:100%;margin-top:8px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.admin-categories{min-height:100vh;background-color:var(--light-gray)}.admin-categories-content{padding:40px 20px}.categories-container{max-width:1200px;margin:0 auto}.categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.categories-header h2{font-size:1.5rem;color:var(--text-dark)}.categories-table-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.categories-table{width:100%;border-collapse:collapse}.categories-table thead{background-color:var(--light-gray)}.categories-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-dark);border-bottom:2px solid #e5e7eb}.categories-table td{padding:16px;border-bottom:1px solid #e5e7eb;color:var(--text-dark)}.categories-table tbody tr:hover{background-color:#f9fafb}.categories-table .no-data{text-align:center;padding:40px;color:var(--text-gray)}.category-name{font-weight:600;color:var(--text-dark)}.category-description{max-width:400px;color:var(--text-gray);word-wrap:break-word}.status-active{background-color:#dcfce7;color:#16a34a}.status-inactive{background-color:#fef3c7;color:#d97706}.btn-edit{padding:6px 16px;background-color:var(--primary-green);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:background-color .3s ease}.btn-edit:hover{background-color:var(--dark-green)}.btn-delete{padding:6px 16px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:background-color .3s ease}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.5rem;color:var(--text-dark);margin:0}.modal-close{background:none;border:none;font-size:2rem;color:var(--text-gray);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .3s ease}.modal-close:hover{background-color:var(--light-gray)}.modal-form{padding:24px}.modal-form .form-group{margin-bottom:20px}.modal-form label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-dark);font-size:.9rem}.modal-form input,.modal-form textarea,.modal-form select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.modal-form textarea{resize:vertical;min-height:80px}.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus{outline:none;border-color:var(--primary-green)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.categories-header{flex-direction:column;gap:16px;align-items:stretch}.categories-header button{width:100%}.categories-table-container{padding:16px}.categories-table{font-size:.875rem}.categories-table th,.categories-table td{padding:8px}.action-buttons{flex-direction:column}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}.modal-content{margin:20px;max-width:calc(100% - 40px)}}.admin-applications{min-height:100vh;background-color:var(--light-gray)}.admin-applications-content{padding:40px 20px;width:100%;overflow-x:visible}.applications-container{max-width:100%;margin:0 auto;padding:0 20px}.applications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.applications-header h2{font-size:1.5rem;color:var(--text-dark)}.filter-controls{display:flex;gap:12px}.filter-select{padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:600;background:#fff;color:var(--text-dark);cursor:pointer;transition:border-color .3s ease}.filter-select:focus{outline:none;border-color:var(--primary-green)}.applications-table-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;overflow-x:visible;width:100%}.applications-table{width:100%;border-collapse:collapse;min-width:1400px}.applications-table thead{background-color:var(--light-gray)}.applications-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-dark);border-bottom:2px solid #e5e7eb}.applications-table td{padding:16px;border-bottom:1px solid #e5e7eb;color:var(--text-dark)}.applications-table tbody tr:hover{background-color:#f9fafb}.applications-table .no-data{text-align:center;padding:40px;color:var(--text-gray)}.applicant-name{font-weight:600;color:var(--text-dark)}.score-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.875rem;font-weight:600;background-color:#dbeafe;color:#2563eb}.level-select{padding:6px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:.875rem;background:#fff;color:var(--text-dark);cursor:pointer;transition:border-color .3s ease;min-width:180px}.level-select:focus{outline:none;border-color:var(--primary-green)}.level-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f3f4f6}.payment-status-select{padding:6px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:600;background:#fff;color:var(--text-dark);cursor:pointer;transition:all .3s ease;min-width:120px}.payment-status-select:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #22c55e1a}.payment-status-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f3f4f6}.payment-status-select.payment-status-paid{border-color:#22c55e;background-color:#dcfce7;color:#16a34a}.payment-status-select.payment-status-paid:focus{border-color:#16a34a;box-shadow:0 0 0 3px #22c55e33}.payment-status-select.payment-status-pending{border-color:#f59e0b;background-color:#fef3c7;color:#d97706}.payment-status-select.payment-status-pending:focus{border-color:#d97706;box-shadow:0 0 0 3px #f59e0b33}.payment-status-select.payment-status-failed{border-color:#ef4444;background-color:#fee2e2;color:#dc2626}.payment-status-select.payment-status-failed:focus{border-color:#dc2626;box-shadow:0 0 0 3px #ef444433}.payment-status-na{color:#9ca3af;font-size:.875rem;font-style:italic}.payment-status-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-record-payment{padding:8px 16px;background-color:#22c55e;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.btn-record-payment:hover:not(:disabled){background-color:#16a34a;transform:translateY(-1px);box-shadow:0 2px 8px #22c55e4d}.btn-record-payment:disabled{opacity:.6;cursor:not-allowed}.payment-form-modal{max-width:600px}.payment-form-info{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:24px;border:1px solid #e5e7eb}.payment-form-info p{margin:8px 0;font-size:.95rem;color:var(--text-dark)}.payment-record-form{display:flex;flex-direction:column;gap:20px}.payment-record-form .form-group{display:flex;flex-direction:column;gap:8px}.payment-record-form label{font-size:.9rem;font-weight:600;color:var(--text-dark)}.payment-record-form .form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;color:var(--text-dark);transition:border-color .3s ease;font-family:inherit}.payment-record-form .form-input:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #22c55e1a}.payment-record-form textarea.form-input{resize:vertical;min-height:80px}.payment-record-form .modal-actions{margin-top:8px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-primary{padding:12px 24px;background-color:var(--primary-green);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){background-color:var(--dark-green);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-pending{background-color:#fef3c7;color:#d97706}.status-reviewed{background-color:#dbeafe;color:#2563eb}.status-accepted{background-color:#dcfce7;color:#16a34a}.status-rejected{background-color:#fee2e2;color:#dc2626}.action-buttons{display:flex;gap:8px}.btn-view{padding:6px 16px;background-color:var(--primary-green);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:background-color .3s ease}.btn-view:hover{background-color:var(--dark-green)}.loading{text-align:center;padding:40px;color:var(--text-gray)}.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;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px 12px 0 0}.applicant-details{display:flex;flex-direction:column;gap:24px}.applicant-photo-section{display:flex;justify-content:center;align-items:center;padding:20px 0;border-bottom:2px solid #e5e7eb;margin-bottom:8px}.applicant-photo-container{position:relative;display:flex;justify-content:center;align-items:center}.applicant-photo{width:180px;height:180px;border-radius:12px;object-fit:cover;border:4px solid #e5e7eb;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.applicant-photo:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000026;border-color:#22c55e}.detail-section h3{font-size:1.25rem;color:var(--text-dark);margin-bottom:16px;font-weight:600}.detail-item label{font-size:.875rem;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:1rem;color:var(--text-dark)}.score-large{font-size:1.5rem;font-weight:700;color:var(--primary-green)}.status-actions{display:flex;gap:12px;flex-wrap:wrap}.status-management{display:flex;flex-direction:column;gap:20px}.status-selector{display:flex;flex-direction:column;gap:8px}.status-selector label{font-size:.875rem;font-weight:600;color:var(--text-dark)}.status-select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:500;background:#fff;color:var(--text-dark);cursor:pointer;transition:all .3s ease;min-width:200px}.status-select:hover{border-color:var(--primary-green)}.status-select:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #22c55e1a}.current-status{display:flex;align-items:center;gap:12px;padding:12px;background-color:#f9fafb;border-radius:8px}.status-label{font-size:.875rem;font-weight:600;color:var(--text-gray)}.status-badge{padding:6px 12px;border-radius:6px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-badge.status-pending{background-color:#fef3c7;color:#92400e}.status-badge.status-reviewed{background-color:#dbeafe;color:#1e40af}.status-badge.status-accepted{background-color:#d1fae5;color:#065f46}.status-badge.status-rejected{background-color:#fee2e2;color:#991b1b}.btn-status{padding:10px 20px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:var(--text-dark);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-status:hover:not(:disabled){border-color:var(--primary-green);background-color:#f0fdf4;color:var(--primary-green)}.btn-status:disabled{opacity:.6;cursor:not-allowed}.btn-status.active{border-color:var(--primary-green);background-color:var(--primary-green);color:#fff}.btn-status.btn-accept:hover:not(:disabled){border-color:#16a34a;background-color:#dcfce7;color:#16a34a}.btn-status.btn-accept.active{border-color:#16a34a;background-color:#16a34a;color:#fff}.btn-status.btn-reject:hover:not(:disabled){border-color:#dc2626;background-color:#fee2e2;color:#dc2626}.btn-status.btn-reject.active{border-color:#dc2626;background-color:#dc2626;color:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding:24px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.applications-header{flex-direction:column;gap:16px;align-items:stretch}.filter-controls,.filter-select{width:100%}.applications-table-container{padding:16px;overflow-x:auto}.applications-table{font-size:.875rem;min-width:1200px}.applications-table th,.applications-table td{padding:8px}.action-buttons{flex-direction:column}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}.status-management{gap:16px}.status-select{width:100%;min-width:unset}.current-status{flex-direction:column;align-items:flex-start;gap:8px}.modal-content{margin:20px;max-width:calc(100% - 40px)}.detail-grid{grid-template-columns:1fr}.status-actions{flex-direction:column}.status-actions button{width:100%}.applicant-photo{width:150px;height:150px}}.notification{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;z-index:10000;animation:slideInRight .3s ease-out;font-size:.95rem}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-success{background-color:#dcfce7;color:#16a34a;border:2px solid #22c55e}.notification-error{background-color:#fee2e2;color:#dc2626;border:2px solid #ef4444}.notification-icon{font-size:1.5rem;font-weight:700;flex-shrink:0}.notification-message{flex:1;font-weight:500}.notification-close{background:none;border:none;font-size:1.5rem;color:inherit;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.notification-close:hover{background-color:#0000001a}.payment-history-section{margin-top:24px;padding-top:24px;border-top:2px solid #e5e7eb}.payment-history-section h4{font-size:1.1rem;color:var(--text-dark);margin-bottom:16px;font-weight:600}.payment-loading{text-align:center;padding:20px;color:var(--text-gray);font-style:italic}.payment-history-list{display:flex;flex-direction:column;gap:16px}.payment-history-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .3s ease}.payment-history-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.payment-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.payment-history-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.payment-amount-large{font-size:1.25rem;font-weight:700;color:#16a34a}.payment-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:capitalize}.payment-status-badge.payment-status-completed,.payment-status-badge.payment-status-paid{background-color:#dcfce7;color:#16a34a}.payment-status-badge.payment-status-pending{background-color:#fef3c7;color:#d97706}.payment-status-badge.payment-status-failed,.payment-status-badge.payment-status-cancelled{background-color:#fee2e2;color:#dc2626}.payment-history-date{font-size:.875rem;color:#64748b;font-weight:500}.payment-history-details{display:flex;flex-direction:column;gap:8px}.payment-detail-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.payment-detail-label{font-size:.875rem;font-weight:600;color:#64748b}.payment-detail-value{font-size:.875rem;color:var(--text-dark);font-weight:500;text-align:right;word-break:break-word;margin-left:12px}.payment-detail-row.full-width{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0;border-top:1px solid #e2e8f0;margin-top:8px}.payment-detail-row.full-width .payment-detail-label{font-weight:700;color:var(--text-dark)}.payment-detail-row.full-width .payment-detail-value{margin-left:0;text-align:left;white-space:pre-wrap;word-break:break-word}.no-payment-history{text-align:center;padding:24px;background:#f9fafb;border-radius:8px;border:2px dashed #e5e7eb}.no-payment-history p{margin:8px 0;color:var(--text-gray);font-size:.9rem}.payment-note{font-size:.85rem!important;font-style:italic;color:#94a3b8!important}.registration-number-cell{display:flex;align-items:center;gap:8px;justify-content:center}.reg-number-value{font-family:Courier New,monospace;font-size:.9rem;font-weight:600;color:#16a34a;letter-spacing:.5px}.registration-number-na{color:#94a3b8;font-style:italic}.btn-copy-reg{padding:4px 8px;background:#22c55e;color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px}.btn-copy-reg:hover{background:#16a34a;transform:scale(1.1)}.btn-activate-student{background:#22c55e;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:14px;margin-left:8px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px}.btn-activate-student:hover:not(:disabled){background:#16a34a;transform:scale(1.05)}.btn-activate-student:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.registration-number-display{display:flex;align-items:center;gap:12px;margin-top:8px}.reg-number-value-large{font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;color:#16a34a;letter-spacing:1px;padding:12px 16px;background:#f0fdf4;border:2px solid #86efac;border-radius:8px;flex:1}.btn-copy-reg-large{padding:12px 20px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-copy-reg-large:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 4px 8px #22c55e4d}@media (max-width: 768px){.notification{top:10px;right:10px;left:10px;max-width:calc(100% - 20px);min-width:auto}.payment-history-header{flex-direction:column;align-items:flex-start;gap:8px}.payment-history-info{width:100%}.payment-detail-row{flex-direction:column;align-items:flex-start;gap:4px}.payment-detail-value{margin-left:0;text-align:left}.registration-number-display{flex-direction:column;align-items:stretch}.btn-copy-reg-large{width:100%}}.admin-programs{min-height:100vh;background-color:var(--light-gray)}.programs-content{padding:40px 20px}.programs-container{max-width:1400px;margin:0 auto}.programs-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.programs-section-header h2{font-size:1.5rem;color:var(--text-dark);margin:0}.programs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.program-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease}.program-card:hover{border-color:var(--primary-green);box-shadow:0 4px 12px #22c55e26}.program-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.program-header h3{font-size:1.2rem;color:var(--text-dark);margin:0}.program-info{margin-bottom:16px}.program-info p{margin:8px 0;font-size:.9rem;color:var(--text-dark)}.program-actions{display:flex;gap:8px}.no-programs-message{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.no-programs-message p{margin:8px 0;font-size:1rem;color:var(--text-dark)}.no-programs-message .sub-text{font-size:.9rem;color:#94a3b8}.btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:var(--primary-green);color:#fff}.btn-secondary{background:#f3f4f6;color:var(--text-dark);border:2px solid #e5e7eb}.loading{text-align:center;padding:40px;color:var(--text-gray);font-size:1rem}@media (max-width: 768px){.programs-grid{grid-template-columns:1fr}.programs-section-header{flex-direction:column;align-items:flex-start;gap:16px}.modal-content{max-width:95%;margin:10px}}.lms-management{min-height:100vh;background-color:var(--light-gray)}.lms-content{padding:40px 20px}.lms-container{max-width:1400px;margin:0 auto}.lms-tabs{display:flex;flex-direction:row;gap:8px;margin-bottom:24px;border-bottom:2px solid #e5e7eb;flex-wrap:nowrap}.lms-tab{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;color:var(--text-gray);cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.lms-tab:hover{color:var(--primary-green);background:#22c55e0d}.lms-tab.active{color:var(--primary-green);border-bottom-color:var(--primary-green);background:#22c55e0d}.lms-tab-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.lms-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.lms-section-header h2{font-size:1.5rem;color:var(--text-dark);margin:0}.section-subtitle{font-size:.9rem;color:var(--text-gray);margin:0}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media (max-width: 1200px){.courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width: 768px){.courses-grid{grid-template-columns:1fr;gap:16px}}.course-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.course-card:hover{border-color:var(--primary-green);box-shadow:0 4px 12px #22c55e26;transform:translateY(-2px)}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.course-header h3{font-size:1.2rem;color:var(--text-dark);margin:0}.course-info{margin-bottom:16px}.course-info p{margin:8px 0;font-size:.9rem;color:var(--text-dark);line-height:1.5}.course-description{margin-top:16px;margin-bottom:16px;padding:12px;background:#f0f9ff;border-left:3px solid #3b82f6;border-radius:6px}.course-description strong{display:block;font-size:.85rem;color:#1e40af;margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.course-description p{margin:0;font-size:.9rem;color:var(--text-dark);line-height:1.6}.enrolled-count{display:inline-block;margin-left:8px;padding:4px 10px;background:#dbeafe;color:#2563eb;border-radius:12px;font-size:.85rem;font-weight:600}.course-actions{display:flex;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid #e5e7eb;flex-wrap:wrap}@media (max-width: 480px){.course-actions{flex-direction:column}.course-actions button{width:100%}}.auto-enrollment-note{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:4px}.auto-enroll-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;background:#dcfce7;color:#16a34a}.auto-enroll-badge.warning{background:#fef3c7;color:#92400e}.auto-enrollment-note small{font-size:.75rem;color:#64748b;font-style:italic}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-edit{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem}.btn-edit:hover{background:#2563eb;transform:translateY(-2px)}.btn-delete{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem}.btn-delete:hover{background:#dc2626;transform:translateY(-2px)}.btn-enroll{padding:8px 16px;background:var(--primary-green);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-enroll:hover:not(:disabled){background:#16a34a;transform:translateY(-2px)}.btn-enroll:disabled{background:#94a3b8;cursor:not-allowed}.instructors-table-container{overflow-x:auto}.instructors-table{width:100%;border-collapse:collapse}.instructors-table thead{background-color:var(--light-gray)}.instructors-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-dark);border-bottom:2px solid #e5e7eb}.instructors-table td{padding:16px;border-bottom:1px solid #e5e7eb;color:var(--text-dark)}.instructors-table tbody tr:hover{background-color:#f9fafb}.no-data{text-align:center;padding:40px;color:var(--text-gray)}.applicants-by-level{display:flex;flex-direction:column;gap:24px}.level-group{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.level-header h3{font-size:1.3rem;color:var(--text-dark);margin:0}.level-count{padding:6px 12px;background:var(--primary-green);color:#fff;border-radius:20px;font-size:.85rem;font-weight:600}.students-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.student-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .3s ease}.student-card:hover{border-color:var(--primary-green);box-shadow:0 2px 8px #22c55e26}.student-info h4{font-size:1rem;color:var(--text-dark);margin:0 0 8px}.student-info p{font-size:.85rem;color:var(--text-gray);margin:4px 0}.student-email{font-weight:500;color:var(--text-dark)!important}.student-phone{color:#64748b!important}.student-status-badges{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.payment-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.payment-badge.paid{background:#dcfce7;color:#16a34a}.status-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.status-badge.status-accepted{background:#dcfce7;color:#16a34a}.no-students-message p{margin:8px 0;font-size:1rem;color:var(--text-dark)}.no-students-message .sub-text{font-size:.9rem;color:#94a3b8}.reg-number{font-family:Courier New,monospace;color:var(--primary-green);font-weight:600}.no-students{text-align:center;padding:40px;color:var(--text-gray);font-style:italic}.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--text-dark);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-green)}.form-help-text{display:block;margin-top:4px;font-size:.8rem;color:#64748b;font-style:italic}.file-upload-container{position:relative;display:flex;align-items:center;gap:12px}.file-input{display:none}.file-label{flex:1;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .3s ease}.file-label:hover{background:#f3f4f6;border-color:var(--primary-green)}.file-icon{font-size:1.5rem}.file-text{flex:1;font-size:.938rem;color:var(--text-gray)}.file-upload-container:has(.file-input[value]) .file-label{border-color:var(--primary-green);background:#f0fdf4}.file-upload-container:has(.file-input:not([value=""])) .file-text{color:var(--primary-green);font-weight:600}.file-remove-btn{width:36px;height:36px;border-radius:50%;background:#fee2e2;color:#dc2626;border:none;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.file-remove-btn:hover{background:#fecaca;transform:scale(1.1)}.file-help-text{display:block;margin-top:8px;font-size:.813rem;color:#6b7280;line-height:1.4}.courses-checkboxes{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:12px;background:#f9fafb;border-radius:8px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.no-courses-message{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.no-courses-message p{margin:8px 0;font-size:1rem;color:var(--text-dark)}.no-courses-message .sub-text{font-size:.9rem;color:#94a3b8}.status-badge{padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.status-active{background:#dcfce7;color:#16a34a}.status-badge.status-inactive{background:#fee2e2;color:#dc2626}.btn-green{background:var(--primary-green);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-green:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 4px 8px #22c55e4d}.btn-primary{background:var(--primary-green);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:#16a34a;transform:translateY(-2px)}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:var(--text-dark);border:2px solid #e5e7eb;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px 12px 0 0}.modal-header h2{font-size:1.5rem;color:#fff;margin:0;font-weight:600}.modal-close{background:transparent;border:none;font-size:2rem;color:#fff;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s ease}.modal-body{padding:24px}.btn-view-credentials{background:var(--primary-green);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-view-credentials:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 2px 8px #22c55e4d}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@media print{.no-print{display:none!important}.modal-overlay{position:static;background:#fff}.modal-content{box-shadow:none;border:none}.modal-header{background:#22c55e}}.credentials-modal{max-width:600px}.credentials-info{padding:20px 0}.credentials-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:24px}.credential-item{margin-bottom:20px}.credential-item label{display:block;font-weight:600;color:var(--text-dark);margin-bottom:8px;font-size:.9rem}.credential-value{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:12px 16px;border-radius:8px;border:2px solid #e5e7eb;font-family:Courier New,monospace;font-size:1rem;gap:12px}.credential-value span{flex:1;word-break:break-all}.btn-copy-credential{background:var(--primary-green);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-copy-credential:hover{background:#16a34a;transform:translateY(-2px)}.whatsapp-section{background:#dcfce7;border:2px solid #86efac;border-radius:12px;padding:20px;margin-bottom:20px;text-align:center}.whatsapp-label{font-weight:600;color:var(--text-dark);margin-bottom:12px}.btn-whatsapp{display:inline-block;background:#25d366;color:#fff;text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .3s ease}.btn-whatsapp:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 4px 8px #25d3664d}.credentials-note{background:#fef3c7;border:2px solid #fde68a;border-radius:8px;padding:16px;margin-top:20px}.credentials-note p{margin:8px 0;font-size:.9rem;color:#92400e}.credentials-note p:first-child{margin-top:0}.credentials-note p:last-child{margin-bottom:0}.credentials-note strong{color:#78350f}.login-url-link{color:#2563eb;text-decoration:none;font-weight:600;word-break:break-all}.login-url-link:hover{text-decoration:underline;color:#1d4ed8}.enroll-modal{max-width:650px}.enroll-info{padding:10px 0}.enroll-course-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px}.enroll-course-card h3{font-size:1.2rem;color:var(--text-dark);margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.enroll-course-details{display:flex;flex-direction:column;gap:12px}.enroll-detail-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e5e7eb}.enroll-detail-item:last-child{border-bottom:none}.enroll-label{font-weight:600;color:var(--text-gray);font-size:.9rem}.enroll-value{font-weight:600;color:var(--text-dark);font-size:.95rem;text-align:right}.enroll-warning-box{background:#fef3c7;border:2px solid #fde68a;border-radius:12px;padding:20px;margin-bottom:20px}.enroll-warning-box h4{font-size:1.1rem;color:#92400e;margin:0 0 12px}.enroll-warning-box p{font-size:.95rem;color:#92400e;margin:0 0 12px}.enroll-criteria-list{list-style:none;padding:0;margin:0}.enroll-criteria-list li{padding:8px 0;font-size:.95rem;color:#92400e;font-weight:500}.enroll-criteria-list li strong{color:#78350f}.enroll-note-box{background:#dbeafe;border:2px solid #93c5fd;border-radius:12px;padding:16px}.enroll-note-box p{margin:0;font-size:.9rem;color:#1e40af;line-height:1.5}.enroll-note-box strong{color:#1e3a8a}@media (max-width: 1024px){.lms-content{padding:30px 16px}.lms-container{max-width:100%}.lms-tab-content{padding:20px}}@media (max-width: 768px){.lms-content{padding:20px 12px}.lms-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin-bottom:20px}.lms-tab{flex-shrink:0;padding:10px 16px;font-size:.9rem}.lms-section-header{flex-direction:column;align-items:flex-start;gap:16px}.lms-section-header h2{font-size:1.3rem}.btn-green{width:100%;padding:10px 20px}.courses-grid{grid-template-columns:1fr;gap:16px}.course-card{padding:16px}.course-header h3{font-size:1.1rem}.course-description{padding:10px;margin-top:12px;margin-bottom:12px}.students-list{grid-template-columns:1fr}.instructors-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.instructors-table{min-width:600px}.enroll-detail-item{flex-direction:column;align-items:flex-start;gap:4px}.enroll-value{text-align:left}.modal-content.enroll-modal,.modal-content{max-width:95%;margin:10px}.modal-header{padding:20px}.modal-header h2{font-size:1.3rem}.modal-body{padding:20px}}@media (max-width: 480px){.lms-content{padding:16px 8px}.lms-tab-content{padding:16px;border-radius:8px}.lms-section-header h2{font-size:1.2rem}.course-card{padding:14px}.course-header{flex-direction:column;align-items:flex-start;gap:8px}.course-info p{font-size:.85rem;margin:6px 0}.course-description{padding:8px}.course-description p{font-size:.85rem}.btn-edit,.btn-enroll{font-size:.8rem;padding:8px 12px}.modal-overlay{padding:10px}.modal-content{max-width:100%;margin:0;border-radius:8px}.modal-header{padding:16px}.modal-header h2{font-size:1.1rem}.modal-body{padding:16px}.form-group{margin-bottom:16px}.form-group input,.form-group select,.form-group textarea{padding:10px;font-size:.9rem}.modal-actions{flex-direction:column;gap:8px}.modal-actions button{width:100%}}.instructor-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.instructor-login-container{width:100%;max-width:450px}.instructor-login-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:40px}.instructor-login-header{text-align:center;margin-bottom:32px}.instructor-logo-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 16px;box-shadow:0 4px 12px #667eea4d}.instructor-login-header h1{font-size:2rem;color:#1f2937;margin:0 0 8px;font-weight:700}.instructor-login-header p{color:#6b7280;margin:0;font-size:.95rem}.instructor-login-form{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:600;font-size:.9rem}.form-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f3f4f6;cursor:not-allowed}.btn{border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-green{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-green:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-green:disabled{opacity:.6;cursor:not-allowed}.btn-large{width:100%;padding:14px}.btn-secondary{background:#f3f4f6;color:#374151;padding:10px 20px}.btn-secondary:hover{background:#e5e7eb}.instructor-login-footer{text-align:center;padding-top:24px;border-top:1px solid #e5e7eb}.instructor-login-footer p{color:#6b7280;margin-bottom:12px;font-size:.9rem}@media (max-width: 768px){.instructor-login-card{padding:30px 20px}.instructor-login-header h1{font-size:1.75rem}}.instructor-dashboard{min-height:100vh;background-color:#f9fafb}.instructor-header{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:24px 0;box-shadow:0 2px 8px #0000001a}.instructor-header-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.instructor-header h1{font-size:2rem;margin:0 0 4px;font-weight:700}.instructor-header p{font-size:1rem;margin:0;opacity:.95}.header-actions{display:flex;gap:12px}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.btn-secondary{background-color:#fff3;color:#fff;border:2px solid rgba(255,255,255,.5)}.btn-secondary:hover{background-color:#fff;color:#22c55e;border-color:#fff}.instructor-dashboard-content{max-width:1200px;margin:0 auto;padding:32px 24px}.dashboard-container{display:flex;flex-direction:column;gap:24px}.dashboard-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;border:1px solid #f1f5f9}.dashboard-section h2{font-size:1.5rem;color:#1f2937;margin:0 0 24px;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.dashboard-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:1px solid #f1f5f9;text-align:center}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#e2e8f0}.dashboard-card-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px;box-shadow:0 2px 8px #0000001a}.dashboard-card h3{font-size:1.125rem;color:#1f2937;margin:0 0 8px;font-weight:600}.dashboard-card-value{font-size:2rem;font-weight:700;color:#1f2937;margin:8px 0}.dashboard-card-label{font-size:.875rem;color:#6b7280;margin:0}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.action-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.action-card:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf626}.action-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;color:#fff}.action-content{flex:1}.action-content h3{margin:0 0 6px;font-size:1.125rem;color:#1f2937;font-weight:600}.action-content p{margin:0;font-size:.875rem;color:#6b7280;line-height:1.4}.instructor-info-card{background:#fff;border-radius:12px;padding:32px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.instructor-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.instructor-info-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb;transition:all .2s ease}.instructor-info-item:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.instructor-info-item-full{grid-column:1 / -1}.info-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;font-size:24px;flex-shrink:0;box-shadow:0 2px 4px #0000000d}.info-content{flex:1;min-width:0}.info-content .info-label{font-size:.813rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.info-content .info-value{font-size:1rem;font-weight:500;color:#1f2937;word-break:break-word}.info-value-subjects{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.subject-tag{display:inline-block;padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;color:#374151}@media (max-width: 768px){.instructor-info-grid{grid-template-columns:1fr;gap:16px}.instructor-info-item{padding:16px}.info-icon{width:40px;height:40px;font-size:20px}.instructor-info-card{padding:24px}}.info-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb}.info-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #e5e7eb}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:#475569;font-size:.938rem}.info-value{color:#1e293b;font-size:1rem;font-weight:500;text-align:right}.status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-active,.status-enrolled{background-color:#d1fae5;color:#065f46}.status-inactive,.status-suspended{background-color:#fee2e2;color:#991b1b}.status-pending{background-color:#fef3c7;color:#92400e}.status-draft{background-color:#e5e7eb;color:#374151}.status-published{background-color:#dbeafe;color:#1e40af}.status-archived{background-color:#f3f4f6;color:#6b7280}.status-graded{background-color:#d1fae5;color:#065f46}.status-submitted{background-color:#dbeafe;color:#1e40af}.level-badge,.program-badge{display:inline-block;padding:4px 12px;background-color:#e0e7ff;color:#3730a3;border-radius:12px;font-size:.813rem;font-weight:600}.payment-status-badge{display:inline-block;padding:4px 10px;background-color:#d1fae5;color:#065f46;border-radius:8px;font-size:.75rem;font-weight:600;margin-left:8px}.subjects-students-list{display:flex;flex-direction:column;gap:24px}.subject-group{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.subject-group-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.subject-group-header h3{margin:0;font-size:1.25rem;color:#1f2937;font-weight:700}.subject-code{padding:4px 10px;background-color:#e0e7ff;color:#3730a3;border-radius:8px;font-size:.813rem;font-weight:600}.student-count-badge{margin-left:auto;padding:6px 12px;background-color:#8b5cf6;color:#fff;border-radius:12px;font-size:.813rem;font-weight:600}.students-table-container{overflow-x:auto}.students-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.students-table thead{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.students-table th{padding:14px 16px;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.students-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;font-size:.938rem;color:#374151}.students-table tbody tr:hover{background-color:#f9fafb}.students-table tbody tr:last-child td{border-bottom:none}.student-name{font-weight:600;color:#1f2937}.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:10000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column}.modal-content.assignments-modal{max-width:1000px}.modal-content.chat-modal-content{max-width:90vw;width:1000px;max-height:90vh;height:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px 12px 0 0;flex-shrink:0;position:relative;z-index:1;width:100%;box-sizing:border-box}.modal-header h2{font-size:1.5rem;color:#fff;margin:0;font-weight:600;flex:1;min-width:0;display:flex;align-items:center;gap:8px}.modal-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:16px}.btn-create-assignment{padding:10px 20px;background-color:#fff3;color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:8px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s;white-space:nowrap}.btn-create-assignment:hover{background-color:#fff;color:#22c55e;border-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.modal-close{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .3s ease}.modal-close:hover{background-color:#fff3}.modal-body{padding:24px;flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.loading{text-align:center;padding:40px;color:#6b7280;font-size:1rem}.no-data-message{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:8px;border:2px dashed #e5e7eb}.no-data-icon{font-size:4rem;margin-bottom:16px}.no-data-message p{margin:8px 0;color:#6b7280}.no-data-message .sub-text{font-size:.875rem;color:#9ca3af}.no-assignments-message{text-align:center;padding:80px 40px;background:#fff;border-radius:12px;border:2px dashed #e5e7eb;margin:20px 0}.no-assignments-message p{margin:12px 0;color:#6b7280;font-size:1.125rem}.no-assignments-message p:first-child{font-size:1.25rem;font-weight:600;color:#1f2937;display:flex;align-items:center;justify-content:center;gap:8px}.no-assignments-message .sub-text{font-size:.938rem;color:#9ca3af;margin-top:8px;line-height:1.6}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#1f2937;font-size:.938rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.938rem;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.btn-submit{padding:12px 24px;background-color:#22c55e;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.btn-submit:hover:not(:disabled){background-color:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.btn-submit:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-cancel{padding:12px 24px;background-color:#6b7280;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.btn-cancel:hover{background-color:#4b5563}.live-streams-modal{max-width:1000px;max-height:95vh}.streams-header{display:flex;justify-content:flex-end;margin-bottom:20px}.btn-create-stream{padding:10px 20px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s}.btn-create-stream:hover{background-color:#dc2626;transform:translateY(-2px)}.streams-list{display:flex;flex-direction:column;gap:16px}.stream-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s}.stream-card:hover{border-color:#ef4444;box-shadow:0 4px 12px #ef44441a}.stream-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.stream-card-header h3{margin:0 0 8px;color:#1f2937}.stream-subject-badge{padding:4px 10px;background-color:#e0e7ff;color:#3730a3;border-radius:12px;font-size:.75rem;font-weight:600}.stream-status-badge{padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.stream-status-badge.status-live{background-color:#fee2e2;color:#991b1b;animation:pulse 2s infinite}.stream-status-badge.status-scheduled{background-color:#dbeafe;color:#1e40af}.stream-status-badge.status-ended{background-color:#f3f4f6;color:#6b7280}.stream-status-badge.status-cancelled{background-color:#fee2e2;color:#991b1b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.stream-description{color:#6b7280;font-size:.938rem;margin-bottom:12px;line-height:1.5}.stream-details{display:flex;flex-wrap:wrap;gap:12px;font-size:.875rem;color:#4b5563;margin-bottom:16px}.stream-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-start-stream,.btn-view-stream,.btn-edit-stream,.btn-delete-stream,.btn-end-stream{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.btn-start-stream{background-color:#10b981;color:#fff}.btn-start-stream:hover{background-color:#059669}.btn-view-stream{background-color:#3b82f6;color:#fff}.btn-view-stream:hover{background-color:#2563eb}.btn-edit-stream{background-color:#8b5cf6;color:#fff}.btn-edit-stream:hover{background-color:#7c3aed}.btn-delete-stream{background-color:#ef4444;color:#fff}.btn-delete-stream:hover{background-color:#dc2626}.btn-end-stream{background-color:#f59e0b;color:#fff}.btn-end-stream:hover{background-color:#d97706}.stream-form-modal{max-width:700px;max-height:95vh}.stream-form{display:flex;flex-direction:column;gap:20px}.stream-player-modal{max-width:95vw;max-height:95vh;width:1400px}.stream-player-body{padding:0;height:calc(95vh - 60px);overflow:hidden}.stream-player-container{display:flex;height:100%;gap:0}.stream-video-section{flex:1;display:flex;flex-direction:column;background:#000;position:relative}.stream-video-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:#1f2937;color:#fff}.video-placeholder-content{text-align:left;padding:40px;max-width:800px;margin:0 auto}.video-icon{font-size:4rem;margin-bottom:20px;text-align:center}.video-placeholder-content h3{margin:0 0 24px;color:#fff;text-align:center;font-size:1.5rem}.stream-setup-info{display:flex;flex-direction:column;gap:24px}.setup-step{display:flex;gap:16px;background:#ffffff0d;padding:20px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.step-number{width:40px;height:40px;border-radius:50%;background:#8b5cf6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0}.step-content{flex:1}.step-content strong{display:block;color:#fff;font-size:1.125rem;margin-bottom:8px}.step-content p{margin:8px 0;color:#d1d5db;font-size:.938rem;line-height:1.6}.step-content a{color:#60a5fa;text-decoration:underline}.step-content a:hover{color:#93c5fd}.stream-credentials-box{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:16px;margin-top:12px}.credential-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.credential-item:last-child{margin-bottom:0}.credential-item label{min-width:100px;color:#d1d5db;font-weight:600;font-size:.875rem}.credential-item code{flex:1;background:#0006;padding:8px 12px;border-radius:6px;font-size:.813rem;color:#fbbf24;font-family:Courier New,monospace;word-break:break-all;border:1px solid rgba(255,255,255,.1)}.credential-item code.copyable{cursor:pointer;transition:all .2s}.credential-item code.copyable:hover{background:#0009;border-color:#8b5cf6}.btn-copy-small{padding:6px 12px;background-color:#8b5cf6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.813rem;font-weight:600;transition:all .2s;white-space:nowrap}.btn-copy-small:hover{background-color:#7c3aed;transform:translateY(-1px)}.stream-note{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:16px;margin-top:8px}.stream-note strong{color:#fbbf24;display:block;margin-bottom:6px}.stream-note p{margin:0;color:#d1d5db;font-size:.875rem;line-height:1.6}.instructor-video-preview{width:100%;max-width:100%;height:auto;max-height:70vh;background:#000;border-radius:8px;object-fit:contain}.btn-start-browser-stream{padding:12px 24px;background-color:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s;margin-top:20px}.btn-start-browser-stream:hover:not(:disabled){background-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-start-browser-stream:disabled{background-color:#9ca3af;cursor:not-allowed}.stream-status-indicator{display:flex;align-items:center;gap:8px;color:#10b981;font-weight:600;font-size:.875rem}.live-dot{width:12px;height:12px;background-color:#ef4444;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stream-info-box{margin-top:20px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.stream-info-box p{margin:8px 0;font-size:.875rem}.stream-info-box code{background:#e5e7eb;padding:4px 8px;border-radius:4px;font-size:.75rem;font-family:monospace}.stream-note-text{color:#6b7280;font-size:.875rem;margin-top:12px}.stream-controls{padding:16px;background:#111827;border-top:1px solid #374151}.btn-end-stream-large{width:100%;padding:12px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.btn-end-stream-large:hover{background-color:#dc2626}.stream-sidebar{width:350px;background:#f9fafb;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.stream-participants-section,.stream-chat-section{padding:16px;border-bottom:1px solid #e5e7eb}.stream-participants-section{flex-shrink:0;max-height:300px;overflow-y:auto}.stream-participants-section h3,.stream-chat-section h3{margin:0 0 12px;font-size:1rem;color:#1f2937}.participants-list{display:flex;flex-direction:column;gap:8px}.no-participants,.no-messages{color:#6b7280;font-size:.875rem;text-align:center;padding:20px}.participant-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.participant-name{font-size:.875rem;color:#1f2937}.participant-type{font-size:.75rem;color:#6b7280;text-transform:capitalize}.stream-chat-section{flex:1;display:flex;flex-direction:column;min-height:0}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;margin-bottom:12px;padding-right:8px}.chat-message{background:#fff;padding:10px;border-radius:6px;border:1px solid #e5e7eb}.chat-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-message-header strong{font-size:.875rem;color:#1f2937}.chat-time{font-size:.75rem;color:#6b7280}.chat-message-content{font-size:.875rem;color:#374151;line-height:1.5}.chat-input-form{display:flex;gap:8px}.chat-input{flex:1;padding:10px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem}.chat-input:focus{outline:none;border-color:#8b5cf6}.btn-send-message{padding:10px 20px;background-color:#8b5cf6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.btn-send-message:hover{background-color:#7c3aed}.live-indicator{color:#ef4444;animation:pulse 2s infinite}@media (max-width: 768px){.quick-actions-grid,.dashboard-grid,.form-row{grid-template-columns:1fr}.students-table-container{overflow-x:auto}.stream-player-container{flex-direction:column}.stream-sidebar{width:100%;max-height:300px}.stream-video-section{min-height:300px}}.modal-content.quizzes-modal{max-width:1000px}.btn-create-quiz{padding:10px 20px;background-color:#fff3;color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:8px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:8px;white-space:nowrap}.btn-create-quiz:hover{background-color:#fff;color:#22c55e;border-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.quizzes-list{display:flex;flex-direction:column;gap:16px}.quiz-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s;cursor:pointer}.quiz-item:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-2px)}.quiz-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.quiz-item-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 4px}.quiz-item-subject{font-size:.875rem;color:#6b7280;margin:0}.quiz-item-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.875rem;color:#4b5563;margin-top:12px}.quiz-item-meta span{display:flex;align-items:center;gap:4px}.no-quizzes-message{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.no-quizzes-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.no-quizzes-message p{margin:8px 0;color:#6b7280;font-size:1rem}.no-quizzes-message .sub-text{font-size:.875rem;color:#9ca3af;margin-top:8px}.quiz-details-view{display:flex;flex-direction:column;gap:24px}.quiz-details-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:20px;border-bottom:2px solid #e5e7eb;flex-wrap:wrap;gap:12px}.btn-back{padding:8px 16px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s}.btn-back:hover{background-color:#4b5563;transform:translateY(-1px)}.quiz-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-edit,.btn-view-submissions,.btn-delete{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.btn-edit:hover{background-color:#7c3aed;transform:translateY(-1px)}.btn-view-submissions{background-color:#3b82f6;color:#fff}.btn-view-submissions:hover{background-color:#2563eb;transform:translateY(-1px)}.btn-delete:hover{background-color:#dc2626;transform:translateY(-1px)}.quiz-info-section{background:#f9fafb;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.quiz-info-section h3{margin:0 0 16px;color:#1f2937;font-size:1.5rem}.quiz-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 20px;margin-bottom:16px;font-size:.938rem}.quiz-meta span{color:#4b5563;display:flex;align-items:center;gap:6px}.quiz-meta strong{color:#1f2937;font-weight:600;min-width:fit-content}.quiz-description,.quiz-instructions{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.quiz-description strong,.quiz-instructions strong{display:block;margin-bottom:8px;color:#1f2937;font-size:1rem}.quiz-description p,.quiz-instructions p{margin:0;color:#4b5563;line-height:1.6;white-space:pre-wrap}.quiz-questions-section{background:#fff;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.section-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.section-header-actions h3{margin:0;color:#1f2937;font-size:1.25rem}.btn-add-question{padding:10px 20px;background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-add-question:hover{background-color:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.no-questions-message{text-align:center;padding:40px 20px;background:#f9fafb;border-radius:8px;border:2px dashed #e5e7eb}.no-questions-icon{font-size:3rem;margin-bottom:12px;opacity:.5}.no-questions-message p{margin:8px 0;color:#6b7280}.no-questions-message .sub-text{font-size:.875rem;color:#9ca3af;margin-top:4px}.modal-content.quiz-form-modal{max-width:700px}.quiz-form{display:flex;flex-direction:column;gap:20px}.modal-content.question-form-modal{max-width:800px;max-height:95vh}.question-form{display:flex;flex-direction:column;gap:20px}.help-text{display:block;font-size:.813rem;color:#6b7280;font-weight:400;margin-top:4px;font-style:italic}.options-list{display:flex;flex-direction:column;gap:16px;margin-top:12px}.option-input-group{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s}.option-input-group:hover{border-color:#8b5cf6;background:#faf5ff}.option-number-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#8b5cf6;color:#fff;border-radius:50%;font-weight:700;font-size:.875rem;flex-shrink:0}.option-text-input{flex:1;padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.938rem;transition:all .2s}.option-text-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s;flex-shrink:0;white-space:nowrap}.checkbox-label:hover{background-color:#f3f4f6}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#8b5cf6}.checkbox-label span{font-size:.875rem;color:#4b5563;font-weight:500}.checkbox-label span.correct-label{color:#059669;font-weight:600}.btn-remove-option{padding:6px 12px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.813rem;font-weight:600;transition:all .2s;flex-shrink:0;white-space:nowrap}.btn-remove-option:hover{background-color:#dc2626;transform:translateY(-1px)}.btn-add-option{padding:12px 20px;background-color:#f3f4f6;color:#1f2937;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.btn-add-option:hover{background-color:#e5e7eb;border-color:#8b5cf6;color:#8b5cf6;border-style:solid}.option-warning{margin:8px 0 0;padding:12px;background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;color:#92400e;font-size:.875rem;font-weight:500}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:2px solid #e5e7eb}.btn-cancel{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s}.btn-cancel:hover{background-color:#4b5563;transform:translateY(-1px)}.btn-submit{padding:10px 24px;background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s}.btn-submit:hover:not(:disabled){background-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-submit:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.modal-content.submissions-modal{max-width:1200px}.modal-content.grade-modal{max-width:800px}.grade-form{display:flex;flex-direction:column;gap:20px;margin-top:20px}.student-info-box{background:#f0fdf4;border:2px solid #22c55e;border-radius:8px;padding:16px;margin-bottom:20px}.student-info-box h3{margin:0 0 8px;color:#16a34a;font-size:1.25rem}.student-info-box p{margin:4px 0;color:#1f2937;font-size:.938rem}.submission-preview-section{margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.submission-preview-section strong{display:block;margin-bottom:8px;color:#1f2937;font-size:.938rem}.submission-preview-content{background:#fff;padding:12px;border-radius:6px;border:1px solid #d1d5db;color:#1f2937;white-space:pre-wrap;word-wrap:break-word;line-height:1.6;font-size:.938rem}.submission-file-preview{margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.submission-file-preview strong{display:block;margin-bottom:8px;color:#1f2937;font-size:.938rem}.btn-view-submission-file{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-view-submission-file:hover{background-color:#2563eb;transform:translateY(-1px)}.submissions-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.submission-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.submission-card:hover{border-color:#22c55e;box-shadow:0 4px 12px #22c55e1a}.submission-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.submission-student-info h4{margin:0 0 4px;color:#1f2937;font-size:1.125rem;font-weight:600}.submission-reg-number{margin:4px 0;color:#6b7280;font-size:.875rem}.submission-email{margin:4px 0 0;color:#6b7280;font-size:.875rem}.submission-status-section{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-badge{padding:6px 12px;border-radius:12px;font-size:.813rem;font-weight:600;text-transform:capitalize}.status-badge.status-submitted{background-color:#dbeafe;color:#1e40af}.status-badge.status-graded{background-color:#d1fae5;color:#065f46}.grade-display{padding:6px 12px;background-color:#f0fdf4;border:1px solid #22c55e;border-radius:8px;font-size:.875rem;color:#16a34a;font-weight:600}.submission-content{margin-bottom:16px}.submission-metadata{display:flex;gap:20px;margin-bottom:16px;font-size:.875rem;color:#6b7280}.submission-metadata p{margin:0}.submission-text-section{margin-bottom:16px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.submission-text-section strong{display:block;margin-bottom:8px;color:#1f2937;font-size:.938rem}.submission-text-content{background:#fff;padding:12px;border-radius:6px;color:#1f2937;white-space:pre-wrap;word-wrap:break-word;line-height:1.6;font-size:.938rem}.submission-file-section{margin-bottom:16px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.submission-file-section strong{display:block;margin-bottom:8px;color:#1f2937;font-size:.938rem}.btn-download-submission-file{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-download-submission-file:hover{background-color:#2563eb;transform:translateY(-1px)}.submission-feedback-section{margin-bottom:16px;padding:12px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px}.submission-feedback-section strong{display:block;margin-bottom:8px;color:#1f2937;font-size:.938rem}.submission-feedback-content{background:#fff;padding:12px;border-radius:6px;color:#1f2937;white-space:pre-wrap;word-wrap:break-word;line-height:1.6;font-size:.938rem}.submission-actions{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid #e5e7eb}.btn-grade-submission{padding:10px 20px;background-color:#22c55e;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-grade-submission:hover{background-color:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.submissions-table-container{overflow-x:auto;margin-top:20px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.submissions-table{width:100%;border-collapse:collapse;font-size:.938rem}.submissions-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.submissions-table th{padding:12px 16px;text-align:left;font-weight:600;color:#1f2937;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.submissions-table th:last-child{text-align:center}.submissions-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.submissions-table tbody tr:hover{background-color:#f9fafb}.submissions-table tbody tr:last-child{border-bottom:none}.submissions-table td{padding:12px 16px;color:#4b5563;vertical-align:middle}.submissions-table td:last-child{text-align:center}.percentage-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:.813rem;font-weight:600}.percentage-badge.passed{background-color:#d1fae5;color:#065f46}.percentage-badge.failed{background-color:#fee2e2;color:#991b1b}.btn-view-submission{padding:6px 12px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.813rem;font-weight:600;transition:all .2s}.btn-view-submission:hover{background-color:#2563eb;transform:translateY(-1px)}.no-submissions-message{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb;margin-top:24px}.no-submissions-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.no-submissions-message p{margin:8px 0;color:#6b7280;font-size:1rem}.no-submissions-message .sub-text{font-size:.875rem;color:#9ca3af;margin-top:8px}.quiz-item-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.quiz-item-actions button{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.813rem;font-weight:600;transition:all .2s}.btn-view-quiz{background-color:#3b82f6;color:#fff}.btn-view-quiz:hover{background-color:#2563eb}.btn-edit-quiz{background-color:#8b5cf6;color:#fff}.btn-edit-quiz:hover{background-color:#7c3aed}.btn-delete-quiz{background-color:#ef4444;color:#fff}.btn-delete-quiz:hover{background-color:#dc2626}.quizzes-list-container{margin-top:20px}.quiz-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s;margin-bottom:16px}.quiz-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-2px)}.quiz-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.quiz-card-header h4{margin:0 0 4px;font-size:1.125rem;font-weight:600;color:#1f2937}.quiz-subject{margin:0;font-size:.875rem;color:#6b7280}.quiz-card-details{display:flex;flex-wrap:wrap;gap:16px;font-size:.875rem;color:#4b5563;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.quiz-card-details span{display:flex;align-items:center;gap:4px}.quiz-card-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;flex-wrap:wrap}.quiz-card-description{margin:12px 0 0;color:#4b5563;font-size:.938rem;line-height:1.5}.btn-view-submissions-small,.btn-edit-small,.btn-delete-small{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-view-submissions-small{background-color:#3b82f6;color:#fff}.btn-view-submissions-small:hover{background-color:#2563eb;transform:translateY(-1px)}.btn-edit-small{background-color:#8b5cf6;color:#fff}.btn-edit-small:hover{background-color:#7c3aed;transform:translateY(-1px)}.btn-delete-small{background-color:#ef4444;color:#fff}.btn-delete-small:hover{background-color:#dc2626;transform:translateY(-1px)}.questions-list{display:flex;flex-direction:column;gap:16px}.question-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.question-card:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.question-number{font-weight:700;color:#8b5cf6;font-size:1rem}.question-type-badge{padding:4px 12px;background-color:#e0e7ff;color:#6366f1;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.question-points{font-weight:600;color:#059669;font-size:.875rem}.question-text{margin-bottom:12px}.question-text p{margin:0;color:#1f2937;font-size:.938rem;line-height:1.6}.question-options{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.question-options strong{display:block;margin-bottom:8px;color:#1f2937;font-size:.875rem}.option-item{padding:8px 12px;margin:6px 0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:8px}.option-item.correct{background:#f0fdf4;border-color:#22c55e}.correct-badge{padding:2px 8px;background-color:#22c55e;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.question-correct-answer,.question-explanation{margin-top:12px;padding:12px;background:#f0f9ff;border-left:3px solid #3b82f6;border-radius:4px;font-size:.875rem}.question-correct-answer strong,.question-explanation strong{color:#1e40af;margin-right:8px}.question-warning{margin-top:12px;padding:12px;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;color:#92400e;font-size:.875rem}.status-badge.status-published{background-color:#dbeafe;color:#1e40af;padding:4px 12px;border-radius:12px;font-size:.813rem;font-weight:600;text-transform:capitalize}.status-badge.status-draft{background-color:#f3f4f6;color:#4b5563;padding:4px 12px;border-radius:12px;font-size:.813rem;font-weight:600;text-transform:capitalize}.status-badge.status-active{background-color:#d1fae5;color:#065f46;padding:4px 12px;border-radius:12px;font-size:.813rem;font-weight:600;text-transform:capitalize}.subject-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:20px}.subject-selection-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:8px}.subject-selection-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626;transform:translateY(-2px)}.subject-selection-card h4{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.subject-selection-card p{margin:0;font-size:.875rem;color:#6b7280}.attendance-mode-toggle,.messages-mode-toggle{display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.mode-btn{padding:10px 20px;background-color:#f3f4f6;color:#4b5563;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:6px}.mode-btn:hover{background-color:#e5e7eb;color:#1f2937}.mode-btn.active{background-color:#8b5cf6;color:#fff;border-color:#8b5cf6}.mode-btn.active:hover{background-color:#7c3aed}.modal-content.course-materials-modal{max-width:800px}.materials-list{display:flex;flex-direction:column;gap:16px}.material-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.material-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a}.material-header{display:flex;gap:16px;margin-bottom:16px}.material-icon{font-size:2.5rem;flex-shrink:0}.material-info h3{margin:0 0 4px;font-size:1.25rem;color:#1f2937}.material-code{margin:0 0 8px;color:#6b7280;font-size:.875rem}.material-description{margin:0;color:#4b5563;font-size:.938rem;line-height:1.5}.material-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-download,.btn-view{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:8px;text-decoration:none}.btn-download{background-color:#3b82f6;color:#fff}.btn-download:hover{background-color:#2563eb;transform:translateY(-1px)}.btn-view{background-color:#22c55e;color:#fff}.btn-view:hover{background-color:#16a34a;transform:translateY(-1px)}.no-materials-message{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.no-materials-message p{margin:8px 0;color:#6b7280;font-size:1rem}.no-materials-message .sub-text{font-size:.875rem;color:#9ca3af;margin-top:8px}.modal-content.gradebook-modal{max-width:1200px}.gradebook-subject-selection{text-align:center;padding:20px}.gradebook-subject-selection h3{margin:0 0 8px;color:#1f2937;font-size:1.5rem}.gradebook-subject-selection>p{margin:0 0 24px;color:#6b7280;font-size:1rem}.gradebook-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb;flex-wrap:wrap;gap:16px}.gradebook-header h3{margin:0;color:#1f2937;font-size:1.5rem}.gradebook-stats{display:flex;gap:16px;flex-wrap:wrap}.gradebook-stats span{padding:8px 16px;background:#f3f4f6;border-radius:8px;font-size:.875rem;color:#4b5563;white-space:nowrap}.gradebook-table-container{overflow-x:auto;margin-top:24px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.gradebook-table{width:100%;border-collapse:collapse;font-size:.938rem}.gradebook-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.gradebook-table th{padding:12px 16px;text-align:left;font-weight:600;color:#1f2937;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.gradebook-table th.student-col{min-width:200px}.gradebook-table th.reg-col{min-width:150px}.gradebook-table th.assignment-col{min-width:140px}.gradebook-table th.total-col,.gradebook-table th.average-col,.gradebook-table th.grade-col{min-width:100px;text-align:center}.assignment-header-cell{display:flex;flex-direction:column;gap:4px}.assignment-title{font-weight:600;color:#1f2937;font-size:.813rem;line-height:1.3;word-break:break-word}.assignment-points{font-size:.75rem;color:#6b7280;font-weight:500}.gradebook-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.gradebook-table tbody tr:hover{background-color:#f9fafb}.gradebook-table tbody tr:last-child{border-bottom:none}.gradebook-table td{padding:12px 16px;color:#4b5563;vertical-align:middle}.student-name-cell{min-width:200px}.student-name{font-weight:600;color:#1f2937;margin-bottom:4px}.student-email{font-size:.813rem;color:#6b7280}.reg-number-cell{font-family:Courier New,monospace;font-size:.875rem;color:#4b5563;min-width:150px}.grade-cell{text-align:center;min-width:140px}.grade-cell.graded{background-color:#f0fdf4}.grade-cell.ungraded{background-color:#fef2f2}.grade-display-cell{display:flex;align-items:center;justify-content:center;gap:4px;font-weight:600}.grade-value{color:#059669;font-size:1rem}.grade-separator{color:#6b7280}.grade-total{color:#4b5563}.submitted-badge{display:inline-block;padding:4px 12px;background-color:#dbeafe;color:#1e40af;border-radius:12px;font-size:.75rem;font-weight:600}.no-grade{color:#9ca3af;font-style:italic}.total-cell,.average-cell{text-align:center;font-weight:600;color:#1f2937}.total-cell strong,.average-cell strong{font-size:1rem;color:#1f2937}.letter-grade-cell{text-align:center}.letter-grade{display:inline-block;padding:6px 12px;border-radius:6px;font-weight:700;font-size:.875rem;min-width:40px;text-align:center}.letter-grade.grade-a{background-color:#d1fae5;color:#065f46}.letter-grade.grade-b{background-color:#dbeafe;color:#1e40af}.letter-grade.grade-c{background-color:#fef3c7;color:#92400e}.letter-grade.grade-d{background-color:#fed7aa;color:#9a3412}.letter-grade.grade-f{background-color:#fee2e2;color:#991b1b}@media (max-width: 1200px){.gradebook-table-container{overflow-x:auto}.gradebook-table{min-width:800px}}.modal-content.attendance-modal{max-width:1000px}.attendance-subject-selection{text-align:center;padding:20px}.attendance-subject-selection h3{margin:0 0 8px;color:#1f2937;font-size:1.5rem}.attendance-subject-selection>p{margin:0 0 24px;color:#6b7280;font-size:1rem}.mark-attendance-content{display:flex;flex-direction:column;gap:24px}.attendance-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:2px solid #e5e7eb;flex-wrap:wrap;gap:16px}.attendance-header h3{margin:0;color:#1f2937;font-size:1.5rem}.attendance-date-selector{display:flex;align-items:center;gap:12px}.attendance-date-selector label{font-weight:600;color:#1f2937;font-size:.938rem}.attendance-date-selector input[type=date]{padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.938rem;color:#1f2937;cursor:pointer;transition:all .2s}.attendance-date-selector input[type=date]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.btn-change-subject{padding:8px 16px;background-color:#6b7280;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s}.btn-change-subject:hover{background-color:#4b5563;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.no-students-message{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.no-students-message p{margin:0;color:#6b7280;font-size:1rem;font-weight:500}.attendance-form{display:flex;flex-direction:column;gap:24px}.attendance-students-list{display:flex;flex-direction:column;gap:16px}.attendance-student-row{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .2s}.student-row{transition:background-color .2s ease}.student-row:hover{background-color:#f3f4f6;cursor:pointer}.student-details-modal{max-width:800px;max-height:90vh;overflow-y:auto}.student-details{display:flex;flex-direction:column;gap:24px}.student-photo-section{display:flex;justify-content:center;align-items:center;padding:20px 0;border-bottom:2px solid #e5e7eb;margin-bottom:8px}.student-photo-container{position:relative;display:flex;justify-content:center;align-items:center}.student-photo{width:200px;height:200px;border-radius:12px;object-fit:cover;border:4px solid #e5e7eb;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.student-photo:hover{transform:scale(1.02);box-shadow:0 6px 16px #00000026;border-color:#22c55e}.student-photo-placeholder{width:200px;height:200px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:#fff;border:4px solid #e5e7eb;box-shadow:0 4px 12px #0000001a}.detail-section{padding-bottom:24px;border-bottom:1px solid #e5e7eb}.detail-section:last-child{border-bottom:none}.detail-section h3{font-size:1.25rem;color:#1f2937;margin-bottom:16px;font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:1rem;color:#1f2937}.attendance-student-row:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.student-info-attendance{flex:1;min-width:0}.student-name-attendance{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:4px}.student-reg-attendance{font-size:.875rem;color:#6b7280}.attendance-controls{display:flex;gap:12px;align-items:center;flex-shrink:0}.attendance-status-select{padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.938rem;color:#1f2937;background-color:#fff;cursor:pointer;transition:all .2s;min-width:140px}.attendance-status-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.attendance-notes-input{padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.938rem;color:#1f2937;width:200px;transition:all .2s}.attendance-notes-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.attendance-notes-input::placeholder{color:#9ca3af}.view-attendance-content{display:flex;flex-direction:column;gap:24px}.attendance-records-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:2px solid #e5e7eb;flex-wrap:wrap;gap:16px}.attendance-records-header h3{margin:0;color:#1f2937;font-size:1.5rem}.attendance-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.attendance-filters label{font-weight:600;color:#1f2937;font-size:.938rem}.attendance-filters input[type=date]{padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.938rem;color:#1f2937;cursor:pointer;transition:all .2s}.attendance-filters input[type=date]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.attendance-filters button{padding:8px 16px;background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s}.attendance-filters button:hover{background-color:#7c3aed;transform:translateY(-1px)}.attendance-filters button.btn-clear{background-color:#6b7280}.attendance-filters button.btn-clear:hover{background-color:#4b5563}.attendance-date-filter{background:#f9fafb;border-radius:8px;padding:20px;border:1px solid #e5e7eb;margin-bottom:24px}.attendance-date-filter h4{margin:0 0 16px;color:#1f2937;font-size:1.125rem;font-weight:600}.date-filter-controls{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.date-filter-item{display:flex;flex-direction:column;gap:8px;flex:1;min-width:150px}.date-filter-item label{font-weight:600;color:#1f2937;font-size:.938rem}.date-filter-item input[type=date]{padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.938rem;color:#1f2937;cursor:pointer;transition:all .2s}.date-filter-item input[type=date]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.date-filter-actions{display:flex;gap:8px;align-items:flex-end}.btn-apply-filter{padding:8px 16px;background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s}.btn-apply-filter:hover:not(:disabled){background-color:#7c3aed;transform:translateY(-1px)}.btn-apply-filter:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-clear-filter{padding:8px 16px;background-color:#6b7280;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s}.btn-clear-filter:hover{background-color:#4b5563;transform:translateY(-1px)}.attendance-stats-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:24px}.attendance-stats-box h4{margin:0 0 16px;color:#1f2937;font-size:1.125rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.stat-label{font-size:.813rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:700;color:#1f2937}.stat-value.present{color:#059669}.stat-value.absent{color:#dc2626}.stat-value.late{color:#f59e0b}.stat-value.excused{color:#6366f1}.attendance-records-table-container{overflow-x:auto;margin-top:24px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.attendance-records-table{width:100%;border-collapse:collapse;font-size:.938rem}.attendance-records-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.attendance-records-table th{padding:12px 16px;text-align:left;font-weight:600;color:#1f2937;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.attendance-records-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.attendance-records-table tbody tr:hover{background-color:#f9fafb}.attendance-records-table tbody tr:last-child{border-bottom:none}.attendance-records-table td{padding:12px 16px;color:#4b5563;vertical-align:middle}.attendance-records-table td:first-child{font-weight:500;color:#1f2937}.attendance-status-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:.813rem;font-weight:600;text-transform:capitalize}.attendance-status-badge.status-present{background-color:#d1fae5;color:#065f46}.attendance-status-badge.status-absent{background-color:#fee2e2;color:#991b1b}.attendance-status-badge.status-late{background-color:#fef3c7;color:#92400e}.attendance-status-badge.status-excused{background-color:#e0e7ff;color:#4338ca}.no-records-message{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb;margin-top:24px}.no-records-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.no-records-message p{margin:8px 0;color:#6b7280;font-size:1rem}.no-records-message .sub-text{font-size:.875rem;color:#9ca3af;margin-top:8px;line-height:1.5}@media (max-width: 768px){.attendance-student-row{flex-direction:column;align-items:stretch}.attendance-controls{flex-direction:column;width:100%}.attendance-status-select,.attendance-notes-input{width:100%}.attendance-header,.attendance-records-header,.attendance-date-selector{flex-direction:column;align-items:stretch}.date-filter-controls{flex-direction:column}.date-filter-item{width:100%}.date-filter-actions{width:100%;justify-content:stretch}.date-filter-actions button{flex:1}.stats-grid{grid-template-columns:1fr}.attendance-records-table-container{overflow-x:auto}.attendance-records-table{min-width:600px}}.modal-content.announcements-modal{max-width:1000px}.announcements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e5e7eb;flex-wrap:wrap;gap:16px}.btn-create-announcement{padding:10px 20px;background-color:#fff3;color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:8px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:8px;white-space:nowrap}.btn-create-announcement:hover{background-color:#fff;color:#22c55e;border-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.announcements-filter{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 16px;background-color:#f3f4f6;color:#4b5563;border:2px solid transparent;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.filter-btn:hover{background-color:#e5e7eb;color:#1f2937}.filter-btn.active{background-color:#8b5cf6;color:#fff;border-color:#8b5cf6}.announcements-list{display:flex;flex-direction:column;gap:16px}.announcement-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.announcement-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a}.announcement-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.announcement-title-section h3{margin:0 0 8px;color:#1f2937;font-size:1.125rem}.announcement-badges{display:flex;gap:8px;flex-wrap:wrap}.priority-badge,.audience-badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.priority-badge.priority-high{background-color:#fee2e2;color:#991b1b}.priority-badge.priority-normal{background-color:#dbeafe;color:#1e40af}.priority-badge.priority-low{background-color:#f3f4f6;color:#4b5563}.audience-badge{background-color:#e0e7ff;color:#6366f1}.no-announcements-message{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.no-announcements-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.no-announcements-message p{margin:8px 0;color:#6b7280;font-size:1rem}.no-announcements-message .sub-text{font-size:.875rem;color:#9ca3af;margin-top:8px}.modal-content.messages-modal{max-width:900px}.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e5e7eb;flex-wrap:wrap;gap:16px}.btn-compose-message{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-compose-message:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.unread-count-badge{background-color:#ffffff4d;padding:2px 8px;border-radius:12px;font-size:.813rem;font-weight:600}.unread-indicator{background-color:#ef4444;color:#fff;padding:2px 6px;border-radius:10px;font-size:.75rem;font-weight:600;margin-left:4px}.messages-list-container{margin-top:20px}.messages-list{display:flex;flex-direction:column;gap:12px}.message-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s}.message-item:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.message-item.unread{background-color:#f0f9ff;border-color:#3b82f6;border-width:2px}.no-messages-message{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.no-messages-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.no-messages-message p{margin:8px 0;color:#6b7280;font-size:1rem}.no-messages-message .sub-text{font-size:.875rem;color:#9ca3af;margin-top:8px}.modal-content.forum-modal{max-width:1100px}.forum-header{margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.forum-filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.forum-filters .form-select{flex:1;min-width:200px;padding:10px 40px 10px 16px;border:2px solid #d1d5db;border-radius:8px;background-color:#fff;font-size:.938rem;color:#1f2937;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.forum-filters .form-select:hover{border-color:#06b6d4}.forum-filters .form-select:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.forum-filters .btn-primary{padding:10px 20px;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:8px;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 2px 4px #06b6d433}.forum-filters .btn-primary:hover{background:linear-gradient(135deg,#0891b2,#0e7490);transform:translateY(-1px);box-shadow:0 4px 8px #06b6d44d}.forum-filters .btn-primary:active{transform:translateY(0)}.forum-topics-list{margin-top:24px}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state p{font-size:1.125rem;margin:0;color:#4b5563}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.topic-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s;display:flex;flex-direction:column;gap:12px}.topic-card:hover{border-color:#06b6d4;box-shadow:0 4px 12px #06b6d426;transform:translateY(-2px)}.topic-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.topic-header h3{margin:0;font-size:1.125rem;color:#1f2937;font-weight:600;flex:1;line-height:1.4}.topic-header h3:hover{color:#06b6d4}.topic-status{padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.topic-status.status-active{background-color:#d1fae5;color:#065f46}.topic-status.status-locked{background-color:#fee2e2;color:#991b1b}.topic-status.status-archived{background-color:#f3f4f6;color:#6b7280}.topic-meta{display:flex;gap:16px;font-size:.875rem;color:#6b7280;flex-wrap:wrap}.topic-content-preview{color:#4b5563;font-size:.875rem;line-height:1.6;flex:1}.topic-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f3f4f6;font-size:.75rem;color:#9ca3af}.topic-actions{display:flex;gap:8px;margin-top:8px}.topic-actions button{padding:6px 12px;border:none;border-radius:6px;font-size:.813rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-view{background-color:#06b6d4;color:#fff}.btn-view:hover{background-color:#0891b2}.btn-edit{background-color:#8b5cf6;color:#fff}.btn-edit:hover{background-color:#7c3aed}.btn-delete{background-color:#ef4444;color:#fff}.btn-delete:hover{background-color:#dc2626}.topic-view{margin-top:20px}.topic-view-header{margin-bottom:20px}.btn-back{padding:8px 16px;background-color:#6b7280;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-back:hover{background-color:#4b5563}.topic-detail{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:24px}.topic-detail h2{margin:0 0 16px;color:#1f2937;font-size:1.5rem;font-weight:700}.topic-detail .topic-meta{display:flex;gap:16px;font-size:.875rem;color:#6b7280;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f3f4f6;flex-wrap:wrap}.topic-detail .topic-content{color:#374151;line-height:1.8;white-space:pre-wrap;font-size:1rem}.replies-section{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px}.replies-section h3{margin:0 0 20px;color:#1f2937;font-size:1.25rem;font-weight:700}.replies-list{margin-bottom:24px;max-height:500px;overflow-y:auto;padding-right:8px}.replies-list::-webkit-scrollbar{width:6px}.replies-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.replies-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.replies-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.reply-item{padding:16px;margin-bottom:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.reply-item:hover{border-color:#06b6d4;background:#f0fdfa}.reply-header{display:flex;gap:12px;align-items:center;margin-bottom:8px;font-size:.875rem}.reply-header strong{color:#1f2937;font-weight:600}.reply-type{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize}.reply-type.instructor{background-color:#dbeafe;color:#1e40af}.reply-type.student{background-color:#fce7f3;color:#9f1239}.reply-header span:last-child{color:#9ca3af;margin-left:auto}.reply-content{color:#374151;line-height:1.6;white-space:pre-wrap;font-size:.938rem}.no-replies{color:#6b7280;font-style:italic;text-align:center;padding:40px 20px}.modal-content.topic-form-modal{max-width:700px}.topic-form{display:flex;flex-direction:column;gap:20px}.topic-form .form-group{display:flex;flex-direction:column;gap:8px}.topic-form label{font-weight:600;color:#374151;font-size:.938rem}.topic-form input[type=text],.topic-form textarea,.topic-form select{padding:10px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:.938rem;font-family:inherit;transition:all .2s}.topic-form input[type=text]:focus,.topic-form textarea:focus,.topic-form select:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.topic-form textarea{resize:vertical;min-height:120px}.topic-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;cursor:pointer}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:20px;border-top:2px solid #e5e7eb}.form-actions .btn-secondary{padding:10px 20px;background-color:#f3f4f6;color:#374151;border:2px solid #d1d5db;border-radius:8px;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .2s}.form-actions .btn-secondary:hover{background-color:#e5e7eb;border-color:#9ca3af}.form-actions .btn-primary{padding:10px 20px;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:8px;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #06b6d433}.form-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0891b2,#0e7490);transform:translateY(-1px);box-shadow:0 4px 8px #06b6d44d}.form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.unread-badge{display:inline-block;background-color:#ef4444;color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center;line-height:1.4}.chat-modal-content{max-width:90vw;width:1000px;max-height:90vh;height:700px}.chat-modal-body{padding:0;height:calc(100% - 60px);overflow:hidden}.App{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease;display:inline-block}.btn-primary{background-color:#fff;color:var(--primary-green)}.btn-primary:hover{background-color:#f0f0f0;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background-color:#fff;color:var(--primary-green);transform:translateY(-2px)}.btn-green{background-color:var(--primary-green);color:#fff}.btn-green:hover{background-color:var(--dark-green);transform:translateY(-2px)}.page-container{flex:1;padding:80px 20px 40px}.page-title{font-size:2.5rem;margin-bottom:20px;color:var(--text-dark)}.page-content{max-width:1200px;margin:0 auto}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-green: #22c55e;--dark-green: #16a34a;--light-gray: #f9fafb;--text-dark: #1f2937;--text-gray: #6b7280}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;color:var(--text-dark);line-height:1.6;overflow-x:hidden;width:100%;max-width:100vw}#root{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}