.export-page{padding:20px;font-family:sans-serif;direction:rtl}.title{text-align:center;margin-bottom:20px}.search-container{display:flex;gap:10px;margin-bottom:20px}.search-input{padding:8px;border-radius:5px;border:1px solid #ccc;min-width:200px}.export-button,.back-button{background-color:#2980b9;color:#fff;padding:8px 12px;border:none;border-radius:6px;cursor:pointer}.preview-table{width:100%;border-collapse:collapse;margin-top:10px}.preview-table th,.preview-table td{border:1px solid #ddd;padding:8px;text-align:center}.preview-table th{background-color:#f2f2f2}.payment-form-page{min-height:100vh;background:linear-gradient(to bottom right,#f1f4f9,#dff1ff);display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;direction:rtl;font-family:Cairo,sans-serif}.payment-form-container{width:100%;max-width:850px;background:#fff;padding:30px 25px;border-radius:16px;box-shadow:0 8px 25px #0000001a}.payment-form-container .logo{display:block;margin:0 auto 20px;max-width:120px}.payment-form-container h2{text-align:center;color:#333;margin-bottom:30px}.payment-form-container .payment-form{display:flex;flex-direction:column;gap:15px}.payment-form-container label{font-weight:700;margin-bottom:5px}.payment-form-container input,.payment-form-container select,.payment-form-container button{padding:12px;font-size:16px;border-radius:8px;border:1px solid #ccc;width:100%;box-sizing:border-box}.payment-form-container input:focus,.payment-form-container select:focus{border-color:#27ae60;outline:none;box-shadow:0 0 5px #27ae6055}.payment-form-container button[type=submit]{background-color:#27ae60;color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s ease}.payment-form-container button[type=submit]:hover{background-color:#219150}.payment-form-container .success{color:green;font-weight:700;text-align:center;margin:10px 0}.payment-form-container .error{color:red;font-weight:700;text-align:center;margin:10px 0}.payment-form-container .search-bar{margin:25px 0 15px}.payment-form-container .table-container{margin-top:25px;overflow-x:auto}.payment-form-container table{width:100%;border-collapse:collapse;background-color:#fafafa}.payment-form-container th,.payment-form-container td{border:1px solid #ddd;padding:12px;text-align:center;font-size:15px}.payment-form-container th{background-color:#f2f2f2;font-weight:700}.payment-form-container .back-button,.payment-form-container .home-button{background-color:#6c757d;margin-top:20px;color:#fff;font-weight:700;border:none;border-radius:6px;padding:10px;width:100%}.payment-form-container .back-button:hover,.payment-form-container .home-button:hover{background-color:#5a6268}.login-container{background:url(../images/logo-removebg-preview.png) no-repeat right center,url(../images/Element.png) no-repeat center top,#aecee6;background-size:contain;height:100vh;display:flex;justify-content:center;align-items:center;background-size:40% auto,cover}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.login-title{font-size:1.8rem;color:#043873;font-weight:700;text-align:center;margin-bottom:40px}.login-box{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 10px #0000001a;text-align:center;width:350px}.login-icon{font-size:2.5rem;margin-bottom:10px}.login-button,.home-button{width:100%;padding:12px;margin-top:10px;border:none;background:#043873;color:#fff;font-size:1rem;cursor:pointer;border-radius:6px;transition:background .3s ease}.login-button:hover,.home-button:hover{background:#032b5a}.login-options{margin-top:15px}.login-options a{color:#043873;text-decoration:none;margin:0 10px}.login-options a:hover{text-decoration:underline}.animated-bg-circle{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.2),transparent);border-radius:50%;top:20%;left:10%;animation:float 6s ease-in-out infinite}.signup-container{background:#aecee6 url(../images/Element.png) no-repeat center top;background-size:contain;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.signup-title{font-size:1.8rem;color:#043873;font-weight:700;text-align:center;margin-bottom:40px}.signup-box{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 10px #0000001a;text-align:center;width:350px}.signup-icon{font-size:2.5rem;margin-bottom:10px}.input-group input{width:100%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:6px}.signup-button,.home-button{width:100%;padding:12px;margin-top:10px;border:none;background:#043873;color:#fff;font-size:1rem;cursor:pointer;border-radius:6px;transition:background .3s ease}.signup-icon,.login-icon{font-size:4rem;margin-bottom:15px}.signup-button:hover,.home-button:hover{background:#032b5a}.signup-options{margin-top:15px}.signup-options a{color:#043873;text-decoration:none;margin:0 10px}.signup-options a:hover{text-decoration:underline}@media (max-width: 768px){.signup-container{background-size:cover;padding:20px;height:auto;min-height:100vh}.signup-title{font-size:1.5rem;margin-bottom:30px}.signup-box{width:90%;padding:2rem;max-width:320px}.input-group input{padding:10px;font-size:.9rem}.signup-button,.home-button{font-size:.9rem;padding:10px}.signup-icon,.login-icon{font-size:3rem;margin-bottom:10px}.signup-options{font-size:.9rem}.signup-options a{margin:0 5px}}.homepage-eid{background-color:#2c5563;width:100%;height:643px;margin:auto;display:flex;align-items:center;justify-content:center;border:1px solid #964949;box-shadow:0 4px 8px #0000001a;border-radius:8px;position:relative;background-image:url("../images/Facebook (4).png");background-size:cover;background-position:center;background-repeat:no-repeat}.homepage-eid .homepage-eid,.homepage-eid{position:relative}.eid-text{position:absolute;width:200px;height:auto;top:60%;left:50%;transform:translate(-50%,-50%)}@media (max-width: 768px){.homepage-eid{min-height:60vh;border-radius:0}.eid-text{width:80%;top:65%}}.homepage-header{background-color:#e2f3ff;padding:16px 220px;display:flex;justify-content:center;align-items:center}.homepage-policies-list{list-style-position:inside;direction:rtl;text-align:right}.homepage-policies-list{list-style:none;direction:rtl;text-align:right;padding:0}.homepage-policies-list li{display:flex;align-items:center;gap:8px;font-size:18px}.policy-icon{color:#007bff}.homepage-header-container{width:100%;max-width:1920px;display:flex;justify-content:space-between;align-items:center}.homepage-logo{color:#fff;font-size:25px;font-weight:700}.homepage-nav{display:flex;gap:32px}.homepage-nav-link{color:#fff;text-decoration:none;font-size:19px}.homepage-nav-link:hover{text-decoration:underline}.homepage-actions{display:flex;gap:16px}.homepage-login,.homepage-get-started{padding:8px 16px;border:none;cursor:pointer;font-size:16px;border-radius:4px}.homepage-login{background-color:#ffe492;color:#043873}.homepage-get-started{background-color:#4f9cf9;color:#e2f3ff;font-weight:700}.homepage-get-started:hover{background-color:#057aff}.homepage-login:hover{background-color:#ffcb30}.homepage-yellow-line{background-color:#ffe492;height:4px;width:100%}.homepage-hero{background-color:#043873;color:#e2f3ff;padding:60px 220px;display:flex;justify-content:center;position:relative;overflow:hidden}.homepage-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/Element.png) no-repeat center center;background-size:cover;opacity:.3;z-index:0}.homepage-hero-container{display:flex;justify-content:space-between;align-items:center;max-width:1920px;width:100%;position:relative;z-index:1}.homepage-hero-text{max-width:50%}.homepage-hero-title{font-size:48px;font-weight:700;margin-bottom:20px}.homepage-hero-description{font-size:18px;margin-bottom:30px;line-height:1.6}.homepage-hero-button{background-color:#4f9cf9;color:#e2f3ff;padding:12px 24px;font-size:18px;border:none;border-radius:4px;cursor:pointer}.homepage-hero-button:hover{background-color:#3a89d6}.homepage-hero-image img{max-width:600px;width:100%;border-radius:8px;position:relative;left:-150px}.homepage-collaboration{background-color:#e2f3ff;padding:60px 220px;display:flex;justify-content:center}.homepage-collaboration-container{display:flex;justify-content:space-between;align-items:center;max-width:1920px;width:100%}.homepage-collaboration-image img{max-width:500px;width:100%;border-radius:8px}.homepage-collaboration-content{max-width:50%;text-align:right}.homepage-collaboration-title{font-size:36px;font-weight:700;margin-bottom:20px;color:#043873}.homepage-collaboration-description{font-size:18px;margin-bottom:30px;line-height:1.6;color:#043873}.homepage-collaboration-buttons button{background-color:#4f9cf9;color:#e2f3ff;padding:12px 24px;font-size:16px;border:none;border-radius:4px;cursor:pointer;margin:10px 0;width:200px}.homepage-collaboration-buttons button:hover{background-color:#3a89d6}.homepage-collaboration-buttons{display:flex;flex-direction:row;gap:15px}.homepage-policies{background-color:#043873;color:#e2f3ff;padding:60px 220px;display:flex;justify-content:center;position:relative;overflow:hidden;text-align:center;border-radius:20px}.homepage-policies:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/Element.png) no-repeat center center;background-size:cover;opacity:.2;z-index:0}.homepage-policies-container{max-width:800px;width:100%;position:relative;z-index:1}.homepage-policies-title{font-size:36px;font-weight:700;margin-bottom:20px;color:#ffe492;border-bottom:3px solid #4F9CF9;display:inline-block;padding-bottom:10px}.homepage-policies-list{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:15px}.homepage-policies-list li{font-size:24px;padding:18px 40px;background-color:#4f9cf9;border-radius:30px;box-shadow:0 4px 6px #00000026;width:100%;max-width:500px;text-align:center;position:relative;color:#e2f3ff}.homepage-policies-list li:nth-child(odd){background-color:#4f9cf9}.homepage-policies-list li:nth-child(2n){background-color:#e2f3ff;color:#043873}.homepage-policies-list li:hover{background-color:#3a89d6;transform:translateY(-5px);transition:all .3s ease;box-shadow:0 4px 8px #0003}.birthday-section{background:#e2f3ff url(./images/BACKGROUND.png) no-repeat center center;background-size:cover;background-size:40%;padding:4rem 2rem;text-align:center;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.birthday-images-container{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem;width:100%}.birthday-left-image{width:100px;opacity:.9;animation:float 3s ease-in-out infinite}.birthday-background{width:60%;max-width:400px;opacity:.9;animation:float 3s ease-in-out infinite}.birthday-right-image{width:100px;opacity:.9;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.birthday-section{margin-bottom:0}.site-footer{background:#043873;color:#fff;text-align:center;padding:2rem 1rem;margin-top:0}body{margin:0;padding:0}.site-footer a{color:gold;text-decoration:none;font-weight:700}.site-footer a:hover{color:orange;text-decoration:underline}.site-footer p{margin-bottom:10px}.site-footer .social-links{margin-top:15px}.site-footer a{color:gold;text-decoration:none;font-weight:700;display:inline-block;margin:5px 0}@media (max-width: 768px){.homepage-actions{margin-top:20px}.homepage-nav-button:last-of-type{margin-bottom:20px}.homepage-header{padding:16px 20px;flex-direction:column}.homepage-header-container{flex-direction:column;align-items:center;text-align:center}.homepage-nav{flex-direction:column;gap:10px;margin-top:10px}.homepage-hero{padding:40px 20px;flex-direction:column;text-align:center}.homepage-hero-title{font-size:32px}.homepage-hero-description{font-size:16px}.homepage-hero-image img{max-width:300px;width:80%;left:0}.homepage-collaboration{padding:40px 20px;flex-direction:column;text-align:center}.homepage-collaboration-container{flex-direction:column;align-items:center}.homepage-collaboration-image img{max-width:300px;width:80%}.homepage-collaboration-content{max-width:100%}.homepage-policies{padding:40px 20px}.homepage-policies-list li{font-size:18px;padding:14px 20px}.site-footer{padding:20px;text-align:center}.homepage-hero-button,.homepage-collaboration-buttons button{width:100%;padding:10px;font-size:16px}.birthday-section{padding:20px}.birthday-images-container{flex-direction:column;gap:1rem}.birthday-background{max-width:200px}.birthday-left-image,.birthday-right-image{width:60px}.logo-image{width:150px;height:auto;object-fit:contain}.ramadan-section{width:100%;height:auto;padding:40px 10px;background-size:cover}.ramadan-content{margin-top:50px;padding:20px}.ramadan-title{font-size:1.8rem}.ramadan-message{font-size:1rem}}.homepage-nav-button{background-color:#4f9cf9;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:8px;cursor:pointer;transition:background .3s ease,transform .2s ease}.homepage-nav-button:hover{background-color:#3a89d6;transform:scale(1.05)}.homepage-nav-button:active{background-color:#0056b3;transform:scale(.98)}.homepage-nav{display:flex;gap:16px}.logo-image{width:150px;height:auto;object-fit:contain}.homepage-container{background:#aecee6 url(../images/Element.png) no-repeat center top;background-size:contain;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.about-content{background:#ffffffe6;padding:40px;border-radius:12px;box-shadow:0 4px 10px #0000001a;max-width:800px;width:90%;animation:fadeInUp 1s ease-in-out}.about-title{font-size:2rem;color:#043873;font-weight:700;margin-bottom:20px}.about-section{display:flex;align-items:center;gap:15px;padding:15px;border-radius:10px;margin:10px 0;background:#f7f7f7;transition:transform .3s ease,background .3s ease}.about-section:hover{transform:scale(1.05);background:#e0f3ff}.about-icon{font-size:2.5rem;color:#043873;animation:bounce 1s infinite alternate}.about-text{font-size:1.2rem;color:#333;font-weight:500;text-align:right}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@media (max-width: 768px){.about-content{padding:20px}.about-title{font-size:1.8rem}.about-text{font-size:1rem}.about-icon{font-size:2rem}}.about-text{direction:rtl;text-align:right}.back-home-button{background-color:#043873;color:#fff;font-size:1.2rem;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease,transform .2s ease;margin-top:20px;display:flex;justify-content:center;align-items:center;width:fit-content;text-align:center;margin-left:auto;margin-right:auto}.back-home-button:hover{background-color:#032b5a;transform:scale(1.05)}.contact-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(to bottom,#00416a,#e4e5e6);padding:20px}.contact-content{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 10px #0003;text-align:center;max-width:500px;width:100%;animation:fadeInUp .8s ease-out}.contact-title{font-size:2rem;color:#00416a;margin-bottom:10px;font-weight:700}.contact-description{font-size:1.1rem;color:#333;margin-bottom:20px;line-height:1.6}.contact-section{display:flex;align-items:center;gap:10px;justify-content:start;margin:15px 0;background:#f9f9f9;padding:10px;border-radius:10px;transition:transform .3s}.contact-section:hover{transform:translateY(-5px);background:#e6f7ff}.contact-icon{font-size:1.8rem;color:#00416a}.contact-text{font-size:1.2rem;color:#333}.contact-highlight{color:#00416a;font-weight:700;text-decoration:none}.contact-highlight:hover{text-decoration:underline}.back-home-button{margin-top:20px;background:#00416a;color:#fff;font-size:1.2rem;padding:12px 25px;border:none;border-radius:8px;cursor:pointer;transition:background .3s,transform .2s}.back-home-button:hover{background:#003356;transform:scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.contact-content{padding:20px;max-width:90%}.contact-title{font-size:1.5rem}.contact-text{font-size:1rem}.contact-icon{font-size:1.5rem}.back-home-button{font-size:1rem;padding:10px 20px}}.forget-password-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(to bottom,#00416a,#e4e5e6);position:relative;overflow:hidden}.forget-password-container:before,.forget-password-container:after{content:"";position:absolute;width:150px;height:150px;background:#fff3;border-radius:50%;animation:float 6s infinite alternate ease-in-out}.forget-password-container:before{top:10%;left:15%}.forget-password-container:after{bottom:10%;right:15%}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(20px)}}.forget-password-box{background:#fffffff2;padding:30px;border-radius:16px;box-shadow:0 8px 20px #0000004d;text-align:center;width:400px;animation:fadeIn .8s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.forget-password-title{font-size:2rem;font-weight:700;color:#00416a;margin-bottom:15px;font-family:Poppins,sans-serif}.forget-password-input{width:100%;padding:14px;margin:10px 0;border-radius:8px;border:2px solid #00416A;font-size:1rem;transition:all .3s ease-in-out;font-family:Poppins,sans-serif}.forget-password-input:focus{border-color:#003356;box-shadow:0 0 10px #00416a80}.forget-password-button2{width:100%;padding:14px;background:linear-gradient(to right,#00416a,#0066a2);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;margin-top:10px;transition:all .3s ease-in-out;box-shadow:0 4px 6px #0003;font-family:Poppins,sans-serif}.forget-password-button2:hover{background:linear-gradient(to right,#003356,#005488);transform:translateY(-3px);box-shadow:0 6px 10px #0000004d}.back-to-login{margin-top:20px;display:inline-block;text-decoration:none;font-weight:700;color:#fff;background-color:#0066a2;padding:10px 20px;border-radius:8px;transition:.3s;font-size:1.1rem;font-family:Poppins,sans-serif;box-shadow:0 4px 6px #0003}.back-to-login:hover{background-color:#005488;color:#fff;transform:translateY(-3px);text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 400px){.forget-password-box{width:90%;padding:20px}.forget-password-title{font-size:1.6rem}}.teacher-dashboard-container{background-size:cover,contain;height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:Poppins,sans-serif;background:url(../images/Element.png) no-repeat center top,linear-gradient(to bottom,#00416a,#e4e5e6)}.dashboard-card{background:#fffffff2;border-radius:16px;box-shadow:0 8px 20px #0003;text-align:center;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;pointer-events:all}.smaller-card{padding:15px;width:220px}.smaller-card .card-icon{font-size:2rem;margin:10px 0}.smaller-card .card-title{font-size:1.6rem;margin-bottom:8px}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.grid-image img{width:100%;margin:20px 0}.teacher-dashboard-title{font-size:2rem}.logout-button{padding:10px 20px;font-size:.9rem}.teacher-dashboard-main{padding:20px}.dashboard-card{position:relative;z-index:10}}.dashboard-card{position:relative;z-index:10}.reset-password-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(to bottom,#00416a,#e4e5e6)}.reset-password-box{background:#fff;padding:30px;border-radius:16px;box-shadow:0 8px 20px #0000004d;text-align:center;width:400px}.reset-password-title{font-size:2rem;font-weight:700;color:#00416a;margin-bottom:10px}.reset-password-description{font-size:1rem;color:#333;margin-bottom:20px}.input-group{margin-bottom:15px}.input-group input{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;font-size:1rem}.reset-password-button{width:100%;padding:12px;background:#00416a;color:#fff;border:none;font-size:1rem;cursor:pointer;border-radius:6px;transition:background .3s ease}.reset-password-button:hover{background:#032b5a}.back-to-login{margin-top:15px;display:inline-block;text-decoration:none;font-weight:700;color:#fff;background-color:#0066a2;padding:10px 20px;border-radius:8px;transition:.3s;font-size:1rem}.back-to-login:hover{background-color:#005488}.create-lesson-container{background:url(../images/Element.png) no-repeat center top,linear-gradient(to bottom,#00416a,#e4e5e6);background-size:contain;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.create-lesson-title{font-size:2rem;color:#00416a;margin-bottom:20px}.success-message{color:green;margin-bottom:15px}.error-message{color:red;margin-bottom:15px}.create-lesson-form{background:#fff;padding:30px;border-radius:16px;box-shadow:0 8px 20px #0000004d;width:400px;display:flex;flex-direction:column;gap:15px;align-items:center}.create-lesson-form input,.create-lesson-form select{padding:12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;text-align:center;font-weight:700}.create-lesson-form input::placeholder{text-align:center;font-weight:700}.label{font-weight:700;margin-bottom:5px;font-size:1.1rem;color:#00416a;width:100%;text-align:center}.submit-button{background:#00416a;color:#fff;padding:12px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.submit-button:hover{background:#032b5a}.dashboard-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#f9f9f9;border-radius:12px;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #0003}.dashboard-card:active{transform:scale(.98)}.card-icon{font-size:2rem;color:#00416a;margin-bottom:10px}.card-title{font-size:1.2rem;color:#00416a;text-align:center}.dashboard-card{pointer-events:all}.dashboard-card[title="إرسال درس فردي جديد"]{cursor:pointer}.back-button{background:#00416a;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;margin-top:20px;transition:background .3s ease}.back-button:hover{background:#032b5a}.create-lesson-form input::placeholder,.create-lesson-form select::placeholder{text-align:center;font-weight:700}.create-lesson-form select{background-color:#fff;cursor:pointer}.create-lesson-form select:focus{outline:none;border-color:#00416a}.create-lesson-form select option{text-align:center}.create-lesson-form label{display:block;font-weight:700;text-align:center;width:100%;margin-bottom:5px;color:#00416a;font-size:1.1rem}.pending-lessons-container{width:100%;min-height:100vh;margin:0;padding:40px 20px;background:url(../images/Element.png) no-repeat center top,linear-gradient(to bottom,#00416a,#e4e5e6);color:#00416a;font-family:Poppins,sans-serif;position:relative}.pending-lessons-container:before{width:150px;height:150px;background:#e4e5e6;top:20px;left:20px}.pending-lessons-container:after{width:200px;height:200px;background:#00416a;bottom:20px;right:20px}.pending-lessons-container h1{text-align:center;font-size:2.5rem;margin-bottom:30px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.pending-lessons-table{width:100%;border-collapse:collapse;background-color:#f9f9f9;border-radius:16px;overflow:hidden;box-shadow:0 6px 15px #0003}.pending-lessons-table th,.pending-lessons-table td{text-align:center;padding:14px;border:1px solid #ddd;font-size:1rem}.pending-lessons-table th{background-color:#00416a;color:#fff;font-size:1.2rem;letter-spacing:1px}.pending-lessons-table td input{width:90%;padding:10px;border:1px solid #ccc;border-radius:8px;text-align:center}.action-button{padding:10px 14px;margin:5px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:transform .2s,background .3s}.action-button:hover{transform:scale(1.05)}.save-button{background-color:#4caf50;color:#fff}.cancel-button{background-color:#f44336;color:#fff}.edit-button{background-color:#2196f3;color:#fff}.delete-button{background-color:#e91e63;color:#fff}@media (max-width: 768px){.pending-lessons-container{padding:20px}.pending-lessons-table th,.pending-lessons-table td{padding:10px;font-size:.95rem}.search-input{font-size:1rem}}.select-dropdown{width:100%;padding:10px;font-size:1rem;border:2px solid #00416A;border-radius:8px;background-color:#fff;color:#00416a;cursor:pointer;text-align:center;transition:all .3s ease}.select-dropdown:hover{border-color:#007bff}.select-dropdown:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff80}.select-dropdown::-ms-expand{display:none}.select-dropdown:after{content:"▼";position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#00416a}.approved-lessons-container{width:100%;min-height:100vh;margin:0;padding:40px 20px;background:url(../images/Element.png) no-repeat center top,linear-gradient(to bottom,#00416a,#e4e5e6);color:#00416a;font-family:Poppins,sans-serif;position:relative}.approved-lessons-container:before{width:150px;height:150px;background:#80b7ee;top:20px;left:20px}.approved-lessons-container:after{width:200px;height:200px;background:#00416a;bottom:20px;right:20px}.approved-lessons-container h1{text-align:center;font-size:2.5rem;margin-bottom:30px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.search-input{width:100%;max-width:600px;margin:0 auto 30px;padding:14px;border:2px solid #00416A;border-radius:12px;font-size:1.1rem;text-align:center;box-shadow:0 4px 8px #0000001a;display:block}.approved-lessons-table{width:100%;border-collapse:collapse;background-color:#b7f8c7;border-radius:16px;overflow:hidden;box-shadow:0 6px 15px #0003}.approved-lessons-table th,.approved-lessons-table td{text-align:center;padding:14px;border:1px solid #ddd;font-size:1rem}.approved-lessons-table th{background-color:#00416a;color:#fff;font-size:1.2rem;letter-spacing:1px}.pagination{margin:30px 0;display:flex;justify-content:center}.pagination button{margin:5px;padding:10px 14px;border:none;border-radius:8px;background-color:#ddd;cursor:pointer;transition:background .3s,transform .2s}.pagination button.active,.pagination button:hover{background-color:#00416a;color:#fff;font-weight:700;transform:scale(1.1)}.back-to-home-button{display:block;margin:30px auto;padding:12px 24px;background-color:#ff5722;color:#fff;border:none;border-radius:10px;font-size:1.1rem;cursor:pointer;transition:background .3s,transform .2s}.back-to-home-button:hover{background-color:#e64a19;transform:scale(1.05)}@media (max-width: 768px){.approved-lessons-container{padding:20px}.approved-lessons-table th,.approved-lessons-table td{padding:10px;font-size:.95rem}.search-input{font-size:1rem}}.approved-lessons-container{width:100%;min-height:100vh;margin:0;padding:40px 20px;background:url(../images/Element.png) no-repeat center top,linear-gradient(to bottom,#00416a,#e4e5e6);background-size:cover;background-attachment:fixed;color:#00416a;font-family:Poppins,sans-serif;position:relative;border-radius:15px;box-shadow:0 4px 8px #0000001a}.search-input{display:block;width:50%;margin:0 auto 20px;padding:10px 15px;font-size:1rem;border:1px solid #ccc;border-radius:10px;transition:border .3s ease}.search-input:focus{border-color:#007bff;outline:none}.approved-lessons-table{width:100%;border-collapse:collapse;margin-bottom:20px}.approved-lessons-table th,.approved-lessons-table td{text-align:center;padding:12px 15px;border-bottom:1px solid #ddd}.approved-lessons-table th{background-color:#007bff;color:#fff;font-size:1.1rem;font-weight:700}.approved-lessons-table tr:nth-child(2n){background-color:#f2f2f2}.student-names{text-align:left;word-wrap:break-word;max-width:200px}.pagination button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;margin:0 5px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.pagination button.active,.pagination button:hover{background-color:#0056b3}.back-to-home-button{display:block;width:fit-content;margin:0 auto;background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.group-pending-lessons-container{width:100%;min-height:100vh;margin:0;padding:40px 20px;background:url(../images/Element.png) no-repeat center top,linear-gradient(to bottom,#00416a,#e4e5e6);background-size:cover;background-attachment:fixed;color:#00416a;font-family:Poppins,sans-serif;position:relative}.group-title{text-align:center;font-size:2.5rem;color:#fff;background:#00416ae6;padding:10px 20px;border-radius:15px;width:fit-content;margin:0 auto 20px}.group-search-container{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.group-search-input{width:45%;padding:12px;font-size:1rem;border:2px solid #00416A;border-radius:12px;text-align:center;box-shadow:0 4px 8px #0000001a}.group-table-wrapper{overflow-x:auto}.group-pending-lessons-table{width:100%;border-collapse:collapse;background-color:#f9f9f9;border-radius:16px;overflow:hidden;box-shadow:0 6px 15px #0003}.group-pending-lessons-table th,.group-pending-lessons-table td{text-align:center;padding:14px;border:1px solid #ddd;font-size:1rem}.group-pending-lessons-table th{background-color:#00416a;color:#fff;font-size:1.2rem;letter-spacing:1px}.group-pending-lessons-table td input,.group-select-dropdown{width:90%;padding:8px;font-size:1rem;border:1px solid #00416A;border-radius:8px;text-align:center}.group-select-dropdown{background-color:#fff;cursor:pointer;transition:border-color .3s}.group-select-dropdown:hover,.group-select-dropdown:focus{border-color:#007bff}.group-student-names{text-align:left;word-wrap:break-word;max-width:250px}.group-action-buttons{display:flex;gap:5px;justify-content:center}.group-save-button,.group-cancel-button,.group-edit-button,.group-delete-button{padding:8px 12px;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:transform .2s,background .3s}.group-save-button:hover,.group-cancel-button:hover,.group-edit-button:hover,.group-delete-button:hover{transform:scale(1.05)}.group-save-button{background-color:#28a745;color:#fff}.group-cancel-button{background-color:#f44336;color:#fff}.group-edit-button{background-color:#007bff;color:#fff}.group-delete-button{background-color:#dc3545;color:#fff}.group-pagination{display:flex;justify-content:center;margin:20px 0}.group-pagination button{background-color:#007bff;color:#fff;padding:10px 14px;border:none;border-radius:8px;margin:0 5px;cursor:pointer}.group-pagination button:hover,.group-pagination button.active{background-color:#0056b3}.group-back-to-home-button{display:block;width:fit-content;margin:30px auto;padding:12px 24px;background-color:#ff5722;color:#fff;border:none;border-radius:10px;font-size:1.1rem;cursor:pointer;transition:background .3s,transform .2s}.group-back-to-home-button:hover{background-color:#e64a19;transform:scale(1.05)}@media (max-width: 768px){.group-pending-lessons-container{padding:20px}.group-search-container{flex-direction:column;align-items:center}.group-search-input{width:90%}.group-pending-lessons-table th,.group-pending-lessons-table td{padding:10px;font-size:.95rem}}.create-lesson-container{width:100%;min-height:100vh;margin:0;padding:40px 20px;background:url(../images/Element.png) no-repeat center top,linear-gradient(to bottom,#00416a,#e4e5e6);background-size:cover;background-attachment:fixed;color:#00416a;font-family:Poppins,sans-serif;position:relative;border-radius:15px;box-shadow:0 4px 8px #0000001a}.lesson-form{width:100%;max-width:600px;margin:0 auto;background-color:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 8px #0000001a}.lesson-form label{display:block;margin-bottom:5px;font-weight:700;color:#00416a}.lesson-form input[type=text],.lesson-form input[type=number],.lesson-form input[type=date],.lesson-form select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:10px;font-size:1rem;background-color:#f9f9f9;text-align:center;direction:rtl}.lesson-form input:focus,.lesson-form select:focus{border-color:#007bff;outline:none}.student-field{display:flex;align-items:center;margin-bottom:10px}.student-field input{flex:1}.add-student-button{background-color:#007bff;color:#fff;border:none;padding:8px 12px;margin-left:10px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-bottom:20px}.add-student-button:hover{background-color:#0056b3}.remove-student-button{background-color:#dc3545;color:#fff;border:none;padding:8px 12px;margin-left:10px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.remove-student-button:hover{background-color:#c82333}.submit-button{width:100%;background-color:#28a745;color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#218838}.dashboard-container{width:100%;min-height:100vh;margin:0;padding:40px 20px;background:url(../images/Element.png) no-repeat center top,linear-gradient(to bottom,#00416a,#e4e5e6);background-size:cover;background-attachment:fixed;color:#00416a;font-family:Poppins,sans-serif;position:relative;border-radius:15px;box-shadow:0 4px 8px #0000001a}.title{text-align:center;font-size:2.5rem;color:#333;margin-bottom:20px;font-weight:700}.filter-section{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.filter-section label{margin-right:10px;font-weight:700;color:#00416a}.filter-section select{padding:10px;border:1px solid #ccc;border-radius:10px;font-size:1rem;background-color:#f9f9f9;text-align:center;direction:rtl}.stats-section{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;gap:15px}.row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.stat-card{background-color:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 12px #0000001a;text-align:center;width:180px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{font-size:1.2rem;color:#00416a;margin-bottom:10px}.stat-card p{font-size:1.8rem;color:#007bff;font-weight:700}.charts-section{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.chart-container{width:40%;background-color:#fff;padding:15px;border-radius:15px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;transition:transform .3s ease}.chart-container:hover{transform:translateY(-5px)}.chart-container h3{text-align:center;font-size:1.5rem;color:#00416a;margin-bottom:15px}.back-to-home-button{display:block;width:fit-content;margin:20px auto 0;background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.back-to-home-button:hover{background-color:#218838}.chart-container canvas{width:100%!important;height:auto!important;max-height:200px}.teacher-dashboard-container{background-size:cover;height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:Poppins,sans-serif;background:url(/images/Element.png) no-repeat center top,linear-gradient(to bottom,#00416a,#e4e5e6)}.teacher-dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#0009;color:#fff;box-shadow:0 4px 10px #0000004d;z-index:10}.teacher-dashboard-title{font-size:2.5rem;font-weight:700;margin:0}.logout-button{background:linear-gradient(45deg,#ff4b5c,#ff6f61);color:#fff;border:none;padding:12px 24px;border-radius:50px;font-size:1rem;cursor:pointer;transition:background .3s ease-in-out,transform .2s ease;box-shadow:0 6px 12px #0000004d}.logout-button:hover{background:linear-gradient(45deg,#e43f50,#ff4b5c);transform:translateY(-4px)}.dashboard-grid{display:grid;grid-template-columns:1fr 450px 1fr;gap:50px;align-items:center;justify-content:center;padding:40px}.grid-column{display:flex;flex-direction:column;gap:25px;align-items:center}.grid-image img.expanded-image{width:100%;height:auto;max-height:500px;object-fit:cover;border-radius:16px;box-shadow:0 8px 20px #0000004d;transition:transform .3s ease}.grid-image img.expanded-image:hover{transform:scale(1.05)}.dashboard-card{background:#fffffff2;border-radius:16px;box-shadow:0 8px 20px #0003;text-align:center;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;width:220px;padding:15px}.dashboard-card:hover{transform:translateY(-10px);box-shadow:0 12px 30px #0006}.dashboard-card .card-icon{font-size:2rem;margin:10px 0}.dashboard-card .card-title{font-size:1.6rem;margin-bottom:8px}.animated-bg-circle{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.15),transparent);border-radius:50%;top:20%;left:10%;animation:float 6s ease-in-out infinite;z-index:1}.animated-bg-circle.delay{top:60%;left:70%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.teacher-dashboard-container{height:auto;padding:20px 10px}.teacher-dashboard-header{flex-direction:column;text-align:center;padding:15px}.teacher-dashboard-title{font-size:2rem;margin-bottom:10px}.logout-button{padding:10px 20px;font-size:.9rem}.dashboard-grid{grid-template-columns:1fr;gap:20px;padding:20px}.grid-column{width:100%;text-align:center}.dashboard-card{width:100%;max-width:300px;padding:18px;font-size:1rem}.dashboard-card .card-icon{font-size:1.8rem}.dashboard-card .card-title{font-size:1.4rem}.dashboard-overview{width:100%;display:flex;justify-content:center}.grid-image img.expanded-image{max-height:300px}.animated-bg-circle{display:none}.charts-section{flex-direction:column;align-items:center;gap:15px}.chart-container{width:100%!important;max-width:400px;min-height:300px;padding:20px;background-color:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;margin-bottom:15px}.chart-container canvas{width:100%!important;height:280px!important}}.admin-dashboard-container{display:flex;flex-direction:column;height:100vh;font-family:Poppins,sans-serif;background-size:cover}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:center;background-color:#7bcbd4;padding:15px 30px;color:#fff;box-shadow:0 4px 6px #0000001a}.institute-name{font-size:1.5rem;font-weight:700;display:flex;align-items:center}.school-icon{margin-right:10px;font-size:1.8rem}.admin-profile{display:flex;align-items:center;gap:20px}.admin-name{font-size:1.2rem;font-weight:700}.logout-button{background-color:#ff4b5c;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background .3s ease}.logout-button:hover{background-color:#e43f50}.admin-dashboard-body{display:flex;height:100%}.sidebar{width:250px;background-color:#ffffffdc;padding:20px;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;gap:20px}.sidebar-button{display:flex;align-items:center;gap:15px;padding:15px 20px;background-color:#c2f9ff;border-radius:10px;cursor:pointer;transition:background .3s ease}.sidebar-button:hover{background-color:#e0e0e0}.button-icon{font-size:1.5rem;color:#7bcbd4}.button-title{font-size:1.2rem;color:#333}.admin-dashboard-main{flex:1;display:flex;justify-content:center;align-items:center;padding:40px;background-color:#d8fbff;background-image:url(../images/logo-removebg-preview.png);background-repeat:no-repeat;background-position:right 50px center;background-attachment:fixed}.profile-section{background:url(../images/images-removebg-preview.png) no-repeat center center fixed;padding:20px;border-radius:15px;box-shadow:0 4px 8px #0000001a;text-align:center}.profile-section h2{margin-bottom:20px;font-size:1.8rem;color:#00416a}.centered-profile{font-size:1.2rem;line-height:2;color:#333;display:flex;flex-direction:column;align-items:center}.centered-profile p{margin:5px 0}.teachers-container{width:100%;min-height:100vh;margin:0;padding:40px 20px;background:url(../images/Element.png) no-repeat center top,linear-gradient(to bottom,#00416a,#e4e5e6);background-size:cover;background-attachment:fixed;color:#00416a;font-family:Poppins,sans-serif;position:relative;border-radius:15px;box-shadow:0 4px 8px #0000001a}.back-button{background-color:#e63946;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;gap:10px}.back-button:hover{background-color:#d62828}.title{text-align:center;font-size:2.5rem;color:#333;font-weight:700}.search-input{display:block;width:50%;margin:20px auto;padding:10px 15px;font-size:1rem;border:1px solid #457B9D;border-radius:10px;transition:border .3s ease}.search-input:focus{border-color:#00416a;outline:none}.table-wrapper{overflow-x:auto}.teachers-table{width:100%;border-collapse:collapse;margin-bottom:20px;background-color:#f1faee;border-radius:10px;overflow:hidden}.teachers-table th,.teachers-table td{text-align:center;padding:12px 15px;border-bottom:1px solid #A8DADC;font-weight:700}.teachers-table th{background-color:#00416a;color:#fff;font-size:1.1rem}.teachers-table tr:nth-child(2n){background-color:#f2f2f2}.teachers-table tr:hover{background-color:#a8dadc;color:#00416a;transition:background-color .3s ease}.pagination{display:flex;justify-content:center;margin-bottom:20px}.pagination button{background-color:#457b9d;color:#fff;border:none;padding:10px 15px;margin:0 5px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.pagination button.active,.pagination button:hover{background-color:#1d3557}@media (max-width: 768px){.title{font-size:2rem}.search-input{width:80%;font-size:.9rem}.teachers-table th,.teachers-table td{padding:10px;font-size:.9rem}.pagination button{padding:8px 12px;font-size:.9rem}.back-button{padding:8px 15px;font-size:.9rem}}.teachers-container{width:100%;min-height:100vh;margin:0;padding:40px 20px;background:url(../images/Element.png) no-repeat center top,linear-gradient(to bottom,#00416a,#e4e5e6);background-size:cover;background-attachment:fixed;color:#264653;font-family:Poppins,sans-serif;position:relative;border-radius:15px;box-shadow:0 4px 8px #0000001a}.teachers-container{width:100%;min-height:100vh;margin:0;padding:40px 20px;background:url(../images/Element.png) no-repeat center top,linear-gradient(to bottom,#7bcbd4,#a8e6ef);background-size:cover;background-attachment:fixed;color:#264653;font-family:Poppins,sans-serif;position:relative;border-radius:15px;box-shadow:0 4px 8px #0000001a}.approve-button,.reject-button{padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;margin:0 5px;transition:background-color .3s ease,transform .2s ease}.approve-button{background-color:#7bcbd4;color:#fff}.approve-button:hover{background-color:#5fbfc9;transform:translateY(-2px)}.reject-button{background-color:#e63946;color:#fff}.reject-button:hover{background-color:#d62828;transform:translateY(-2px)}.teachers-container{width:100%;min-height:100vh;margin:0;padding:40px 20px;background:url(../images/Element.png) no-repeat center top,linear-gradient(to bottom,#7bcbd4,#a8e6ef);background-size:cover;background-attachment:fixed;color:#264653;font-family:Poppins,sans-serif;position:relative;border-radius:15px;box-shadow:0 4px 8px #0000001a}.teachers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-container{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.search-input{padding:10px 15px;font-size:1rem;border:2px solid #4FAEB8;border-radius:8px;transition:border .3s ease,box-shadow .3s ease}.search-input:focus{border-color:#5fbfc9;box-shadow:0 0 8px #5fbfc999;outline:none}.table-wrapper{overflow-x:auto;margin-top:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.teachers-table{width:100%;border-collapse:collapse;background-color:#f1faee;border-radius:10px;overflow:hidden}.teachers-table th,.teachers-table td{text-align:center;padding:12px 15px;border-bottom:1px solid #A8E6EF;font-weight:700}.teachers-table th{background-color:#4faeb8;color:#f1faee;font-size:1.1rem}.teachers-table tr:nth-child(2n){background-color:#d0f4f7}.teachers-table tr:hover{background-color:#a8e6ef;color:#264653;transition:background-color .3s ease}.pagination{display:flex;justify-content:center;margin-top:20px;gap:10px}.pagination button{background-color:#4faeb8;color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.pagination button.active,.pagination button:hover{background-color:#3f9ea8;transform:translateY(-3px)}@media (max-width: 768px){.title{font-size:2rem;padding:10px}.search-input{width:80%;font-size:1rem}.teachers-table th,.teachers-table td{padding:10px;font-size:.9rem}.pagination button{padding:8px 12px;font-size:.9rem}.back-button{padding:10px 20px;font-size:1rem}}.overview-container{width:100%;min-height:100vh;margin:0;padding:40px 20px;background:url(../images/Element.png) no-repeat center top,linear-gradient(to bottom,#7bcbd4,#a8e6ef);background-size:cover;background-attachment:fixed;color:#264653;font-family:Poppins,sans-serif;position:relative;border-radius:15px;box-shadow:0 4px 8px #0000001a}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.title{text-align:center;font-size:2.5rem;color:#264653;margin:0 auto;font-weight:700;background-color:#5fbfc9;padding:15px;border-radius:10px;box-shadow:0 4px 6px #0003;width:fit-content}.back-button{background-color:#4faeb8;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.back-button:hover{background-color:#3f9ea8;transform:translateY(-3px)}.filter-section{display:flex;justify-content:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.filter-section label{font-size:1.1rem;color:#264653;margin-right:5px}.filter-input{padding:10px 15px;font-size:1rem;border:2px solid #4FAEB8;border-radius:8px;transition:border .3s ease,box-shadow .3s ease;background-color:#f1faee;color:#264653}.filter-input:focus{border-color:#5fbfc9;box-shadow:0 0 8px #5fbfc999;outline:none}.stats-section{margin-top:20px}.stats-section h2{text-align:center;font-size:2rem;color:#264653;margin-bottom:20px;background-color:#a8e6ef;padding:10px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.table-wrapper{overflow-x:auto;margin-bottom:40px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.stats-table{width:100%;border-collapse:collapse;background-color:#f1faee;border-radius:10px;overflow:hidden}.stats-table th,.stats-table td{text-align:center;padding:12px 15px;border-bottom:1px solid #A8E6EF;font-weight:700}.stats-table th{background-color:#4faeb8;color:#f1faee;font-size:1.1rem}.stats-table tr:nth-child(2n){background-color:#d0f4f7}.stats-table tr:hover{background-color:#a8e6ef;color:#264653;transition:background-color .3s ease}@media (max-width: 768px){.title{font-size:2rem;padding:10px}.filter-section{flex-direction:column;align-items:center}.filter-input{width:80%;font-size:1rem;margin-bottom:10px}.stats-section h2{font-size:1.5rem}.stats-table th,.stats-table td{padding:10px;font-size:.9rem}.back-button{padding:10px 20px;font-size:1rem}}body{background:#f8fafc;font-family:Tajawal,sans-serif;line-height:1.6}.form-container{max-width:600px;margin:60px auto;background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001f;overflow:hidden;direction:rtl}.form-container>h2{margin:0;padding:20px;background:#2563eb;color:#fff;font-weight:800;font-size:1.4rem;text-align:center}.form-container>p{margin:0;padding:10px 20px;text-align:center;color:#475569;font-weight:500;background:#f9fafb}.booking-form{padding:24px;display:grid;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.95rem;font-weight:700;color:#1e293b}.booking-form input,.booking-form select,.booking-form textarea{padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:.95rem;color:#0f172a;outline:none;transition:border-color .2s,box-shadow .2s}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.booking-form textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.submit-btn{background:#2563eb;color:#fff;border:none;border-radius:12px;padding:14px;font-size:1rem;font-weight:800;cursor:pointer;transition:filter .2s,transform .05s}.submit-btn:hover{filter:brightness(1.05)}.submit-btn:active{transform:translateY(1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.admin-shell{background:radial-gradient(1200px 600px at 50% -200px,#0d5f6b,#0b3f4e,#072a37);min-height:100vh;padding:0 16px 32px;color:#0b1f29}.header-bar{background:#0ea5a6;color:#fff;padding:28px 18px;border-radius:0 0 18px 18px;box-shadow:0 4px 12px #00000040;text-align:center;margin:0 -16px 14px}.header-bar h1{margin:0;font-size:1.9rem;font-weight:800;letter-spacing:.3px}.header-bar .subtitle{margin-top:6px;color:#e9ffff;font-weight:700}.filters-card{background:#fff;border-radius:14px;padding:12px;margin-bottom:14px;display:flex;gap:16px;align-items:end;flex-wrap:wrap;box-shadow:0 8px 20px #02131c14;border:1px solid #e6eef2}.mode-switch{display:flex;gap:8px}.pill{border:0;border-radius:999px;padding:8px 14px;color:#073642;background:#cfeff0;cursor:pointer;font-weight:800;opacity:.85}.pill.active{background:#7fd7d6;opacity:1;box-shadow:0 2px 10px #00000026}.field{display:grid;gap:6px;min-width:160px}.field label{font-size:12px;color:#33535a;font-weight:700}.field input[type=date],.field select{background:#fff;border:1px solid #dbe6ea;border-radius:10px;padding:8px 10px;outline:none}.field input:focus,.field select:focus{border-color:#0ea5a6;box-shadow:0 0 0 3px #0ea5a626}.count-badge{background:#0ea5a6;color:#fff;font-weight:800;border-radius:999px;padding:8px 12px;min-width:56px;text-align:center;box-shadow:0 4px 14px #0ea5a659}.table-card{background:#fff;border-radius:16px;border:1px solid #e6eef2;box-shadow:0 14px 30px #02131c1a;overflow:auto;max-height:70vh}.grid-table{width:100%;border-collapse:separate;border-spacing:0;direction:rtl;table-layout:fixed}.grid-table thead th{position:sticky;top:0;z-index:1;background:#0ea5a6;color:#fff;font-weight:800;letter-spacing:.2px;text-align:center;padding:12px 10px;border-left:1px solid rgba(255,255,255,.25);white-space:nowrap;box-shadow:0 2px #0000000f}.grid-table thead th:first-child{border-right:1px solid rgba(255,255,255,.25)}.grid-table tbody td{padding:12px 10px;text-align:center;border-top:1px solid #eef3f6;vertical-align:middle;word-wrap:break-word;overflow-wrap:anywhere}.grid-table tbody tr:nth-child(odd) td{background:#f8fffb}.grid-table tbody tr:hover td{background:#eaf8fb}.col-names{font-weight:700;text-align:right;line-height:1.35;max-width:32ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-table thead th:nth-child(1),.grid-table tbody td:nth-child(1){width:26ch;text-align:right}.grid-table thead th:nth-child(2),.grid-table tbody td:nth-child(2){width:18ch}.grid-table thead th:nth-child(3),.grid-table tbody td:nth-child(3){width:8ch}.grid-table thead th:nth-child(4),.grid-table tbody td:nth-child(4){width:10ch}.grid-table thead th:nth-child(5),.grid-table tbody td:nth-child(5){width:12ch}.grid-table thead th:nth-child(6),.grid-table tbody td:nth-child(6){width:12ch}.grid-table thead th:nth-child(7),.grid-table tbody td:nth-child(7){width:12ch}.grid-table thead th:nth-child(8),.grid-table tbody td:nth-child(8){width:10ch}.grid-table thead th:nth-child(9),.grid-table tbody td:nth-child(9){width:10ch}.grid-table thead th:nth-child(10),.grid-table tbody td:nth-child(10){width:12ch}.grid-table thead th:nth-child(11),.grid-table tbody td:nth-child(11){width:24ch;min-width:22ch}.status-chip,.type-chip{display:inline-block;padding:6px 10px;border-radius:999px;font-size:.85rem;font-weight:800;color:#fff;line-height:1}.status-chip.pending{background:#8e9aa6}.status-chip.approved{background:#3aa6d0}.status-chip.completed{background:#2e974b}.status-chip.cancelled{background:#d9534f}.type-chip.individual{background:#6ec5c4}.type-chip.group{background:#2563eb}.actions{display:flex;gap:6px;justify-content:center;flex-wrap:nowrap}.btn{border:none;border-radius:10px;padding:6px 8px;color:#fff;cursor:pointer;font-weight:800;font-size:.85rem;white-space:nowrap}.b-approve{background:#3aa6d0}.b-cancel{background:#d9534f}.b-complete{background:#2e974b}.btn:disabled{opacity:.55;cursor:default}.state{padding:18px;text-align:center}.state.muted{color:#5b6b74}.state.error{color:#c0392b}.pagination{display:flex;justify-content:center;gap:6px;margin:14px 0}.page{border:0;border-radius:10px;padding:8px 12px;background:#cfeff0;color:#0b3f4e;cursor:pointer;font-weight:800;opacity:.85}.page.active{background:#7fd7d6;opacity:1;color:#fff;box-shadow:0 2px 10px #00000026}.footer-bar{display:flex;justify-content:center;margin-top:10px}.back-btn{border:0;border-radius:12px;padding:10px 16px;background:#1eb086;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 24px #1eb08659}@media (max-width: 900px){.grid-table thead th:nth-child(6),.grid-table tbody td:nth-child(6),.grid-table thead th:nth-child(7),.grid-table tbody td:nth-child(7){display:none}}@media (max-width: 700px){.grid-table thead th:nth-child(5),.grid-table tbody td:nth-child(5){display:none}.grid-table thead th:nth-child(1),.grid-table tbody td:nth-child(1){width:36ch}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;width:min(800px,95vw);max-height:90vh;overflow:auto;padding:16px 20px;border-radius:12px;box-shadow:0 10px 30px #0003}.form-grid{display:grid;grid-template-columns:140px 1fr;gap:10px 14px;margin-top:10px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.btn-secondary,.btn-secondary2{background:#b37f7f;color:#333}.b-edit{background:#4c8bf5;color:#fff}.bs-wrap{min-height:60vh;display:grid;place-items:center;padding:24px;background:#f8fafc}.bs-card{background:#fff;width:min(720px,95vw);padding:22px;border-radius:16px;box-shadow:0 20px 40px #00000014;text-align:center}.bs-icon{font-size:48px;line-height:1;margin-bottom:8px}.bs-sub{color:#334155;margin-top:6px;font-size:1rem}.bs-details{margin:16px auto 4px;text-align:right;display:grid;gap:8px;background:#f1f5f9;padding:14px;border-radius:12px;color:#0f172a;font-size:.95rem}.bs-details span{color:#475569;font-weight:700;margin-inline-start:6px}.bs-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.btn{border:0;padding:10px 16px;border-radius:12px;cursor:pointer;font-weight:700;font-size:.95rem;min-width:120px}.bs-primary{background:#0ea5e9;color:#fff}.bs-secondary{background:#e2e8f0;color:#0f172a}.bs-help{margin-top:12px;color:#475569;font-size:.9rem;line-height:1.4}@media (max-width: 600px){.bs-card{padding:16px;border-radius:12px}.bs-icon{font-size:36px}.bs-sub{font-size:.95rem}.bs-details{font-size:.85rem;padding:10px}.btn{width:100%;min-width:unset}.bs-actions{flex-direction:column;gap:8px}}.bs-sub{color:#334155;margin-top:6px;font-size:1rem;line-height:1.6}.bs-sub strong{color:#0ea5e9;font-weight:700}