*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:#333;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.navbar-brand{cursor:pointer;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;display:flex}.navbar-logo{width:auto;height:40px}.navbar-brand-text{color:#1e3a8a}.navbar-wrapper .navbar{color:#fff;z-index:1000;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0000001a}.navbar-wrapper .navbar-brand{cursor:pointer;letter-spacing:1px;font-size:1.8rem;font-weight:700}.navbar-wrapper .navbar-brand:hover{color:#fff}.navbar-wrapper .hamburger{color:#fff;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.8rem;display:none}.navbar-wrapper .nav-links{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.navbar-wrapper .nav-links li{cursor:pointer;border-radius:25px;padding:.7rem 1.2rem;font-weight:500;transition:all .3s}.navbar-wrapper .nav-links li:hover{background:#fff3;transform:translateY(-2px)}.navbar-wrapper .settings-dropdown{position:relative}.navbar-wrapper .dropdown-menu{color:#333;background:#fff;border-radius:12px;min-width:180px;margin-top:.5rem;padding:.8rem 0;list-style:none;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #0003}.navbar-wrapper .dropdown-menu li{border-radius:0!important;padding:.8rem 1.5rem!important}.navbar-wrapper .dropdown-menu li:hover{background:#f8f9ff!important}.navbar-wrapper .logout-btn{background:#ff636333;border:2px solid #ff636366}.navbar-wrapper .logout-btn:hover{background:#ff63634d}.navbar-wrapper .settings-toggle{cursor:pointer;width:100%;padding:.5rem 0;display:block}@media (max-width:768px){.navbar-wrapper .navbar{padding:1rem}.navbar-wrapper .hamburger{display:block}.navbar-wrapper .nav-links{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;align-items:flex-start;width:280px;height:100vh;padding-top:6rem;transition:right .3s;position:fixed;top:0;right:-100%;box-shadow:-5px 0 20px #0003}.navbar-wrapper .nav-links.mobile-open{right:0}.navbar-wrapper .nav-links li{border-bottom:1px solid #ffffff1a;border-radius:0;width:100%;padding:1.2rem 2rem}.navbar-wrapper .settings-dropdown .dropdown-menu{width:100%;box-shadow:none;background:#ffffff1a;border-radius:0;margin:0;position:static}.navbar-wrapper .dropdown-menu li{padding-left:3.5rem!important}.navbar-wrapper .dropdown-menu{box-shadow:none;background:#ffffff1a;padding-left:1.5rem;position:static}}.home-page *{box-sizing:border-box;margin:0;padding:0}.home-page html{overflow-x:hidden}.home-page body{width:100%;max-width:100vw;overflow-x:hidden}.home-page img{max-width:100%;height:auto}.home-page .home-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;min-height:100vh;overflow-x:hidden}.home-page .hero-section{box-sizing:border-box;align-items:center;gap:clamp(1rem,5vw,4rem);width:100%;max-width:1400px;min-height:90vh;margin:0 auto;padding:0 clamp(1rem,5vw,2rem);display:flex}.home-page .hero-content{flex:1;max-width:clamp(300px,50vw,600px)}.home-page .hero-title{color:#333;margin-bottom:1.5rem;font-size:clamp(2rem,8vw,4.5rem);line-height:1.1}.home-page .highlight{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home-page .hero-subtitle{color:#666;margin-bottom:clamp(1.5rem,5vw,2.5rem);font-size:clamp(1.1rem,4vw,1.4rem);line-height:1.6}.home-page .hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.home-page .cta-primary,.home-page .cta-secondary{cursor:pointer;white-space:nowrap;border:none;border-radius:50px;flex:1;min-width:200px;padding:clamp(1rem,3vw,1.2rem) clamp(1.5rem,4vw,2.5rem);font-size:clamp(1rem,3vw,1.1rem);font-weight:600;transition:all .3s}.home-page .cta-primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.home-page .cta-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #667eea66}.home-page .cta-secondary{color:#667eea;background:#fff;border:2px solid #667eea}.home-page .cta-secondary:hover{color:#fff;background:#667eea;transform:translateY(-3px)}.home-page .hero-image{flex:1;min-width:300px;max-width:50vw;height:clamp(300px,60vh,500px);position:relative;overflow:hidden}.home-page .floating-card{pointer-events:none;font-size:clamp(2.5rem,8vw,4rem);animation:6s ease-in-out infinite float;position:absolute}.home-page .floating-card:first-child{top:20%;left:10%}.home-page .floating-card:nth-child(2){animation-delay:2s;top:50%;right:20%}.home-page .floating-card:nth-child(3){animation-delay:4s;bottom:20%;left:30%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(10deg)}}.home-page .features{text-align:center;background:#fff;width:100%;padding:clamp(3rem,10vw,6rem) clamp(1rem,5vw,2rem)}.home-page .features h2{color:#2d3748;margin-bottom:clamp(2rem,8vw,4rem);font-size:clamp(2rem,6vw,2.8rem)}.home-page .features-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(250px,45vw,300px),1fr));gap:clamp(1rem,4vw,2rem);width:100%;max-width:1200px;margin:0 auto;display:grid}.home-page .feature-card{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;width:100%;padding:clamp(1.5rem,5vw,2.5rem);transition:all .3s}.home-page .feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.home-page .feature-icon{margin-bottom:clamp(1rem,4vw,1.5rem);font-size:clamp(2.5rem,8vw,3.5rem)}.home-page .feature-card h3{color:#2d3748;margin-bottom:1rem;font-size:clamp(1.3rem,4vw,1.5rem)}.home-page .feature-card p{color:#4a5568;font-size:clamp(.95rem,3vw,1rem);line-height:1.6}@media (max-width:768px){.home-page .hero-section{text-align:center;flex-direction:column;gap:2rem;padding:0 1rem}.home-page .hero-image{order:-1;max-width:100%;height:40vh}.home-page .features-grid{grid-template-columns:1fr;gap:1.5rem}.home-page .hero-buttons{flex-direction:column}.home-page .cta-primary,.home-page .cta-secondary{width:100%}}@media (max-width:480px){.home-page .features{padding:2rem 1rem}.home-page .floating-card{font-size:2.5rem}}.about-page{background:#f8fafc;min-height:100vh;overflow-x:hidden}.about-page .about-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.about-page .about-hero-bg{background:radial-gradient(circle at 30% 70%,#ffffff1a 0%,#0000 50%);animation:15s ease-in-out infinite aboutHeroPulse;position:absolute;inset:0}@keyframes aboutHeroPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.about-page .about-hero-content{z-index:2;max-width:900px;padding:2rem;position:relative}.about-page .about-hero-title{margin-bottom:1.5rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:900}.about-page .gradient-text{background:linear-gradient(135deg,#fff,#f0f8ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-page .about-hero-subtitle{opacity:.95;max-width:700px;margin:0 auto 3rem;font-size:1.4rem}.about-page .about-hero-stats{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.about-page .stat{text-align:center}.about-page .stat-number{font-size:3rem;font-weight:700;display:block}.about-page .stat-label{opacity:.9;font-size:1.1rem}.about-page .about-container{max-width:1200px;margin:0 auto;padding:0 2rem}.about-page .about-section-title{text-align:center;color:#2d3748;margin:4rem 0 3rem;font-size:2.8rem}.about-page .about-mission{background:#fff;padding:6rem 0}.about-page .about-mission-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-page .about-mission-text{max-width:600px}.about-page .about-desc{color:#4a5568;margin-bottom:1.5rem;font-size:1.2rem;line-height:1.8}.about-page .about-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;padding:1rem 2rem;font-size:1.1rem}.about-page .about-mission-visual{height:400px;position:relative}.about-page .about-floating-elements{position:absolute;inset:0}.about-page .about-float-item{font-size:4rem;animation:8s ease-in-out infinite float;position:absolute}.about-page .about-float-item.book{animation-delay:0s;top:10%;left:20%}.about-page .about-float-item.lightbulb{animation-delay:2s;bottom:20%;right:10%}.about-page .about-float-item.rocket{animation-delay:4s;top:40%;right:30%}.about-page .about-values{background:#f8fafc;padding:6rem 0}.about-page .about-values-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.about-page .about-value-card{text-align:center;background:#fff;border-radius:20px;padding:3rem 2rem;transition:transform .3s;box-shadow:0 10px 30px #0000000d}.about-page .about-value-card:hover{transform:translateY(-15px)}.about-page .about-value-icon{margin-bottom:1.5rem;font-size:4rem}.about-page .about-value-card h3{color:#2d3748;margin-bottom:1rem;font-size:1.8rem}.about-page .about-timeline,.about-page .about-cta-section{padding:6rem 0}@media (max-width:768px){.about-page .about-hero{min-height:80vh;padding:2rem 1rem}.about-page .about-hero-stats{flex-direction:column;gap:2rem}.about-page .about-mission-content{text-align:center;grid-template-columns:1fr}.about-page .about-mission-visual{order:-1;height:300px;margin-bottom:2rem}.about-page .about-section-title{margin:3rem 0 2rem;font-size:2.2rem}.about-page .about-values-grid{grid-template-columns:1fr}.about-page .about-value-card{padding:2rem}}@media (max-width:480px){.about-page .about-hero-title{font-size:2.8rem}.about-page .about-hero-subtitle{font-size:1.2rem}.about-page .stat-number{font-size:2.5rem}}.contact-page{background:#f8fafc;min-height:100vh}.contact-page .contact-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:6rem 2rem 4rem}.contact-page .contact-hero h1{margin-bottom:1rem;font-size:3.5rem}.contact-page .contact-hero p{opacity:.95;font-size:1.4rem}.contact-page .contact-content{grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid}.contact-page .contact-info{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 10px 30px #0000000d}.contact-page .contact-info h2{color:#2d3748;margin-bottom:2rem;font-size:2.2rem}.contact-page .info-item{color:#4a5568;margin-bottom:1.5rem;font-size:1.2rem}.contact-page .info-item strong{color:#2d3748}.contact-page .social{margin-top:3rem}.contact-page .social h3{margin-bottom:1rem;font-size:1.6rem}.contact-page .contact-form{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 10px 30px #0000000d}.contact-page .contact-form h2{color:#2d3748;margin-bottom:2rem;font-size:2.2rem}.contact-page .contact-form input,.contact-page .contact-form select,.contact-page .contact-form textarea{border:2px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:1.5rem;padding:1rem;font-size:1.1rem}.contact-page .contact-form input:focus,.contact-page .contact-form select:focus,.contact-page .contact-form textarea:focus{border-color:#667eea;outline:none}.contact-page .submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;width:100%;padding:1.2rem;font-size:1.2rem;transition:all .3s}.contact-page .submit-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #667eea4d}.contact-page .note{text-align:center;color:#888;margin-top:1.5rem;font-style:italic}@media (max-width:768px){.contact-page .contact-content{grid-template-columns:1fr;padding:2rem 1rem}.contact-page .contact-hero{padding:4rem 1rem}}.register-page *{box-sizing:border-box;margin:0;padding:0}.register-page body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,sans-serif;display:flex}.register-page .container{width:100%;padding:20px}.register-page .form-card{background:#fff;border-radius:16px;max-width:500px;margin:0 auto;padding:40px;box-shadow:0 10px 30px #0003}.register-page h1{text-align:center;color:#333;margin-bottom:8px;font-size:2.5rem}.register-page .subtitle{text-align:center;color:#666;margin-bottom:30px}.register-page .role-toggle{border:2px solid #eee;border-radius:12px;margin-bottom:30px;display:flex;overflow:hidden}.register-page .role-toggle button{cursor:pointer;background:#f8f9fa;border:none;flex:1;padding:14px;font-size:1.1rem;transition:all .3s}.register-page .role-toggle button.active{color:#fff;background:#667eea;font-weight:700}.register-page input[type=text],.register-page input[type=email],.register-page input[type=password],.register-page select{border:2px solid #eee;border-radius:12px;width:100%;margin-bottom:16px;padding:14px;font-size:1rem}.register-page input:focus,.register-page select:focus{border-color:#667eea;outline:none}.register-page .image-upload{margin-bottom:20px}.register-page .image-upload label{color:#444;margin-bottom:8px;font-weight:700;display:block}.register-page .preview{object-fit:cover;border:4px solid #667eea;border-radius:50%;width:120px;height:120px;margin-top:10px}.register-page .courses-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:10px;display:grid}.register-page .courses-grid button{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:12px;padding:10px;transition:all .3s}.register-page .courses-grid button.selected{color:#fff;background:#667eea;border-color:#667eea}.register-page .tutor-selection select{border:2px solid #eee;border-radius:12px;width:100%;padding:14px}.register-page .submit-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:12px;width:100%;margin-top:20px;padding:16px;font-size:1.2rem;transition:background .3s}.register-page .submit-btn:hover{background:#5a6fd8}.register-page .submit-btn:disabled{cursor:not-allowed;background:#aaa}.register-page .message{text-align:center;border-radius:8px;margin-top:20px;padding:12px}.register-page .message.success{color:#155724;background:#d4edda}.register-page .message.error{color:#721c24;background:#f8d7da}.register-page .tutor-selection{margin-top:20px}.register-page .tutor-selection label{color:#444;margin-bottom:12px;font-weight:700;display:block}.register-page .no-tutors{color:#888;text-align:center;padding:20px;font-style:italic}.register-page .tutors-grid{grid-template-columns:1fr;gap:16px;margin-top:10px;display:grid}.register-page .tutor-card{cursor:pointer;background:#f9f9f9;border:2px solid #eee;border-radius:16px;align-items:center;padding:16px;transition:all .3s;display:flex}.register-page .tutor-card:hover{background:#f0f4ff;border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 20px #667eea26}.register-page .tutor-card.selected{background:#e3eaff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.register-page .tutor-avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;width:70px;height:70px;margin-right:16px;box-shadow:0 4px 10px #0000001a}.register-page .tutor-info h3{color:#333;margin:0 0 8px;font-size:1.2rem}.register-page .tutor-courses{flex-wrap:wrap;gap:6px;display:flex}.register-page .course-tag{color:#fff;background:#667eea;border-radius:20px;padding:4px 10px;font-size:.85rem}.register-page .no-courses{color:#aaa;font-size:.9rem;font-style:italic}.register-page .selected-info{color:#155724;text-align:center;background:#d4edda;border-radius:8px;margin-top:16px;padding:12px;font-weight:700}.login-page *{box-sizing:border-box;margin:0;padding:0}.login-page body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,sans-serif;display:flex}.login-page .container{width:100%;padding:20px}.login-page .form-card{background:#fff;border-radius:16px;max-width:500px;margin:0 auto;padding:40px;box-shadow:0 10px 30px #0003}.login-page h1{text-align:center;color:#333;margin-bottom:8px;font-size:2.5rem}.login-page .subtitle{text-align:center;color:#666;margin-bottom:30px}.login-page input[type=email],.login-page input[type=password]{border:2px solid #eee;border-radius:12px;width:100%;margin-bottom:16px;padding:14px;font-size:1rem}.login-page input:focus{border-color:#667eea;outline:none}.login-page .submit-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:12px;width:100%;margin-top:20px;padding:16px;font-size:1.2rem;transition:background .3s}.login-page .submit-btn:hover{background:#5a6fd8}.login-page .submit-btn:disabled{cursor:not-allowed;background:#aaa}.login-page .message{text-align:center;border-radius:8px;margin-top:20px;padding:12px}.login-page .message.success{color:#155724;background:#d4edda}.login-page .message.error{color:#721c24;background:#f8d7da}.changeprofilepic-page .container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.changeprofilepic-page .form-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:500px;padding:3rem;box-shadow:0 20px 40px #0000001a}.changeprofilepic-page .form-card h1{color:#2d3748;margin-bottom:1rem;font-size:2.5rem}.changeprofilepic-page .current-pic{object-fit:cover;border:5px solid #667eea;border-radius:50%;width:200px;height:200px;margin:2rem 0;box-shadow:0 10px 30px #667eea4d}.changeprofilepic-page .form-card input[type=file]{background:#f8f9ff;border:2px dashed #667eea;border-radius:12px;width:100%;margin:1.5rem 0;padding:1rem}.changeprofilepic-page .submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;margin-top:1rem;padding:1.2rem 3rem;font-size:1.2rem;transition:all .3s}.changeprofilepic-page .submit-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #667eea66}.changeprofilepic-page .submit-btn:disabled{opacity:.7;cursor:not-allowed}.changeprofilepic-page .success{color:#28a745;margin-top:1.5rem;font-weight:700}.changeprofilepic-page .error{color:#dc3545;margin-top:1.5rem;font-weight:700}@media (max-width:768px){.changeprofilepic-page .form-card{margin:1rem;padding:2rem}.changeprofilepic-page .current-pic{width:150px;height:150px}}.withdraw-page{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.withdraw-page .container{width:100%;max-width:600px;margin:0 auto}.withdraw-page .form-card{text-align:center;background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 40px #0000001a}.withdraw-page .form-card h1{color:#2d3748;margin-bottom:.5rem;font-size:2.8rem}.withdraw-page .balance{color:#667eea;margin-bottom:2.5rem;font-size:1.8rem;font-weight:700}.withdraw-page .form-card input{border:2px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:1.5rem;padding:1.2rem;font-size:1.1rem}.withdraw-page .form-card input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea33}.withdraw-page .submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;width:100%;margin-top:1rem;padding:1.4rem;font-size:1.3rem;font-weight:700;transition:all .3s}.withdraw-page .submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 35px #667eea66}.withdraw-page .submit-btn:disabled{opacity:.7;cursor:not-allowed}.withdraw-page .success{color:#28a745;text-align:center;margin-top:1.5rem;font-size:1.2rem;font-weight:700}.withdraw-page .error{color:#dc3545;text-align:center;margin-top:1.5rem;font-size:1.2rem;font-weight:700}.withdraw-page .note{text-align:center;color:#718096;margin-top:2rem;font-size:.95rem;font-style:italic;line-height:1.5}.bank-select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:1.5rem;padding:1.2rem;font-size:1.1rem}.bank-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea33}@media (max-width:768px){.withdraw-page .form-card{margin:1rem;padding:2rem}.withdraw-page .form-card h1{font-size:2.3rem}.withdraw-page .balance{font-size:1.6rem}.withdraw-page .submit-btn{font-size:1.2rem}}@media (max-width:480px){.withdraw-page .form-card h1{font-size:2rem}.withdraw-page .balance{font-size:1.4rem}}.tutor-dashboard-page .tutor-dashboard{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);width:100%;max-width:100vw;min-height:100vh;padding:3rem 1rem;overflow-x:hidden}.tutor-dashboard-page .dashboard-header{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:1rem;margin-bottom:4rem;padding:2rem;display:flex;box-shadow:0 10px 30px #0000000d}.tutor-dashboard-page .profile-pic{object-fit:cover;border:4px solid #667eea;border-radius:50%;width:120px;height:120px}.tutor-dashboard-page .reward-box{color:#fff;text-align:center;background:#667eea;border-radius:15px;padding:1.5rem 2.5rem}.tutor-dashboard-page .reward-amount{margin:.5rem 0;font-size:2.5rem;font-weight:700}.tutor-dashboard-page .reward-note{opacity:.8;font-size:.9rem}.tutor-dashboard-page .upload-section{color:#000;background:#fff;border-radius:20px;max-width:800px;margin:0 auto 4rem;padding:3rem;box-shadow:0 10px 30px #0000000d}.tutor-dashboard-page .upload-form{flex-direction:column;gap:1.5rem;display:flex}.tutor-dashboard-page .upload-form input,.tutor-dashboard-page .upload-form textarea{color:#000;border:2px solid #e2e8f0;border-radius:12px;padding:1rem;font-size:1rem}.tutor-dashboard-page .upload-form button{color:#000;cursor:pointer;background:#667eea;border:none;border-radius:12px;padding:1.2rem;font-size:1.2rem}.tutor-dashboard-page .students-section,.tutor-dashboard-page .lessons-section{color:#000;max-width:1200px;margin:0 auto 4rem}.tutor-dashboard-page .students-grid,.tutor-dashboard-page .lessons-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.tutor-dashboard-page .student-card,.tutor-dashboard-page .lesson-card{text-align:center;color:#000;background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #0000000d}.tutor-dashboard-page .student-pic{object-fit:cover;border-radius:50%;width:80px;height:80px;margin-bottom:1rem}.tutor-dashboard-page .lesson-preview{border-radius:12px;width:100%;height:200px;margin-bottom:1rem}.tutor-dashboard-page .lesson-price{color:#667eea;margin:.5rem 0;font-weight:700}.tutor-dashboard-page .delete-btn{color:#000;cursor:pointer;background:#ff6b6b;border:none;border-radius:12px;padding:.8rem;font-size:1rem}.tutor-dashboard-page .no-data{text-align:center;color:#718096;padding:2rem;font-style:italic}@media (max-width:768px){.tutor-dashboard-page .dashboard-header{padding:1.5rem}.tutor-dashboard-page .upload-section{padding:2rem 1.5rem}.tutor-dashboard-page .students-grid,.tutor-dashboard-page .lessons-grid{grid-template-columns:1fr}.tutor-dashboard-page .lesson-preview{height:auto}}.tutor-dashboard-page .success-msg{color:green;text-align:center;margin-top:1rem}.tutor-dashboard-page .error-msg{color:red;text-align:center;margin-top:1rem}.error-boundary{text-align:center;color:#721c24;background:#f8d7da;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.error-boundary h2{margin-bottom:1rem;font-size:2.5rem}.error-boundary p{margin-bottom:2rem;font-size:1.3rem}.error-boundary button{color:#fff;cursor:pointer;background:#721c24;border:none;border-radius:8px;padding:1rem 2rem;font-size:1.1rem}.payment-callback-page{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.payment-callback-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:500px;padding:4rem 3rem;box-shadow:0 20px 40px #0000001a}.payment-callback-card h1{color:#2d3748;margin-bottom:1rem;font-size:2.5rem}.payment-callback-card p{color:#4a5568;margin-bottom:2rem;font-size:1.4rem}.spinner{border:6px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:60px;height:60px;margin:2rem auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message{color:#28a745;font-size:1.3rem;font-weight:700}.error-message{color:#dc3545;font-size:1.3rem;font-weight:700}@media (max-width:768px){.payment-callback-card{padding:3rem 2rem}.payment-callback-card h1{font-size:2rem}}.student-dashboard-page .student-dashboard{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:2rem 1rem}.student-dashboard-page .dashboard-header{text-align:center;margin-bottom:4rem;padding:2rem 0}.student-dashboard-page .dashboard-header h1{color:#2d3748;margin-bottom:1.5rem;font-size:2.8rem}.student-dashboard-page .dashboard-header .profile-pic{object-fit:cover;border:5px solid #667eea;border-radius:50%;width:140px;height:140px;margin:0 auto;display:block;box-shadow:0 10px 30px #667eea4d}.student-dashboard-page .my-tutor-section{text-align:center;background:#fff;border-radius:20px;max-width:800px;margin:0 auto 4rem;padding:2rem;box-shadow:0 10px 30px #0000000d}.student-dashboard-page .tutor-card-large{align-items:center;gap:2rem;margin-top:1rem;display:flex}.student-dashboard-page .tutor-card-large img{object-fit:cover;border-radius:50%;width:120px;height:120px}.student-dashboard-page .tutor-card-large h3{margin-bottom:.5rem;font-size:1.8rem}.student-dashboard-page .tutor-courses{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.student-dashboard-page .course-tag{color:#fff;background:#667eea;border-radius:20px;padding:.5rem 1rem;font-size:.9rem}.student-dashboard-page .tabs{justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.student-dashboard-page .tabs button{cursor:pointer;background:#fff;border:none;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;transition:all .3s;box-shadow:0 5px 15px #0000001a}.student-dashboard-page .tabs button.active{color:#fff;background:#667eea}.student-dashboard-page .lessons-section{max-width:1200px;margin:0 auto}.student-dashboard-page .lessons-section h2{text-align:center;color:#2d3748;margin-bottom:2rem;font-size:2.5rem}.student-dashboard-page .lessons-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.student-dashboard-page .lesson-card{background:#fff;border-radius:20px;transition:transform .3s;overflow:hidden;box-shadow:0 10px 30px #0000001a}.student-dashboard-page .lesson-card:hover{transform:translateY(-10px)}.student-dashboard-page .lesson-preview{object-fit:cover;background:#000;width:100%;height:200px}.student-dashboard-page .lesson-card h3{padding:1rem 1.5rem 0;font-size:1.4rem}.student-dashboard-page .lesson-card p{color:#4a5568;padding:0 1.5rem}.student-dashboard-page .tutor-name{color:#667eea;padding:0 1.5rem;font-style:italic}.student-dashboard-page .lesson-price{color:#667eea;padding:0 1.5rem;font-size:1.5rem;font-weight:700}.student-dashboard-page .buy-btn{color:#fff;cursor:pointer;background:#667eea;border:none;width:100%;padding:1.2rem;font-size:1.1rem;transition:background .3s}.student-dashboard-page .buy-btn:hover:not(:disabled){background:#5a6fd8}.student-dashboard-page .buy-btn:disabled{cursor:not-allowed;background:#28a745}.student-dashboard-page .no-data{text-align:center;color:#718096;padding:3rem;font-size:1.2rem}.student-dashboard-page .message{text-align:center;border-radius:12px;margin:2rem 0;padding:1rem;font-weight:700}.student-dashboard-page .success{color:#155724;background:#d4edda}.student-dashboard-page .error{color:#721c24;background:#f8d7da}@media (max-width:768px){.student-dashboard-page .tutor-card-large{text-align:center;flex-direction:column}.student-dashboard-page .lessons-grid{grid-template-columns:1fr}.student-dashboard-page .tabs{flex-direction:column}.student-dashboard-page .tabs button{width:100%}}.admin-dashboard-page .admin-dashboard{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:3rem 2rem}.admin-dashboard-page .admin-dashboard h1{text-align:center;color:#2d3748;margin-bottom:3rem;font-size:3rem}.admin-dashboard-page .admin-stats{text-align:center;max-width:600px;margin:0 auto 4rem}.admin-dashboard-page .stat-card{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 10px 30px #0000001a}.admin-dashboard-page .stat-card h3{color:#2d3748;margin-bottom:1rem;font-size:1.8rem}.admin-dashboard-page .amount{color:#667eea;margin:1.5rem 0;font-size:3rem;font-weight:700}.admin-dashboard-page .withdraw-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:50px;padding:1.2rem 3rem;font-size:1.2rem}.admin-dashboard-page .admin-dashboard h2{text-align:center;color:#2d3748;margin-bottom:2rem;font-size:2.5rem}.admin-dashboard-page .users-table{max-width:1200px;margin:0 auto;overflow-x:auto}.admin-dashboard-page table{border-collapse:collapse;background:#fff;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 10px 30px #0000001a}.admin-dashboard-page th,td{text-align:left;border-bottom:1px solid #eee;padding:1.2rem}.admin-dashboard-page th{color:#fff;background:#667eea;font-weight:700}.admin-dashboard-page tr:hover{background:#f8f9ff}.admin-dashboard-page .delete-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:8px;padding:.6rem 1.2rem}.admin-dashboard-page .delete-btn:disabled{cursor:not-allowed;background:#aaa}.admin-dashboard-page .success{color:#28a745;text-align:center;margin:2rem 0}.admin-dashboard-page .error{color:#dc3545;text-align:center;margin:2rem 0}@media (max-width:768px){.admin-dashboard-page table,thead,tbody,th,td,tr{display:block}.admin-dashboard-page thead tr{position:absolute;top:-9999px;left:-9999px}.admin-dashboard-page tr{border:1px solid #ddd;border-radius:12px;margin-bottom:1rem;padding:1rem}.admin-dashboard-page td{border:none;padding-left:50%;position:relative}.admin-dashboard-page td:before{content:attr(data-label);color:#667eea;width:45%;font-weight:700;position:absolute;left:1rem}}.change-tutor-page{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:2rem}.change-tutor-page .container{max-width:900px;margin:0 auto}.change-tutor-page .form-card{text-align:center;background:#fff;border-radius:20px;padding:3rem;box-shadow:0 10px 30px #0000001a}.change-tutor-page h1{color:#2d3748;margin-bottom:1rem;font-size:2.8rem}.change-tutor-page .subtitle{color:#667eea;margin-bottom:2rem;font-size:1.4rem;font-weight:700}.change-tutor-page h2{color:#2d3748;margin:2rem 0 1rem;font-size:2rem}.change-tutor-page .tutors-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0;display:grid}.change-tutor-page .tutor-card{cursor:pointer;background:#f9f9f9;border:2px solid #eee;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.change-tutor-page .tutor-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 10px 25px #667eea33}.change-tutor-page .tutor-card.selected{background:#e3f2fd;border-color:#667eea;box-shadow:0 0 0 4px #667eea4d}.change-tutor-page .tutor-card img{object-fit:cover;border-radius:50%;width:80px;height:80px}.change-tutor-page .tutor-card h3{margin:0 0 .5rem;font-size:1.4rem}.change-tutor-page .tutor-courses{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.change-tutor-page .course-tag{color:#fff;background:#667eea;border-radius:20px;padding:.4rem .8rem;font-size:.9rem}.change-tutor-page .submit-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:50px;width:100%;max-width:400px;margin:2rem auto 0;padding:1.2rem;font-size:1.2rem}.change-tutor-page .submit-btn:disabled{cursor:not-allowed;background:#aaa}.change-tutor-page .success{color:#28a745;margin-top:1.5rem}.change-tutor-page .error{color:#dc3545;margin-top:1.5rem}