:root{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hero{position:relative;text-align:center;padding:4rem 2rem;background:url(/autoecole.png) no-repeat center center;background-size:cover;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#00000080;z-index:0}.hero h1,.hero p,.hero .auth-buttons{position:relative;z-index:1}.home_section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.2rem;margin-bottom:2rem}.logs{display:flex;gap:1rem;justify-content:center}.logs button{padding:.8rem 1.5rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.logs .student{background-color:#e9c46a;color:#000}.logs .student:hover{background-color:#f4a261}.logs .teacher{background-color:#f4a261;color:#000}.logs .teacher:hover{background-color:#e76f51;color:#fff}#about{padding:3rem 2rem;max-width:900px;margin:auto;text-align:center}#about h1{font-size:2rem;margin-bottom:1rem;color:#264653}#about p{font-size:1.1rem;color:#555;margin-bottom:1.5rem}#about ul{list-style:none;padding:0}#about li{margin:.5rem 0;font-size:1rem;color:#333}#features{background-color:#f8f9fa;padding:3rem 2rem;text-align:center}#features h1{font-size:2rem;margin-bottom:2rem;color:#264653}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{margin-bottom:1rem;color:#2a9d8f}#partners{padding:3rem 2rem;text-align:center}#partners h1{font-size:2rem;margin-bottom:2rem;color:#264653}.partners-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.partner-card{background:#e9ecef;padding:1.5rem 2rem;border-radius:8px;min-width:120px;font-weight:700}footer{background:#264653;color:#fff;text-align:center;padding:1rem;margin-top:2rem;font-size:.9rem}.partner-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px;box-shadow:0 4px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease;width:250px;text-align:left}.partner-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.partner-card ul{list-style:none;padding:0;margin:0}.partner-card li{text-align:center;font-size:14px;color:#333;margin-bottom:6px;padding:4px 0;border-bottom:1px solid #f0f0f0}.partner-card li:last-child{border-bottom:none}.partner-card li:first-child{font-weight:700;font-size:16px;color:#2c3e50}.auth-buttons{display:flex;justify-content:center;gap:20px;margin-top:25px;flex-wrap:wrap}.auth-link{text-decoration:none}.auth-btn{padding:12px 30px;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;min-width:120px}.sign-up-btn{background-color:#4caf50;color:#fff}.sign-up-btn:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.login-btn{background-color:#fff;color:#4caf50;border:2px solid #4caf50}.login-btn:hover{background-color:#4caf50;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 480px){.auth-buttons{flex-direction:column;gap:15px}.auth-btn{width:100%}}.navbar{position:fixed;top:0;width:100%;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000}.nav-container{max-width:1200px;margin:auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.nav-icon{display:none;font-size:1.8rem;color:#fff;cursor:pointer}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links li a,.nav-links li Link{color:#fff;text-decoration:none;font-size:1rem;transition:color .2s}.nav-links li a:hover{color:#ffce00}@media (max-width: 768px){.nav-icon{display:block}.nav-links{position:absolute;top:70px;right:-100%;flex-direction:column;background:#000000e6;width:200px;padding:2rem;transition:right .3s ease}.nav-links.active{right:0}.nav-links li{margin:1rem 0}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f0f2f5;padding:20px}.login-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 15px #0000001a;width:100%;max-width:400px;display:flex;flex-direction:column;gap:15px}.login-title{text-align:center;margin-bottom:20px;font-size:24px;color:#333}.login-input,.login-select{padding:12px;border:1px solid #ccc;border-radius:8px;font-size:16px;width:100%;outline:none;transition:border .2s}.login-input:focus,.login-select:focus{border-color:#007bff}.login-btn{padding:12px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:background .2s}.login-btn:hover{background:#0056b3}.error-message{color:#d9534f;font-size:14px;text-align:center}.signup-text{text-align:center;font-size:14px;color:#555}.signup-link{color:#007bff;text-decoration:none}.signup-link:hover{text-decoration:underline}.role-selection{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem 4rem;border-radius:20px;background:#fff;box-shadow:0 8px 25px #00000026;max-width:500px;margin:3rem auto}.role-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#333}.role-btn{width:100%;padding:1.2rem 2rem;border:none;border-radius:15px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.teacher-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.teacher-btn:hover{transform:scale(1.07);box-shadow:0 6px 15px #00000040}.student-btn{background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff}.student-btn:hover{transform:scale(1.07);box-shadow:0 6px 15px #00000040}:root{--primary-color: #1e88e5;--secondary-color: #1565c0;--accent-color: #ff9800;--bg-color: #f4f7fb;--text-color: #333;--card-bg: #fff;--danger-color: #e53935;--success-color: #43a047;--radius: 12px;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--transition: all .3s ease}.admin-container{min-height:100vh;background-color:var(--bg-color);color:var(--text-color);padding:20px;font-family:Poppins,sans-serif;display:flex;flex-direction:column;gap:2rem}.admin-header{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);box-shadow:var(--shadow);padding:1rem 2rem;border-radius:var(--radius);flex-wrap:wrap;gap:1rem}.admin-title{font-size:1.8rem;color:var(--primary-color);font-weight:600}.logout-btn{background:var(--danger-color);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:var(--radius);cursor:pointer;font-weight:700;transition:var(--transition)}.logout-btn:hover{background:#c62828}.profile-stats-container{display:flex;gap:2rem}.admin-profile,.stats-card{flex:1 1 45%;height:30vh;text-align:center;background:var(--card-bg);padding:1.5rem 2rem;border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition)}.admin-profile:hover,.stats-card:hover{transform:translateY(-4px)}.section-title,.stats-title{text-align:center;font-size:1.3rem;color:var(--primary-color);font-weight:600;margin-bottom:1rem}.profile-list{list-style:none;padding:0;margin:1rem 0}.profile-list li{margin-bottom:.6rem;font-size:.95rem}.profile-name{color:var(--accent-color)}.edit-profile-btn{background:var(--accent-color);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:var(--transition)}.edit-profile-btn:hover{background:#e68900}.stats-list{list-style:none;padding:0;margin:0}.stats-list li{margin-bottom:.5rem;font-size:1rem}.admin-main{display:flex;flex-direction:column;gap:2rem}.drivers-section{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem 2rem}.drivers-header{display:flex;justify-content:space-between;align-items:center;text-align:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}thead{background:var(--primary-color);color:#fff}th,td{padding:.9rem 1rem;text-align:left;font-size:.95rem;word-wrap:break-word}tbody tr:nth-child(2n){background:#f0f4f9}tbody tr:hover{background:#1e88e51a;transition:var(--transition)}.no-users,.loading-text{text-align:center;color:#666;padding:1rem}.table-btn{border:none;border-radius:var(--radius);padding:.4rem .8rem;font-size:.85rem;cursor:pointer;transition:var(--transition);color:#fff}.add-btn{background:var(--success-color)}.edit-btn{background:var(--accent-color)}.delete-btn{background:var(--danger-color)}.details-btn{background:var(--secondary-color)}.table-btn:hover{transform:scale(1.05);opacity:.9}@media (max-width: 1024px){.profile-stats-container{flex-direction:column}.admin-profile,.stats-card{flex:1 1 100%}.drivers-header{flex-direction:column;align-items:center}}@media (max-width: 768px){.admin-container{padding:15px}.admin-header{flex-direction:column;align-items:center}.admin-title{font-size:1.5rem}.logout-btn{width:100%;text-align:center}.admin-profile,.stats-card{padding:1rem}.drivers-section,.students-table{overflow-x:auto;border-radius:var(--radius)}table{width:100%;overflow-x:auto;white-space:nowrap;text-align:center}thead{display:none}tbody tr{display:block;margin-bottom:1rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:.8rem}tbody td{display:flex;justify-content:center;padding:.4rem .8rem;border-bottom:1px solid #eee}tbody td:before{content:attr(data-label);font-weight:600;color:var(--primary-color)}tbody td:last-child{border-bottom:none}}@media (max-width: 480px){.admin-title{font-size:1.3rem}.section-title{font-size:1.1rem}.table-btn{font-size:.8rem;padding:.4rem .7rem}.edit-profile-btn,.logout-btn{font-size:.85rem}}:root{--primary-color: #1e88e5;--secondary-color: #1565c0;--accent-color: #ff9800;--bg-color: #f4f7fb;--card-bg: #fff;--danger-color: #e53935;--radius: 12px;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--transition: all .3s ease}.student-header{display:flex;justify-content:space-between;margin-bottom:10px}.student-page{max-width:1100px;margin:2rem auto;padding:0 1rem}.section{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem 2rem;margin-bottom:2rem}.section-title{color:var(--secondary-color);margin-bottom:1rem;font-size:1.4rem}.profile-list{list-style:none;padding:0}.profile-list li{margin:.6rem 0;font-size:1rem}.name{color:var(--primary-color);font-weight:600}.loading-text{color:gray;text-align:center;font-style:italic}.set-money-form,.add-lesson-form{display:flex;flex-direction:column;gap:1rem}.input-field{padding:.8rem;border:1px solid #ccc;border-radius:var(--radius);font-size:1rem}.input-field:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 5px #1e88e533}.submit-btn{background:var(--primary-color);color:#fff;border:none;padding:.8rem;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:var(--transition)}.form-message{color:var(--accent-color);margin-top:.5rem;text-align:center}.lessons-table{width:100%;border-collapse:collapse;margin-top:1rem;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.lessons-table th,.lessons-table td{padding:.9rem 1rem;border-bottom:1px solid #eee;text-align:left}.lessons-table th{background:var(--primary-color);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.lessons-table tr:hover{background:#f1f9ff}.logout-button{background:var(--danger-color);color:#fff;padding:.6rem 1.2rem;border:none;font-weight:700;border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.logout-button:hover{background:#c62828}.table-btn{border:none;border-radius:var(--radius);padding:.5rem 1rem;font-weight:500;cursor:pointer;transition:var(--transition)}.add-btn{background:var(--accent-color);color:#fff}.add-btn:hover{background:#fb8c00}.delete-btn{background:var(--danger-color);color:#fff}.delete-btn:hover{background:#c62828}.return-btn{display:block;margin:2rem auto 0;background:var(--secondary-color);border:none;color:#fff;padding:.8rem 1.4rem;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:var(--transition)}.return-btn:hover{background:var(--primary-color)}.signup-container{max-width:500px;margin:50px auto;padding:20px;font-family:Arial,sans-serif}.role-selection{display:flex;justify-content:space-between;margin-bottom:30px}.role-btn{flex:1;margin:0 5px;padding:12px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;border-radius:6px;font-size:16px}.role-btn.student-btn{background-color:#2196f3}.role-btn:hover{opacity:.9}.form-wrapper{background-color:#f5f5f5;padding:25px;border-radius:10px;box-shadow:0 0 10px #0000001a}.form-title{text-align:center;margin-bottom:20px;color:#333}.form{display:flex;flex-direction:column}.form-input,.form-select{padding:12px;margin-bottom:15px;border-radius:6px;border:1px solid #ccc;font-size:16px}.form-label{margin-bottom:5px;font-weight:700}.submit-btn,.back-btn{padding:12px;margin-top:10px;border:none;border-radius:6px;cursor:pointer;font-size:16px}.submit-btn{background-color:#4caf50;color:#fff}.back-btn{background-color:#f44336;color:#fff;width:100%}.link{color:#2196f3;text-decoration:none}.link:hover{text-decoration:underline}.error-message{color:red;margin-top:10px;text-align:center}.form-text{text-align:center;margin-top:15px;font-size:14px;color:#555}:root{--primary-color: #1e88e5;--secondary-color: #1565c0;--accent-color: #ff9800;--bg-color: #f4f7fb;--card-bg: #fff;--radius: 12px;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--transition: all .3s ease}.add-lesson-container h2{text-align:center;color:var(--secondary-color);margin-bottom:1.5rem}.input-field:focus,.form-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 5px #1e88e533}.submit-btn{background:var(--primary-color);color:#fff;border:none;padding:.9rem;border-radius:var(--radius);font-size:1rem;cursor:pointer;transition:var(--transition);margin-top:.5rem}.form-message{margin-top:1rem;color:var(--accent-color);text-align:center}.return-btn{display:block;margin:2rem auto 0;background:var(--accent-color);color:#fff;border:none;padding:.7rem 1.2rem;border-radius:var(--radius);cursor:pointer;transition:var(--transition)}:root{--primary-color: #1565c0;--secondary-color: #1e88e5;--accent-color: #ffb300;--bg-color: #f4f7fb;--card-bg: #fff;--radius: 12px;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--transition: all .3s ease}.add-lesson-container{background:var(--card-bg);max-width:550px;margin:3rem auto;padding:2rem 2.5rem;border-radius:var(--radius);box-shadow:var(--shadow)}.add-lesson-container h2{text-align:center;color:var(--primary-color);margin-bottom:1.5rem}.add-lesson-form{display:flex;flex-direction:column;gap:1.2rem}label{font-weight:600;color:#555}.input-field,.form-select{padding:.8rem;border:1px solid #ccc;border-radius:var(--radius);font-size:1rem;transition:var(--transition)}.input-field:focus,.form-select:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 5px #1565c033}.submit-btn{background:var(--accent-color);color:#fff;border:none;padding:.9rem;border-radius:var(--radius);font-size:1rem;cursor:pointer;transition:var(--transition);margin-top:.5rem}.submit-btn:hover{background:#ffa000}.form-message{margin-top:1rem;color:var(--secondary-color);text-align:center}:root{--primary-color: #1e88e5;--secondary-color: #1565c0;--accent-color: #ff9800;--bg-color: #f4f7fb;--card-bg: #fff;--danger-color: #e53935;--success-color: #43a047;--radius: 12px;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--transition: all .3s ease}body{background:var(--bg-color);font-family:Poppins,sans-serif}.form-wrapper{background:var(--card-bg);width:100%;max-width:450px;margin:3rem auto;padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.form-title{color:var(--secondary-color);font-size:1.8rem;margin-bottom:1rem}.message{color:var(--success-color);margin-bottom:1rem;font-weight:500}.form{display:flex;flex-direction:column;gap:1rem}.form-input{padding:.8rem;border:1px solid #ccc;border-radius:var(--radius);font-size:1rem;transition:var(--transition)}.form-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 5px #1e88e533}.submit-btn{background:var(--primary-color);color:#fff;border:none;padding:.8rem;border-radius:var(--radius);font-size:1rem;cursor:pointer;transition:var(--transition)}.submit-btn:hover{background:var(--secondary-color)}.return-btn{margin-top:1.5rem;background:var(--accent-color);border:none;color:#fff;padding:.7rem 1.2rem;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:var(--transition)}.return-btn:hover{background:#fb8c00}