.navbar-responsive{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:4rem;background:#fff;border-bottom:1px solid #e5e7eb;position:relative;z-index:10}.nav-desktop{display:flex;gap:40px;align-items:center}.nav-mobile-menu{display:none}.hamburger{background:none;border:none;display:flex;flex-direction:column;gap:4px;cursor:pointer;padding:8px}.hamburger-bar{width:28px;height:3px;background:#2563eb;border-radius:2px;display:block}.mobile-dropdown{position:absolute;top:60px;right:16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.08);display:flex;flex-direction:column;min-width:180px;padding:18px 0 10px;z-index:100;gap:0}.mobile-dropdown a,.mobile-dropdown button{padding:10px 24px;color:#374151;background:none;border:none;text-align:left;font-size:16px;font-weight:500;width:100%;cursor:pointer;transition:background .2s}.mobile-dropdown a:hover,.mobile-dropdown button:hover{background:#f3f4f6;color:#2563eb}@media (max-width:900px){.nav-desktop{display:none!important}.nav-mobile-menu{display:block}}@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap");body{margin:0}*{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem}a{color:#374151;text-decoration:none;font-weight:500;transition:color .2s}a:hover{color:#2563eb}.btn,.btn-approve,.btn-delete,.btn-edit,.btn-primary,.btn-reject,.btn-secondary,.enroll-btn,.footer-btn,.profile-button,button{font-size:15px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background .2s,background-color .2s;padding:8px 16px}.btn-secondary,.enroll-btn,.footer-btn,button{background-color:#2563eb;color:#fff}.btn-secondary:hover,.enroll-btn:hover,.footer-btn:hover,button:hover{background-color:#1e40af}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-edit{background-color:#10b981;color:#fff}.btn-edit:hover{background-color:#059669}.btn-delete{background-color:#ef4444;color:#fff}.btn-delete:hover{background-color:#dc2626}.btn-approve{background-color:#28a745;color:#fff}.btn-approve:hover{background-color:#218838}.btn-reject{background-color:#dc3545;color:#fff}.btn-reject:hover{background-color:#c82333}.btn.cancel{background-color:#6c757d}.btn.cancel:hover{background-color:#5a6268}.btn-danger{background-color:#cc0000;color:#fff}.btn-danger:hover{background-color:#aa0000}.cta-btn{text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:15px;transition:background-color .3s}.cta-btn.blue{background-color:#2563eb;color:#fff}.cta-btn.blue:hover{background-color:#1e40af}.cta-btn.gray{background-color:#f3f4f6;color:#374151}.cta-btn.gray:hover{background-color:#e5e7eb}nav{padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:4rem;background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border-bottom:1px solid #e5e7eb}.logo{font-size:1.5rem;color:#2563eb;font-family:Pacifico,cursive;font-weight:700}.nav2{display:flex;gap:40px;padding-right:80px}.banner{position:relative;background-image:url(/banner.jpg);background-size:cover;background-position:50%;color:#fff;padding:100px 20px;text-align:center;overflow:hidden}.banner:before{content:"";position:absolute;inset:0;background-color:rgba(37,99,235,.7);z-index:1}.banner-content{position:relative;max-width:800px;margin:0 auto;z-index:2}.banner-content h1{font-size:40px;font-weight:700;margin-bottom:20px}.banner-content p{font-size:18px;color:#e0e7ff}.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);padding:32px;margin:-50px auto 0;position:relative;z-index:1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.card-title{font-size:28px;font-weight:700;color:#2563eb;margin:0}.courses-grid,.courses-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:32px;gap:32px;margin-top:16px}.course-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden;transition:box-shadow .2s;min-height:345px;position:relative;border:1px solid #e5e7eb;padding:0}.course-card:hover{box-shadow:0 6px 24px rgba(37,99,235,.12)}.course-image{width:100%;height:140px;object-fit:cover;background:#e5e7eb;border-radius:0}.course-info{flex:1 1;display:flex;flex-direction:column;padding:20px 20px 16px}.course-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.course-title{font-size:20px;font-weight:600;color:#111827;flex:1 1}.course-badge,.level-tag{background:#22c55e;color:#fff;border-radius:5px;padding:8px 14px;font-size:13px;font-weight:500;text-transform:capitalize}.course-detail,.course-info{color:#374151;font-size:15px;margin-bottom:2px;display:flex;gap:6px}.course-description{color:#6b7280;font-size:14px;margin-top:8px;flex:1 1;line-height:1.5}.cta-container{background:#fff;margin:60px auto;padding:40px;border-radius:12px;text-align:center}.cta-container h2{font-size:24px;font-weight:700;margin-bottom:16px;color:#111827}.cta-container p{color:#374151;font-size:16px;max-width:600px;margin:0 auto 24px}.cta-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.footer{background:#f9fafb;border-top:1px solid #e5e7eb;margin-top:auto}.footer-container{max-width:1280px;margin:0 auto;padding:2rem 1rem}.footer-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-brand{max-width:500px}.footer-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.footer-description{color:#4b5563;line-height:1.6}.footer-column{display:flex;flex-direction:column}.footer-heading{font-weight:600;margin-bottom:1rem;color:#111827}.footer-links a{display:block;color:#4b5563;margin-bottom:.5rem}.footer-links a:hover{color:#2563eb}.footer-bottom{text-align:center;border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem;color:#4b5563}.message,.no-courses,.no-data{text-align:center;color:#6b7280;padding:40px;font-style:italic;margin-top:20px}.error-message{color:red;margin-top:12px}.error-message,.signup-link{font-size:14px;text-align:center}.signup-link{margin-top:16px}.signup-link span{color:#2563eb;cursor:pointer;text-decoration:underline}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f8fafc;padding:20px}.login-container{background:#fff;padding:30px 25px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05);max-width:400px;width:100%;text-align:center}.login-title{font-size:26px;font-weight:700;color:#111827;margin-bottom:5px}.login-subtitle{color:#6b7280;margin-bottom:20px}.login-form{text-align:left}.login-form label{display:block;font-size:14px;color:#374151;margin-bottom:6px;margin-top:15px}.login-form input{width:93%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.password-wrapper{position:relative}.toggle-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;color:#2563eb;font-size:14px}.login-btn,.toggle-btn{border:none;cursor:pointer}.login-btn{width:100%;background-color:#2563eb;color:white;padding:10px;margin-top:20px;border-radius:6px;font-weight:700}.login-btn:hover{background-color:#1e40af}.admin-dashboard-container,.dashboard-container,.page-container{padding:32px;max-width:1100px;margin:40px auto;background-color:#f9fafb;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.05)}.dashboard-title{font-size:28px;font-weight:700;margin-bottom:12px;color:#1f2937}.dashboard-description,.dashboard-subtitle{font-size:16px;color:#4b5563;margin-bottom:24px}.dashboard-grid,.dashboard-stats{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.stat-card{background-color:#ffffff;padding:16px;border-radius:8px;flex:1 1;min-width:180px;box-shadow:0 2px 4px rgba(0,0,0,.04);border:1px solid #e5e7eb}.stat-label{font-size:14px;color:#6b7280}.stat-value{font-size:24px;font-weight:600;color:#111827}.dashboard-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.dashboard-button{padding:12px 16px;font-size:15px;font-weight:500;color:#ffffff;background-color:#2563eb;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.dashboard-button:hover{background-color:#1d4ed8}.btn2{background-color:#f59e0b}.btn2:hover{background-color:#d97706}.btn3{background-color:#10b981}.btn3:hover{background-color:#059669}.btn4{background-color:rgb(147 51 234)}.btn4:hover{background-color:rgb(126 34 206)}.dashboard-loading{text-align:center;margin-top:100px;font-size:18px;color:#777}.table-wrapper{overflow-x:auto;margin-top:20px}.enrolled-table,.request-table{width:100%;border-collapse:collapse;font-size:14px;background-color:#fff;border:1px solid #e5e7eb;margin-top:10px}.enrolled-table td,.enrolled-table th,.request-table td,.request-table th{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb;vertical-align:top}.enrolled-table th,.request-table th{background-color:#f9fafb;font-weight:600;color:#374151}.enrolled-table tbody tr:hover,.request-table tr:hover{background-color:#f3f4f6}.student-list-inline{list-style-type:disc;padding-left:0;margin:0}.student-list-inline li{margin-bottom:4px;list-style-type:none}.student-name{font-weight:500;color:#111827}.student-email{color:#6b7280;font-size:13px}.profile-container{max-width:500px;margin:40px auto;padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,.1)}.profile-heading{text-align:center;margin-bottom:25px;color:#333;font-size:24px}.profile-form{display:flex;flex-direction:column;gap:15px}.profile-input{padding:12px;border:1px solid #ccc;border-radius:6px;font-size:16px;transition:border-color .2s}.profile-input:focus{border-color:#0077cc;outline:none}.profile-button{padding:12px;background-color:#0077cc;color:#fff;font-size:16px;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.profile-button:hover{background-color:#005fa3}.form-container{max-width:600px;margin:40px auto;background:#fff;padding:24px;border:1px solid #ddd;border-radius:8px}.form-title{font-size:24px;font-weight:700;margin-bottom:24px;text-align:center}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-weight:500;color:#333}.form-input{width:95%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:16px}textarea.form-input{height:100px;resize:vertical}.preview-image{margin-top:10px;width:100px;height:auto;border-radius:4px;border:1px solid #ccc}.form-actions,.form-buttons{display:flex;justify-content:flex-end;margin-top:20px;gap:10px}.activity-list{list-style:none;padding:0;margin:0}.activity-item{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;color:#444}.activity-icon{width:10px;height:10px;border-radius:50%;display:inline-block}.activity-icon.blue{background-color:#0070f3}.activity-icon.green{background-color:#22c55e}.activity-icon.orange{background-color:#f97316}.page-container{margin:50px auto}.course-content{padding:20px}.sddashboard-container{max-width:1100px;margin:40px auto;padding:32px 16px;font-family:Segoe UI,sans-serif;background-color:#f9f9f9}.sddashboard-title{font-size:28px;font-weight:700;color:#222;margin-bottom:6px}.sddashboard-subtitle{color:#666;font-size:16px;margin-bottom:24px}.sddashboard-grid{display:flex;gap:24px;flex-wrap:wrap}.sddashboard-left{flex:1 1 45%;min-width:300px}.sddashboard-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.sdcard-title{font-size:18px;font-weight:600;margin-bottom:16px;color:#333}.sdprofile-details p{margin:6px 0;color:#444}@media (max-width:399px){.card{padding:20px}.course-card{flex-direction:column!important}}@media (max-width:880px){.mobileclass{display:none}}