.main-header{background:radial-gradient(ellipse 120% 120% at top left,#fff,#fff 40%,#f8f6f1,#f0ebe0,#e8dcc8,#c9b382);padding:30px 0;border-bottom:3px solid #C9B382}.header-container{max-width:1400px;margin:0 auto;padding:0 30px}.header-grid{display:grid;grid-template-columns:300px 1fr 300px;gap:20px;align-items:center}.arabic-group{display:flex;flex-direction:column;align-items:center;gap:8px}.arabic-group h1{font-size:36px;font-weight:700;color:#6b4423}.arabic-group p{font-size:18px;color:#8b6f47}.login-btn{display:inline-block;padding:5px 45px;background:radial-gradient(ellipse at center,#fff,#fff 40%,#f8f6f1,#f4e5c3,#e8dcc8,#d4af37);color:#6b4423;text-decoration:none;border-radius:8px;font-size:16px;font-weight:700;border:1px solid rgba(212,175,55,.7);box-shadow:0 5px 12px #c9b38280,inset 0 1px 3px #ffffffe6,inset 0 -2px 3px #0000001a;transition:all .3s ease;cursor:pointer}.login-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #c9b382b3,inset 0 1px 3px #ffffffe6,inset 0 -2px 3px #00000026}.login-btn:active{transform:translateY(0);box-shadow:0 3px 8px #c9b38266,inset 0 2px 5px #0003}.weather-widget{display:flex;flex-direction:column;gap:10px}.weather-box,.alerts-box,.search-box-header{background:linear-gradient(135deg,#fffffff2,#f8f6f1f2);border:2px solid #C9B382;border-radius:10px;padding:12px 20px;box-shadow:0 4px 15px #00000014}.weather-info-row,.alerts-info-row{display:flex;align-items:center;gap:15px;justify-content:space-around}.weather-icon{font-size:24px}.weather-temp-main{font-size:24px;font-weight:700;color:#6b4423}.weather-status-text{font-size:14px;color:#6b4423;font-weight:600;flex:1}.weather-detail{font-size:13px;color:#8b6f47;font-weight:600}.alert-item-compact{display:flex;align-items:center;gap:8px;padding:6px 12px;background:linear-gradient(135deg,#faf8f3,#e8dcc8);border-radius:6px;font-size:12px;color:#6b4423;font-weight:600;border:1px solid #C9B382;transition:all .3s ease}.alert-item-compact:hover{transform:translateY(-2px);box-shadow:0 3px 8px #0000001a}.alert-icon{font-size:14px}.search-input-container{display:flex;align-items:center;gap:10px}.search-icon-header{font-size:20px;color:#6b4423}.search-input-header{flex:1;border:1px solid #C9B382;border-radius:6px;padding:8px 12px;font-size:14px;color:#6b4423;background:#fff;outline:none}.search-input-header:focus{border-color:#6b4423;box-shadow:0 0 5px #6b442333}.search-btn-header{padding:5px 24px;background:radial-gradient(ellipse at center,#fff,#fff 40%,#f8f6f1,#f4e5c3,#e8dcc8,#d4af37);color:#6b4423;border:1px solid rgba(212,175,55,.7);border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 5px 12px #c9b38280,inset 0 1px 3px #ffffffe6,inset 0 -2px 3px #0000001a;transition:all .3s ease}.search-btn-header:hover{transform:translateY(-3px);box-shadow:0 8px 20px #c9b382b3,inset 0 1px 3px #ffffffe6,inset 0 -2px 3px #00000026}.search-btn-header:active{transform:translateY(0);box-shadow:0 3px 8px #c9b38266,inset 0 2px 5px #0003}.english-group{display:flex;flex-direction:column;align-items:center;gap:8px}.logo-img{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.logo-img:hover{transform:scale(1.05)}.english-group h2{font-size:24px;font-weight:700;color:#6b4423}.english-group p{font-size:14px;color:#8b6f47}.status-logout-container{display:flex;align-items:center;gap:15px;margin-top:5px}.status-badge{display:flex;align-items:center;gap:8px;padding:5px 24px;background:#faf8f3;border:1px solid #C9B382;border-radius:6px}.status-label{font-size:13px;color:#6b4423;font-weight:600}.status-value{font-size:13px;color:#8b6f47}.sohail-container{position:relative;display:inline-block}.sohail-tooltip{visibility:hidden;opacity:0;position:absolute;top:100%;left:50%;transform:translate(-50%);width:280px;background:#faf8f3;border:2px solid #C9B382;border-radius:12px;padding:15px;box-shadow:0 6px 20px #00000026;z-index:2000;margin-top:10px;transition:all .3s ease}.sohail-container:hover .sohail-tooltip{visibility:visible;opacity:1}.tooltip-header{font-size:14px;color:#6b4423;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #E8DCC8;text-align:center}.tooltip-content p{margin:6px 0;font-size:12px;color:#8b6f47;text-align:right}.tooltip-content strong{color:#6b4423}.tooltip-note{margin-top:10px;padding-top:8px;border-top:1px solid #E8DCC8;font-size:11px;color:#8b6f47;font-style:italic;text-align:center}.sohail-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-bottom-color:#c9b382}@media (max-width: 1200px){.header-grid{grid-template-columns:250px 1fr 250px}}@media (max-width: 768px){.header-grid{grid-template-columns:1fr;gap:20px}}.main-nav{background:#faf8f3;border-bottom:2px solid #C9B382;padding:8px 0}.nav-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.nav-link{padding:7px 18px;background:radial-gradient(ellipse at center,#fff,#fff 40%,#f8f6f1,#f4e5c3,#e8dcc8,#d4af37);color:#6b4423;font-size:14px;font-weight:600;border-radius:8px;border:1px solid rgba(212,175,55,.7);box-shadow:0 5px 12px #c9b38280,inset 0 1px 3px #ffffffe6,inset 0 -2px 3px #0000001a;transition:all .3s ease;white-space:nowrap;text-decoration:none;display:flex;align-items:center;gap:5px}.nav-link:hover,.nav-link.active{transform:translateY(-3px);box-shadow:0 8px 20px #c9b382b3,inset 0 1px 3px #ffffffe6,inset 0 -2px 3px #00000026}.nav-link:active{transform:translateY(0);box-shadow:0 3px 8px #c9b38266,inset 0 2px 5px #0003}.nav-dropdown{position:relative}.dropdown-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.dropdown-icon{display:inline-block;font-size:9px;margin-right:5px;transition:transform .3s ease}.nav-dropdown:hover .dropdown-icon,.dropdown-icon.open{transform:rotate(180deg)}.dropdown-content{position:absolute;top:100%;right:0;background:#faf8f3;border:2px solid #C9B382;border-radius:0 0 10px 10px;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .3s ease;z-index:1000}.nav-dropdown:hover .dropdown-content,.dropdown-content.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-content a{display:block;padding:12px 20px;color:#6b4423;font-size:13px;font-weight:500;border-bottom:1px solid #E8DCC8;transition:all .2s ease}.dropdown-content a:last-child{border-bottom:none;border-radius:0 0 8px 8px}.dropdown-content a:hover{background:linear-gradient(135deg,#6b4423,#8b6f47);color:#fff;padding-right:25px}.logout-link{color:#c0392b!important;font-weight:600}.logout-link:hover{background:#fff5f5!important;color:#c0392b!important}.coming-soon{font-size:10px;background:#f39c12;color:#fff;padding:2px 8px;border-radius:10px;margin-right:5px;font-weight:700}.badge-soon{font-size:9px;background:#e67e22;color:#fff;padding:2px 6px;border-radius:8px;margin-right:5px}@media (max-width: 768px){.nav-container{flex-direction:column;gap:10px}.nav-link{padding:8px 12px;font-size:12px}.nav-dropdown{width:100%}.dropdown-content{position:relative;box-shadow:none}.coming-soon{display:none}}.main-footer{background:radial-gradient(ellipse 120% 120% at bottom right,#fff,#fff 40%,#f8f6f1,#f0ebe0,#e8dcc8,#c9b382);border-top:3px solid #C9B382;padding:50px 0 25px;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}.footer-section h3{color:#6b4423;font-size:18px;font-weight:700;margin-bottom:15px}.footer-section p{color:#8b6f47;font-size:13px;line-height:1.8;margin-bottom:12px}.footer-section a{display:block;color:#6b4423;font-size:13px;font-weight:600;margin-bottom:8px;transition:all .2s ease}.footer-section a:hover{color:#8b6f47;padding-right:8px}.footer-link{display:inline-block;margin-top:12px;color:#6b4423!important;font-weight:600;border-bottom:2px solid #C9B382;padding-bottom:2px}.footer-bottom{text-align:center;padding-top:25px;border-top:2px solid #C9B382}.footer-bottom p{color:#6b4423;font-size:13px;margin:4px 0}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:25px}}.main-layout{background-color:#f5f1e8;min-height:100vh;display:flex;flex-direction:column}.main-content{background-color:#f5f1e8;flex:1;max-width:1200px;margin:0 auto;padding:40px 20px;width:100%}.intro-section{text-align:center;margin-bottom:40px;background:#faf8f3;border:2px solid #C9B382;border-radius:14px;padding:30px;box-shadow:0 3px 12px #0000000f}.intro-section h2{color:#6b4423;font-size:28px;font-weight:700;margin-bottom:15px}.intro-text{color:#8b6f47;font-size:15px;line-height:1.8;max-width:900px;margin:0 auto 12px}.intro-tagline{color:#6b4423;font-size:14px;font-weight:600;margin-top:12px}.btn-about{display:inline-block;margin-top:18px;padding:5px 45px;background:linear-gradient(135deg,#6b4423,#8b6f47);color:#fff;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 6px #6b442340}.btn-about:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b442359}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.service-card{background:#faf8f3;border:2px solid #E8DCC8;border-radius:12px;padding:22px;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.service-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px #0000001a;border-color:#c9b382}.service-card h3{font-size:18px;color:#6b4423;font-weight:700;margin-bottom:10px}.service-card p{font-size:13px;color:#8b6f47;line-height:1.7;margin-bottom:15px}.service-card .btn{display:inline-block;padding:5px 24px;background:linear-gradient(135deg,#6b4423,#8b6f47);color:#fff;border-radius:8px;font-size:13px;font-weight:600;transition:all .3s ease}.service-card .btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #6b44234d}@media (max-width: 1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.services-grid{grid-template-columns:1fr}.intro-section{padding:20px}.intro-section h2{font-size:22px}}.ratings-section{padding:60px 30px;max-width:1000px;margin:0 auto;direction:rtl}.ratings-header{text-align:center;margin-bottom:40px;position:relative}.ratings-header h2{font-size:32px;color:#333;margin-bottom:12px}.ratings-header p{color:#666;font-size:20px}.ratings-count-badge{position:absolute;left:0;top:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 22px;border-radius:12px;text-align:center}.ratings-count-badge span{display:block;font-size:32px;font-weight:700}.ratings-count-badge small{font-size:16px}.carousel-modern{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;padding:40px;position:relative;min-height:280px;box-shadow:0 6px 20px #0000001f}.carousel-card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 3px 15px #00000014}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.user-avatar-display{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.user-details{display:flex;flex-direction:column}.user-name{font-weight:700;color:#333;font-size:22px}.rating-badge{background:#e8f5e9;color:#4caf50;padding:4px 12px;border-radius:12px;font-size:14px;margin-top:5px;display:inline-block}.rating-display{display:flex;align-items:center;gap:8px}.stars-rating{display:flex;align-items:center;gap:3px}.rating-value{margin-right:10px;color:#666;font-size:18px}.thumb-rating{display:flex;align-items:center}.card-body{padding:15px 0}.comment-text{color:#555;line-height:2;font-size:22px;text-align:right}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#fff;border:none;box-shadow:0 3px 12px #0000002e;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:26px;color:#667eea;transition:all .3s}.carousel-btn:hover{background:#667eea;color:#fff}.carousel-btn.prev{left:-20px}.carousel-btn.next{right:-20px}.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:25px}.dot{width:12px;height:12px;border-radius:50%;background:#ddd;border:none;cursor:pointer;transition:all .3s}.dot.active{background:#667eea;width:30px;border-radius:6px}.ratings-footer{text-align:center;margin-top:30px}.read-more-link{color:#667eea;text-decoration:none;font-weight:700;font-size:20px}.read-more-link:hover{text-decoration:underline}.ratings-loading{text-align:center;padding:60px;color:#666;font-size:20px}.dashboard-page{min-height:100vh;background:linear-gradient(135deg,#f5f1e8,#e8dcc8);padding:20px}.dashboard-container{max-width:1400px;margin:0 auto}.dashboard-header{background:linear-gradient(135deg,#2c5f2d,#3d7c3e);padding:30px;border-radius:16px;margin-bottom:30px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.welcome-section{display:flex;align-items:center;gap:20px;color:#fff}.dashboard-logo{width:40px;height:40px;border-radius:8px;background:#fff;padding:4px;box-shadow:0 2px 8px #0003}.welcome-section h1{font-size:28px;margin:0 0 8px;font-weight:700}.welcome-subtitle{font-size:14px;opacity:.9;margin:0 0 8px}.user-badge{display:inline-block;background:#fff3;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.notification-bell{position:relative}.bell-btn{background:#fff3;border:none;width:50px;height:50px;border-radius:50%;font-size:24px;cursor:pointer;transition:all .3s ease;position:relative}.bell-btn:hover{background:#ffffff4d;transform:scale(1.1)}.notification-count{position:absolute;top:-5px;right:-5px;background:#f44;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.section{margin-bottom:30px}.section-title{font-size:22px;color:#2c5f2d;margin-bottom:20px;font-weight:700;display:flex;align-items:center;gap:10px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;align-items:center;gap:15px;transition:all .3s ease;border-left:4px solid #2C5F2D}.stat-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}.stat-icon{font-size:40px;background:linear-gradient(135deg,#f5f1e8,#e8dcc8);width:70px;height:70px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-info h3{font-size:28px;color:#2c5f2d;margin:0 0 5px;font-weight:700}.stat-info p{font-size:14px;color:#666;margin:0}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.quick-link-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #00000014;text-align:center;text-decoration:none;transition:all .3s ease;border-top:4px solid #2C5F2D}.quick-link-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026;background:linear-gradient(135deg,#f5f1e8,#e8dcc8)}.quick-link-icon{font-size:40px;margin-bottom:10px}.quick-link-text{font-size:16px;color:#2c5f2d;font-weight:600}.admin-section{background:linear-gradient(135deg,#fff8dc,#ffeaa7);padding:30px;border-radius:16px;border:3px solid #FFD700}.admin-section .section-title{color:#8b4513}.admin-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.admin-link-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000001a;text-align:center;text-decoration:none;transition:all .3s ease;border-top:4px solid #FFD700}.admin-link-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #ffd7004d;background:#fffacd}.admin-link-icon{font-size:36px;margin-bottom:10px}.admin-link-text{font-size:15px;color:#8b4513;font-weight:600}.activity-list{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #00000014}.activity-item{display:flex;align-items:center;gap:15px;padding:15px;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#f9f9f9}.activity-icon{font-size:30px;background:linear-gradient(135deg,#f5f1e8,#e8dcc8);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.activity-content h4{margin:0 0 5px;font-size:16px;color:#2c5f2d;font-weight:600}.activity-content p{margin:0;font-size:13px;color:#999}.promo-banner{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px;border-radius:16px;text-align:center;color:#fff;box-shadow:0 4px 20px #0003;margin-top:30px}.promo-content h3{font-size:28px;margin:0 0 10px;font-weight:700}.promo-content p{font-size:16px;margin:0 0 20px;opacity:.9}.promo-btn{display:inline-block;background:#fff;color:#667eea;padding:12px 30px;border-radius:25px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease}.promo-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #ffffff4d}@media (max-width: 768px){.dashboard-page{padding:10px}.dashboard-header{padding:20px}.welcome-section{flex-direction:column;text-align:center}.dashboard-logo{width:50px;height:50px}.welcome-section h1{font-size:22px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-card{padding:15px;flex-direction:column;text-align:center}.stat-icon{width:60px;height:60px;font-size:32px}.quick-links-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.quick-link-card{padding:15px}.quick-link-icon{font-size:32px}.quick-link-text{font-size:14px}.admin-links-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.section-title{font-size:18px}.promo-banner{padding:30px 20px}.promo-content h3{font-size:22px}.promo-content p{font-size:14px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.quick-links-grid{grid-template-columns:repeat(2,1fr)}.admin-links-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px 28px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff}.modal-header h2{margin:0;font-size:20px;font-weight:600}.modal-close{width:32px;height:32px;border:none;background:#fff3;color:#fff;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:28px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-group .hint{font-size:12px;font-weight:400;color:#999;margin-right:8px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#e53e3e}.form-group input.error:focus{box-shadow:0 0 0 3px #e53e3e1a}.error-message{display:block;margin-top:6px;font-size:12px;color:#e53e3e}.modal-footer{padding:20px 28px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px;background:#f8f9fa;border-radius:0 0 16px 16px}.btn-cancel,.btn-submit{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:#fff;color:#666;border:2px solid #e0e0e0}.btn-cancel:hover:not(:disabled){background:#f5f5f5}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header{padding:20px}.modal-header h2{font-size:18px}.modal-body{padding:20px}.modal-footer{padding:16px 20px;flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.user-details-modal{max-width:900px}.user-details-modal .modal-body{padding:24px;max-height:70vh;overflow-y:auto}.details-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px;margin-bottom:20px}.details-card h3{font-size:18px;margin:0 0 20px;color:#333;display:flex;align-items:center;gap:8px}.user-info-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:none}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:#999;font-weight:600;text-transform:uppercase}.info-value{font-size:15px;color:#333;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000001a}.stat-icon{font-size:36px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px}.stat-card.blue .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.green .stat-icon{background:linear-gradient(135deg,#11998e,#38ef7d)}.stat-card.purple .stat-icon{background:linear-gradient(135deg,#ee0979,#ff6a00)}.stat-info h4{font-size:24px;margin:0 0 4px;color:#333}.stat-info p{font-size:13px;margin:0;color:#666}.list{display:flex;flex-direction:column;gap:12px}.list-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;transition:background .2s}.list-item:hover{background:#e9ecef}.item-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;flex-shrink:0}.item-details{flex:1;min-width:0}.item-details h4{font-size:14px;margin:0 0 4px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-details p{font-size:12px;margin:0;color:#999}.chart{display:flex;flex-direction:column;gap:16px}.chart-item{display:flex;flex-direction:column;gap:8px}.chart-label{display:flex;justify-content:space-between;font-size:14px;color:#333}.chart-value{font-weight:600;color:#667eea}.chart-bar{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.chart-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease-out}.details-card .badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block}.badge-user,.badge-image{background:#e3f2fd;color:#1976d2}.badge-document{background:#fff3e0;color:#f57c00}.badge-avatar{background:#f3e5f5;color:#7b1fa2}.badge-other{background:#e0e0e0;color:#616161}.empty{text-align:center;padding:40px 20px;color:#999;font-size:14px}.loading{text-align:center;padding:60px 20px;font-size:18px;color:#666}.error-message{text-align:center;padding:40px 20px;color:#e53e3e;font-size:16px}.user-details-modal .modal-footer{padding:20px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:center}.btn-close{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-close:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.user-details-modal .modal-body::-webkit-scrollbar{width:8px}.user-details-modal .modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.user-details-modal .modal-body::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.user-details-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#5568d3}@media (max-width: 768px){.user-details-modal{max-width:100%}.user-details-modal .modal-body,.details-card{padding:16px}.details-card h3{font-size:16px}.info-grid{grid-template-columns:1fr;gap:12px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{font-size:28px;width:50px;height:50px}.stat-info h4{font-size:20px}}.users-management{min-height:100vh;background-color:#f5f7fa}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 32px;box-shadow:0 2px 8px #0000001a}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-left h1{font-size:28px;margin:0 0 4px}.header-left p{margin:0;opacity:.9;font-size:14px}.user-info{display:flex;align-items:center;gap:16px}.user-info span{font-size:15px}.btn-logout{padding:8px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-logout:hover{background:#ffffff4d}.quick-links{max-width:1400px;margin:24px auto;padding:0 32px;display:flex;gap:12px;flex-wrap:wrap}.quick-link{padding:12px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.quick-link:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.controls-bar{max-width:1400px;margin:0 auto 24px;padding:0 32px;display:flex;justify-content:space-between;align-items:center;gap:16px}.search-filter{display:flex;gap:12px;flex:1}.search-input{flex:1;max-width:400px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#667eea}.filter-select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;cursor:pointer;background:#fff;min-width:150px}.action-buttons{display:flex;gap:12px}.btn-export{padding:12px 20px;background:#fff;border:2px solid #667eea;color:#667eea;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-export:hover{background:#667eea;color:#fff}.btn-add{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-add:hover{background:#5568d3;transform:translateY(-2px)}.users-table-container{max-width:1400px;margin:0 auto;padding:0 32px;background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000001a}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f8f9fa}.users-table th{padding:16px;text-align:right;font-size:14px;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.users-table td{padding:16px;text-align:right;font-size:14px;color:#666;border-bottom:1px solid #f0f0f0}.users-table tbody tr{transition:background .2s}.users-table tbody tr:hover{background:#f8f9fa}.user-name{display:flex;align-items:center;gap:8px}.name-text{font-weight:500;color:#333}.badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block}.badge-admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge-user{background:#e3f2fd;color:#1976d2}.stat-count{font-weight:600;color:#667eea}.last-activity{font-size:12px;color:#999}.action-buttons-cell{display:flex;gap:8px;justify-content:center}.btn-action{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-action:hover{transform:translateY(-2px)}.btn-action:disabled{opacity:.3;cursor:not-allowed}.btn-action:disabled:hover{transform:none}.btn-view{background:#e3f2fd}.btn-view:hover{background:#1976d2}.btn-edit{background:#fff3e0}.btn-edit:hover{background:#f57c00}.btn-password{background:#f3e5f5}.btn-password:hover{background:#7b1fa2}.btn-delete{background:#ffebee}.btn-delete:hover{background:#c62828}.pagination{max-width:1400px;margin:24px auto;padding:0 32px;display:flex;justify-content:center;align-items:center;gap:16px}.btn-page{padding:10px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.btn-page:hover:not(:disabled){border-color:#667eea;color:#667eea}.btn-page:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:14px;color:#666}.loading,.empty-state{text-align:center;padding:60px 20px}.loading{font-size:18px;color:#666}.empty-state{background:#fff;border-radius:12px;max-width:1400px;margin:0 auto;box-shadow:0 2px 8px #0000001a}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:24px;margin:0 0 8px;color:#333}.empty-state p{font-size:16px;color:#999;margin:0}@media (max-width: 1024px){.controls-bar{flex-direction:column;align-items:stretch}.search-filter{flex-direction:column}.search-input{max-width:100%}.action-buttons{justify-content:space-between}}@media (max-width: 768px){.page-header{padding:20px 16px}.header-content{flex-direction:column;gap:16px;align-items:flex-start}.user-info{flex-direction:column;align-items:flex-start;gap:8px}.quick-links{padding:0 16px;flex-direction:column}.quick-link{width:100%;text-align:center}.controls-bar,.users-table-container{padding:0 16px}.users-table{font-size:12px}.users-table th,.users-table td{padding:12px 8px}.action-buttons-cell{flex-direction:column}.btn-action{width:100%}.pagination{padding:0 16px}}.astronomy-page,.astronomy-page *{font-family:Traditional Arabic,serif!important}body{background:#0a1929!important;overflow-x:hidden}.astronomy-page{min-height:auto;background:radial-gradient(ellipse at center,#0a1929,#0d1f36,#0f2744,#0a1929 60%,#081420 75%,#050f1a 85%,#030a12 92%,#000814)!important;color:#fff;position:relative;overflow-x:hidden;width:100%}.sohail-star-fixed{position:absolute;top:80px;left:40px;width:120px;height:120px;z-index:1000;pointer-events:none}.sohail-star-fixed svg{width:100%;height:100%;filter:drop-shadow(0 0 20px #7FFF00) drop-shadow(0 0 40px #7FFF00) drop-shadow(0 0 60px #7FFF00) drop-shadow(0 0 80px rgba(127,255,0,.8)) drop-shadow(0 0 100px rgba(127,255,0,.6));animation:glow-pulse 3s ease-in-out infinite}.sohail-star-fixed path{fill:#7fff00;stroke:#adff2f;stroke-width:2;animation:rotate-star 20s linear infinite}@keyframes glow-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes rotate-star{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-star{position:absolute;font-size:20px;opacity:.25;animation:twinkle 4s ease-in-out infinite}.bg-star:nth-child(1){top:5%;left:5%;animation-delay:0s}.bg-star:nth-child(2){top:15%;left:3%;animation-delay:1s}.bg-star:nth-child(3){top:25%;left:6%;animation-delay:2s}.bg-star:nth-child(4){top:35%;left:4%;animation-delay:1.5s}.bg-star:nth-child(5){top:45%;left:7%;animation-delay:.5s}.bg-star:nth-child(6){top:55%;left:5%;animation-delay:2.5s}.bg-star:nth-child(7){top:65%;left:3%;animation-delay:3s}.bg-star:nth-child(8){top:75%;left:6%;animation-delay:1s}.bg-star:nth-child(9){top:85%;left:4%;animation-delay:2s}.bg-star:nth-child(10){top:95%;left:7%;animation-delay:1.5s}.bg-star:nth-child(11){top:5%;left:93%;animation-delay:.5s}.bg-star:nth-child(12){top:15%;left:95%;animation-delay:1.5s}.bg-star:nth-child(13){top:25%;left:92%;animation-delay:2.5s}.bg-star:nth-child(14){top:35%;left:94%;animation-delay:2s}.bg-star:nth-child(15){top:45%;left:96%;animation-delay:1s}.bg-star:nth-child(16){top:55%;left:93%;animation-delay:3s}.bg-star:nth-child(17){top:65%;left:95%;animation-delay:.5s}.bg-star:nth-child(18){top:75%;left:92%;animation-delay:1.5s}.bg-star:nth-child(19){top:85%;left:94%;animation-delay:2.5s}.bg-star:nth-child(20){top:95%;left:96%;animation-delay:2s}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:.4}}.loading{text-align:center;padding:100px;font-size:26px;color:#7fff00}.astronomy-header{background:linear-gradient(135deg,#0055aad9,#004488e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px 0;border-bottom:3px solid #7FFF00;box-shadow:0 0 40px #7fff0066;position:relative;z-index:10}.header-container{max-width:1400px;margin:0 auto;padding:0 30px;position:relative;display:flex;justify-content:space-between;align-items:center}.header-center{flex:1;text-align:center;order:2}.user-info-header{min-width:150px;text-align:left;order:1}.logo-header{width:80px;height:80px;background:#fff;border-radius:10px;padding:8px;box-shadow:0 0 20px #7fff0080;order:3}.logo-header svg,.logo-header img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.back-button{padding:12px 24px;background:linear-gradient(135deg,#7fff004d,#7fff0033);color:#fff;text-decoration:none;border:2px solid #7FFF00;border-radius:8px;font-weight:600;font-size:18px;transition:all .3s ease}.back-button:hover{background:linear-gradient(135deg,#7fff0080,#7fff004d);box-shadow:0 0 20px #7fff0080;transform:translateY(-2px)}.page-title{text-align:center;color:#7fff00;font-size:32px;margin-bottom:10px;text-shadow:0 0 25px rgba(127,255,0,.8);font-weight:700}.page-subtitle{text-align:center;color:#b8b8d1;font-size:20px}.astronomy-nav{background:linear-gradient(135deg,#0055aad9,#004488e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(127,255,0,.3);position:relative;z-index:10}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-around;flex-wrap:wrap}.astronomy-content{max-width:1400px;margin:40px auto;padding:0 30px;display:grid;grid-template-columns:240px 1fr;gap:30px;position:relative;z-index:10}.astronomy-sidebar{background:linear-gradient(135deg,#004488bf,#003366d9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid #7FFF00;border-radius:16px;padding:25px;height:-moz-fit-content;height:fit-content;box-shadow:0 0 40px #7fff004d}.astronomy-sidebar h3{color:#7fff00;margin-bottom:25px;font-size:24px;border-bottom:2px solid rgba(127,255,0,.4);padding-bottom:12px;text-shadow:0 0 15px rgba(127,255,0,.6);font-weight:700}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu li{margin:10px 0}.sidebar-menu a{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#0249;border-radius:10px;color:#fff;text-decoration:none;font-size:20px;font-weight:400;transition:all .4s ease;border:2px solid transparent;cursor:pointer}.sidebar-menu a:hover{border-color:#7fff00;box-shadow:0 0 25px #7fff0080;padding-right:22px}.sidebar-menu a.active{border-color:#7fff00;border-width:3px;box-shadow:0 0 30px #7fff00b3;background:#0489}.content-area{background:linear-gradient(135deg,#004488bf,#003366d9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid #7FFF00;border-radius:16px;padding:35px;box-shadow:0 0 40px #7fff004d;width:100%;max-width:100%;overflow-x:auto}.sohail-dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.info-card-wide{background:#002244b3;border:3px solid #7FFF00;border-radius:12px;padding:20px;display:flex;align-items:center;gap:20px;box-shadow:0 0 30px #7fff004d;transition:all .4s ease;animation:flash-card 2s ease-in-out infinite}@keyframes flash-card{0%,to{border-color:#7fff00;box-shadow:0 0 30px #7fff004d}50%{border-color:#adff2f;box-shadow:0 0 50px #7fff00cc}}.info-card-wide:hover{transform:translateY(-4px);box-shadow:0 0 45px #7fff0099}.info-card-wide .icon{font-size:48px;min-width:60px;text-align:center}.card-content{flex:1}.card-content .label{font-size:22px;color:#b8b8d1;margin-bottom:10px}.card-content .value{font-size:28px;font-weight:700;color:#fff;text-shadow:0 0 15px rgba(127,255,0,.8);animation:flash-text 2s ease-in-out infinite}@keyframes flash-text{0%,to{color:#fff;text-shadow:0 0 10px rgba(127,255,0,.5)}50%{color:#7fff00;text-shadow:0 0 25px rgba(127,255,0,1)}}.weather-card{background:#002244b3;border:3px solid #7FFF00;border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 0 30px #7fff004d}.weather-card h3{color:#7fff00;text-align:center;margin-bottom:20px;font-size:24px;font-weight:700;text-shadow:0 0 15px rgba(127,255,0,.8)}.weather-content{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.weather-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0486;border-radius:8px}.weather-label{color:#b8b8d1;font-weight:600;font-size:18px}.weather-value{color:#fff;font-weight:700;font-size:20px}.calendar-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:18px;background:#0489;border-radius:10px;border:2px solid rgba(127,255,0,.3);gap:15px}.calendar-controls h3{color:#7fff00;font-size:24px;font-weight:700;text-shadow:0 0 12px rgba(127,255,0,.6);margin:0}.calendar-controls button{padding:12px 28px;background:linear-gradient(135deg,#036,#004080,#05a);color:#fff;border:2px solid #7FFF00;border-radius:8px;cursor:pointer;font-weight:700;font-size:18px;transition:all .3s ease}.calendar-controls button:hover{box-shadow:0 0 25px #7fff0099;transform:translateY(-2px)}.today-button{padding:12px 25px;background:linear-gradient(135deg,#7fff004d,#7fff0033);color:#fff;border:2px solid #7FFF00;border-radius:8px;cursor:pointer;font-weight:700;font-size:18px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.today-button:hover{background:linear-gradient(135deg,#7fff0080,#7fff004d);box-shadow:0 0 25px #7fff0099;transform:translateY(-2px)}.calendar-legend{display:flex;justify-content:center;gap:35px;margin-bottom:25px;padding:18px;background:#00448880;border-radius:12px;font-size:20px;border:2px solid rgba(127,255,0,.3);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:12px;color:#fff;font-weight:600}.legend-color{width:28px;height:28px;border-radius:6px;border:3px solid;box-shadow:0 0 15px}.legend-color.agriculture{background:#4caf5080;border-color:#4caf50;box-shadow:0 0 15px #4caf5099}.legend-color.weather{background:#2196f380;border-color:#2196f3;box-shadow:0 0 15px #2196f399}.legend-color.absent{background:#f4433680;border-color:#f44336;box-shadow:0 0 15px #f4433699}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:30px;width:100%;max-width:100%}.calendar-day{aspect-ratio:1.5 / 1;background:#0249;border:3px solid;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .4s ease;padding:10px;box-shadow:0 0 15px #7fff0040;position:relative}.calendar-day:before{content:attr(data-tooltip);position:absolute;bottom:110%;left:50%;transform:translate(-50%) scale(0);background:linear-gradient(135deg,#004488fa,#003366fa);color:#fff;padding:15px 25px;border-radius:12px;border:3px solid #7FFF00;font-size:18px;font-weight:600;min-width:280px;max-width:380px;white-space:pre-line;z-index:1000;pointer-events:none;box-shadow:0 0 40px #7fff00cc;transition:all .3s ease;opacity:0;text-align:center;line-height:1.6}.calendar-day:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) scale(0);border:12px solid transparent;border-top-color:#7fff00;z-index:999;transition:all .3s ease;opacity:0}.calendar-day:hover:before,.calendar-day:hover:after{transform:translate(-50%) scale(1);opacity:1}.calendar-day:hover{transform:scale(1.15);box-shadow:0 0 40px;z-index:10}.calendar-day.today{border-width:5px!important;animation:flash-today 1.5s ease-in-out infinite}@keyframes flash-today{0%,to{border-color:inherit;box-shadow:0 0 20px currentColor;transform:scale(1)}50%{border-color:gold;box-shadow:0 0 40px gold,0 0 60px gold;transform:scale(1.05)}}.calendar-day.agriculture{background:linear-gradient(135deg,#1b5e20,#2e7d32);border-color:#4caf50;box-shadow:0 0 20px #4caf5080}.calendar-day.agriculture:hover{background:linear-gradient(135deg,#2e7d32,#388e3c);box-shadow:0 0 30px #4caf50cc}.calendar-day.weather{background:linear-gradient(135deg,#0d47a1,#1565c0);border-color:#2196f3;box-shadow:0 0 20px #2196f380}.calendar-day.weather:hover{background:linear-gradient(135deg,#1565c0,#1976d2);box-shadow:0 0 30px #2196f3cc}.calendar-day.absent{background:linear-gradient(135deg,#b71c1c,#c62828);border-color:#f44336;box-shadow:0 0 20px #f4433680}.calendar-day.absent:hover{background:linear-gradient(135deg,#c62828,#d32f2f);box-shadow:0 0 30px #f44336cc}.calendar-day.has-note:after{content:"📝";position:absolute;top:5px;left:5px;font-size:18px;opacity:1;transform:none;border:none}.day-number{font-size:26px;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);margin-bottom:5px;letter-spacing:1px}.day-info{font-size:18px;text-align:center;line-height:1.5;color:#fff;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.7)}.day-in-decade{font-size:18px;color:#ffffffd9;margin-top:3px;font-weight:600}.note-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.note-modal{background:linear-gradient(135deg,#004488f2,#003366f2);border:3px solid #7FFF00;border-radius:16px;padding:30px;max-width:600px;width:90%;box-shadow:0 0 50px #7fff0080}.note-modal h3{color:#7fff00;font-size:26px;margin-bottom:20px;text-shadow:0 0 15px rgba(127,255,0,.8)}.note-modal textarea{width:100%;min-height:150px;padding:15px;background:#002244b3;border:2px solid #7FFF00;border-radius:8px;color:#fff;font-size:18px;font-family:Traditional Arabic,serif;resize:vertical}.note-modal textarea:focus{outline:none;border-color:#adff2f;box-shadow:0 0 20px #7fff0080}.note-modal-buttons{display:flex;gap:15px;margin-top:20px}.note-modal-buttons button{flex:1;padding:14px 25px;border:2px solid #7FFF00;border-radius:8px;cursor:pointer;font-weight:700;font-size:18px;transition:all .3s ease}.note-modal-buttons .save-btn{background:linear-gradient(135deg,#7fff0066,#7fff004d);color:#fff}.note-modal-buttons .save-btn:hover{background:linear-gradient(135deg,#7fff0099,#7fff0066);box-shadow:0 0 25px #7fff0099}.note-modal-buttons .cancel-btn{background:#f443364d;color:#fff;border-color:#f44336}.note-modal-buttons .cancel-btn:hover{background:#f4433680;box-shadow:0 0 25px #f4433699}.settings-card{background:linear-gradient(135deg,#0489,#003366b3);border:3px solid #7FFF00;border-radius:14px;padding:30px;box-shadow:0 0 35px #7fff004d;margin-top:30px}.settings-card h3{color:#7fff00;margin-bottom:25px;font-size:24px;text-align:center;text-shadow:0 0 18px rgba(127,255,0,.7)}.settings-note{padding:14px;background:#7fff001a;border:2px solid rgba(127,255,0,.4);border-radius:8px;margin-bottom:25px;font-size:18px;color:#7fff00;text-align:center;box-shadow:0 0 15px #7fff0033}.current-value{padding:12px;background:#0489;border-radius:8px;margin-bottom:20px;font-size:18px;color:#fff;text-align:center;border:2px solid rgba(127,255,0,.3)}.current-value strong{color:#7fff00;text-shadow:0 0 10px rgba(127,255,0,.5)}.form-group{margin-bottom:25px}.form-group label{display:block;color:#7fff00;font-weight:600;margin-bottom:10px;font-size:18px;text-shadow:0 0 10px rgba(127,255,0,.4)}.form-group input{width:100%;padding:14px;border:3px solid #7FFF00;border-radius:8px;font-size:18px;background:#002244b3;color:#fff;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#adff2f;box-shadow:0 0 20px #7fff0080}.form-group button{width:100%;padding:14px 35px;background:linear-gradient(135deg,#7fff0066,#7fff004d);color:#fff;border:3px solid #7FFF00;border-radius:10px;cursor:pointer;font-weight:700;font-size:19px;transition:all .3s ease;text-shadow:0 0 10px rgba(0,0,0,.5)}.form-group button:hover{background:linear-gradient(135deg,#7fff0099,#7fff0066);transform:translateY(-3px);box-shadow:0 6px 30px #7fff0099}.notes-section{width:100%}.notes-list{display:flex;flex-direction:column;gap:20px}.note-item{background:linear-gradient(135deg,#004488b3,#036c);border:3px solid #7FFF00;border-radius:12px;padding:20px;box-shadow:0 0 25px #7fff004d;transition:all .3s ease}.note-item:hover{transform:translateY(-3px);box-shadow:0 0 35px #7fff0080}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid rgba(127,255,0,.3)}.note-date{color:#7fff00;font-size:22px;font-weight:700;text-shadow:0 0 10px rgba(127,255,0,.6)}.note-actions{display:flex;gap:10px}.edit-note-btn,.delete-note-btn{padding:10px 18px;border:2px solid;border-radius:8px;cursor:pointer;font-size:20px;transition:all .3s ease;background:#0249}.edit-note-btn{border-color:#7fff00;color:#fff}.edit-note-btn:hover{background:#7fff004d;box-shadow:0 0 15px #7fff0080}.delete-note-btn{border-color:#f44336;color:#fff}.delete-note-btn:hover{background:#f443364d;box-shadow:0 0 15px #f4433680}.note-content{color:#fff;font-size:20px;line-height:1.8;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 1400px){.calendar-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width: 1024px){.astronomy-content,.sohail-dashboard{grid-template-columns:1fr}.sohail-star-fixed{width:80px;height:80px;top:60px;left:20px}.header-container{flex-direction:column;gap:15px}.back-button{align-self:flex-start}.calendar-grid{grid-template-columns:repeat(5,1fr)}.weather-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.calendar-grid{grid-template-columns:repeat(4,1fr)}.calendar-legend{flex-direction:column;gap:15px}.sohail-dashboard,.weather-content{grid-template-columns:1fr}}@media (max-width: 480px){.calendar-grid{grid-template-columns:repeat(3,1fr)}}.rating-open-btn{width:100%;padding:18px;margin-top:25px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #667eea66;font-family:Arial,Segoe UI,Tahoma,sans-serif}.rating-open-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea99}.rating-open-btn:active{transform:translateY(-1px)}.benmayed-page{min-height:100vh;background:radial-gradient(ellipse 150% 100% at top center,#0a1628,#0d1f3c 25%,#132744,#1a3a5c 65%,#234b6e 80%,#2d5a80)}.benmayed-container{max-width:1000px;margin:0 auto;padding:20px 15px}.benmayed-weather-card{background:linear-gradient(135deg,#4a90b840,#0a1628b3);border:2px solid rgba(74,144,184,.4);border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:0 8px 32px #0006}.benmayed-weather-card .weather-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.benmayed-weather-card .weather-item{text-align:center}.benmayed-weather-card .weather-icon{font-size:32px;margin-bottom:5px}.benmayed-weather-card .weather-label{color:#a8c8e8;font-size:12px;margin-bottom:3px}.benmayed-weather-card .weather-value{color:#fff;font-size:16px;font-weight:700}.benmayed-summary-card{background:linear-gradient(135deg,#7fff001a,#0a1628b3);border:2px solid rgba(127,255,0,.3);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 8px 32px #0006}.benmayed-summary-card .summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.benmayed-summary-card .summary-item{text-align:center;padding:10px;background:#0a162880;border-radius:8px;border:1px solid rgba(127,255,0,.2)}.benmayed-summary-card .summary-icon{font-size:28px;margin-bottom:8px}.benmayed-summary-card .summary-label{color:#7fff00;font-size:11px;margin-bottom:5px;font-weight:600}.benmayed-summary-card .summary-value{color:#fff;font-size:14px;font-weight:700;line-height:1.4}.benmayed-summary-card .summary-sub{color:#a8c8e8;font-size:11px;margin-top:3px}.benmayed-title{text-align:center;color:#fff;font-size:26px;margin-bottom:20px;text-shadow:0 0 25px rgba(74,144,184,.5)}.benmayed-menu-grid{display:flex;flex-direction:column;gap:10px}.benmayed-menu-card{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#4a90b81f,#0a162899);border:1px solid rgba(74,144,184,.25);border-radius:10px;padding:12px 20px;cursor:pointer;transition:all .3s ease;text-decoration:none}.benmayed-menu-card:hover{transform:translate(-5px);background:linear-gradient(135deg,rgba(var(--card-color-rgb),.15),#0a1628b3);box-shadow:0 5px 20px #0000004d}.benmayed-menu-card .menu-icon{font-size:28px;min-width:40px;text-align:center;transition:filter .3s ease}.benmayed-menu-card .menu-content{flex:1}.benmayed-menu-card .menu-title{font-size:16px;font-weight:700;transition:color .3s ease;margin-bottom:2px}.benmayed-menu-card .menu-desc{color:#a8c8e8;font-size:13px}.benmayed-menu-card .menu-arrow{font-size:18px;transition:color .3s ease}.benmayed-footer{margin-top:25px;text-align:center;padding:20px;background:linear-gradient(135deg,#4a90b826,#0a162880);border:1px solid rgba(74,144,184,.2);border-radius:10px}.benmayed-footer .footer-title{color:#a8c8e8;font-size:14px;margin-bottom:5px}.benmayed-footer .footer-reg{color:#4a90b8;font-size:12px;margin-bottom:8px}.benmayed-footer .footer-warning{color:#dc3545;font-size:11px;font-weight:600}.sohail-calendar-container{max-width:1000px;margin:0 auto;padding:20px 15px}.sohail-page-title{text-align:center;color:#7fff00;font-size:28px;margin-bottom:25px;text-shadow:0 0 25px rgba(127,255,0,.5)}.sohail-footer-info{margin-top:30px;text-align:center;padding:20px;background:linear-gradient(135deg,#7fff001a,#0a162880);border:1px solid rgba(127,255,0,.2);border-radius:10px}.sohail-footer-info p{color:#a8c8e8;font-size:14px;margin:5px 0}.sohail-footer-info .reg-number{color:#4a90b8;font-size:12px}.sohail-footer-info .warning{color:#dc3545;font-size:11px;font-weight:600;margin-top:8px}@media (max-width: 768px){.benmayed-weather-card .weather-grid,.benmayed-summary-card .summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.benmayed-menu-card{padding:10px 15px}}.benmayed-menu-card .menu-desc{color:#a8c8e8;font-size:15px!important;line-height:1.6}.ratings-full-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Arial,sans-serif}.page-header{background:#fff;padding:25px 40px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:30px;position:sticky;top:0;z-index:100}.back-btn{color:#007bff;text-decoration:none;font-size:18px;font-weight:600;padding:10px 20px;border:2px solid #007bff;border-radius:8px;transition:all .3s}.back-btn:hover{background:#007bff;color:#fff}.page-header h1{font-size:32px;color:#2c3e50;margin:0;font-weight:700}.loading-container{text-align:center;padding:100px 20px}.spinner{font-size:60px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ratings-main{max-width:1400px;margin:40px auto;padding:0 40px}.empty-state{background:#fff;padding:80px 60px;border-radius:20px;text-align:center;box-shadow:0 8px 24px #0000001a}.empty-icon{font-size:100px;margin-bottom:30px}.empty-state h2{font-size:36px;color:#2c3e50;margin:0 0 20px}.empty-state p{font-size:20px;color:#6c757d;margin:0 0 40px}.cta-btn{display:inline-block;padding:18px 40px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;text-decoration:none;border-radius:12px;font-size:20px;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #007bff4d}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #007bff80}.comments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:30px}.comment-card-full{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 12px #0000001a;transition:all .3s}.comment-card-full:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.user-info{display:flex;align-items:center;gap:15px}.avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;box-shadow:0 4px 12px #667eea66}.avatar.default-avatar{background:linear-gradient(135deg,#8e44ad,#9b59b6);font-size:32px}.user-details h3{margin:0 0 8px;font-size:22px;color:#2c3e50;font-weight:700}.badges{display:flex;gap:10px}.page-badge{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:700}.date-badge{background:#f0f0f0;color:#6c757d;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.rating-stars,.stars-display{display:flex;gap:5px}.star-filled{color:#ffc107;font-size:24px}.star-empty{color:#e0e0e0;font-size:24px}.card-body p{margin:0;font-size:16px;line-height:1.7;color:#2c3e50}@media (max-width: 768px){.page-header{flex-direction:column;gap:15px}.comments-grid{grid-template-columns:1fr}.ratings-main{padding:0 20px}}.tawaali-page{min-height:100vh;background:radial-gradient(ellipse at center,#0a1929,#0d1f36,#0f2744,#0a1929 60%,#081420 75%,#050f1a 85%,#030a12 92%,#000814);color:#fff;font-family:Traditional Arabic,serif;position:relative;overflow-x:hidden;font-size:20px}.bg-star{position:absolute;font-size:20px;opacity:.3;animation:twinkle 4s ease-in-out infinite}.bg-star:nth-child(odd){animation-delay:.5s}.bg-star:nth-child(2n){animation-delay:1.5s}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.5}}.tawaali-header{background:linear-gradient(135deg,#0055aad9,#004488e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:25px 0;border-bottom:3px solid #7FFF00;box-shadow:0 0 30px #7fff004d;position:relative;z-index:10}.page-subtitle{color:#b8b8d1;font-size:24px;font-weight:400}.logo-header{width:70px;height:70px;background:#fff;border-radius:10px;padding:6px;box-shadow:0 0 15px #7fff0066}.logo-header img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.tawaali-content{max-width:1400px;margin:30px auto;padding:0 30px;position:relative;z-index:10}.tawaali-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.tawaali-tabs button{padding:16px 35px;background:#0489;border:2px solid rgba(127,255,0,.3);border-radius:10px;color:#fff;font-size:22px;font-weight:600;cursor:pointer;transition:all .3s ease}.tawaali-tabs button:hover{border-color:#7fff00;box-shadow:0 0 20px #7fff0080}.tawaali-tabs button.active{background:#7fff004d;border-color:#7fff00;box-shadow:0 0 25px #7fff0099}.current-section{margin-bottom:40px}.current-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-bottom:30px}.current-card{background:linear-gradient(135deg,#048c,#003366e6);border:3px solid #7FFF00;border-radius:16px;padding:30px;text-align:center;box-shadow:0 0 30px #7fff0066;transition:all .3s ease;position:relative}.current-card:hover{transform:translateY(-5px);box-shadow:0 0 40px #7fff0099}.current-card h2{color:#7fff00;font-size:26px;margin-bottom:15px;font-weight:700}.current-card h3{font-size:38px;margin-bottom:10px;color:#fff;text-shadow:0 0 15px rgba(127,255,0,.6);font-weight:700}.current-card .subtitle{color:#b8b8d1;font-size:22px;margin-bottom:15px;font-weight:400}.date-range,.element{background:#0249;padding:12px 18px;border-radius:8px;margin:15px 0;font-size:20px;font-weight:400}.view-details-btn{margin-top:15px;padding:14px 28px;background:linear-gradient(135deg,#7fff0066,#7fff004d);border:2px solid #7FFF00;border-radius:8px;color:#fff;font-size:20px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-details-btn:hover{background:linear-gradient(135deg,#7fff0099,#7fff0066);box-shadow:0 0 20px #7fff0080}.list-section{margin-bottom:40px}.section-title{text-align:center;color:#7fff00;font-size:34px;margin-bottom:25px;text-shadow:0 0 20px rgba(127,255,0,.8);font-weight:700}.mansions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px}.mansion-item{background:linear-gradient(135deg,#004488b3,#036c);border:3px solid #7FFF00;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.mansion-item:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 0 35px #7fff0099}.mansion-number{position:absolute;top:10px;right:10px;width:40px;height:40px;background:#7fff004d;border:2px solid #7FFF00;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.mansion-item h3{font-size:28px;margin:10px 0;color:#7fff00;font-weight:700}.mansion-item p{color:#b8b8d1;font-size:20px;margin:8px 0;font-weight:400}.mansion-date{margin-top:12px;padding:10px;background:#0249;border-radius:6px;font-size:20px;font-weight:400}.zodiac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:30px}.zodiac-item{background:linear-gradient(135deg,#004488b3,#036c);border:3px solid;border-radius:12px;padding:25px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.zodiac-item:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 0 35px}.zodiac-item.element-نار{border-color:#f44;box-shadow:0 0 20px #f446}.zodiac-item.element-تراب{border-color:#8b4513;box-shadow:0 0 20px #8b451366}.zodiac-item.element-هواء{border-color:#4fc3f7;box-shadow:0 0 20px #4fc3f766}.zodiac-item.element-ماء{border-color:#2196f3;box-shadow:0 0 20px #2196f366}.zodiac-symbol{font-size:56px;margin-bottom:15px}.zodiac-item h3{font-size:26px;margin:10px 0;color:#7fff00;font-weight:700}.zodiac-item p{color:#b8b8d1;font-size:20px;margin:8px 0;font-weight:400}.zodiac-element{margin-top:12px;padding:10px;background:#0249;border-radius:6px;font-size:20px;font-weight:600}.details-section{background:linear-gradient(135deg,#004488e6,#003366f2);border:3px solid #7FFF00;border-radius:16px;padding:30px;margin-top:30px;box-shadow:0 0 40px #7fff0080;position:relative}.close-details{position:absolute;top:15px;left:15px;padding:10px 20px;background:#f443364d;border:2px solid #f44336;border-radius:8px;color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease;font-weight:600}.close-details:hover{background:#f4433680;box-shadow:0 0 20px #f4433680}.details-content h2{text-align:center;color:#7fff00;font-size:38px;margin-bottom:10px;text-shadow:0 0 20px rgba(127,255,0,.8);font-weight:700}.details-content .subtitle{text-align:center;color:#b8b8d1;font-size:22px;margin-bottom:20px;font-weight:400}.element-badge{text-align:center;display:block;background:#7fff0033;padding:12px;border-radius:8px;margin-bottom:25px;font-size:22px;font-weight:600}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:25px}.detail-card{background:#0249;border:2px solid rgba(127,255,0,.3);border-radius:12px;padding:20px}.detail-card h3{color:#7fff00;font-size:24px;margin-bottom:15px;text-shadow:0 0 10px rgba(127,255,0,.6);font-weight:700}.detail-card p{margin:10px 0;line-height:1.8;font-size:20px;font-weight:400}.detail-card strong{color:#7fff00;font-weight:700}.forbidden{color:#f44336;font-weight:700;font-size:22px}.proverbs-card,.cultural-card{grid-column:1 / -1}.proverbs .proverb{background:#0486;padding:15px;border-right:4px solid #7FFF00;margin:10px 0;font-style:italic;font-size:21px;line-height:2;font-weight:400}.current-flash{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #7fff0066}50%{box-shadow:0 0 50px #7fff00cc,0 0 70px #7fff0080}}.current-badge{position:absolute;top:10px;left:10px;background:#7fff00;color:#000;padding:8px 16px;border-radius:20px;font-size:20px;font-weight:700;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}.is-current{animation:pulse-glow 2s ease-in-out infinite;border-width:4px!important}.current-indicator{position:absolute;top:5px;left:5px;background:#7fff00;color:#000;padding:6px 14px;border-radius:15px;font-size:20px;font-weight:700;z-index:10;animation:blink 1.5s ease-in-out infinite}.color-legend{background:#004488b3;border:2px solid #7FFF00;border-radius:12px;padding:20px;margin-bottom:25px}.color-legend h3{color:#7fff00;margin-bottom:15px;font-size:26px;text-align:center;font-weight:700}.legend-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.legend-item{display:flex;align-items:center;gap:10px;padding:12px;background:#00224480;border-radius:8px;font-size:20px;font-weight:400}.legend-color{width:35px;height:35px;border-radius:50%;border:2px solid white;flex-shrink:0}.legend-color.fire{background:#f44;box-shadow:0 0 10px #f449}.legend-color.earth{background:#8b4513;box-shadow:0 0 10px #8b451399}.legend-color.air{background:#4fc3f7;box-shadow:0 0 10px #4fc3f799}.legend-color.water{background:#2196f3;box-shadow:0 0 10px #2196f399}.search-box{margin-bottom:25px;text-align:center}.search-box input{width:100%;max-width:500px;padding:18px 25px;background:#004488b3;border:2px solid #7FFF00;border-radius:10px;color:#fff;font-size:22px;text-align:center;font-weight:400}.search-box input::-moz-placeholder{color:#fff9}.search-box input::placeholder{color:#fff9}.search-box input:focus{outline:none;box-shadow:0 0 25px #7fff0099}.yearly-calendar,.calendar-section{margin-bottom:40px}.calendar-section h3{color:#7fff00;font-size:30px;margin-bottom:20px;text-align:center;font-weight:700}.calendar-table{overflow-x:auto;background:#004488b3;border:2px solid #7FFF00;border-radius:12px;padding:20px}.calendar-table table{width:100%;border-collapse:collapse}.calendar-table th{background:#7fff004d;color:#7fff00;padding:15px;text-align:center;font-size:20px;border-bottom:2px solid #7FFF00;font-weight:700}.calendar-table td{padding:15px;text-align:center;border-bottom:1px solid rgba(127,255,0,.2);font-size:20px;font-weight:400}.calendar-table td strong{font-weight:700;font-size:20px}.calendar-table td small{font-size:20px;font-weight:400}.calendar-table tr:hover{background:#7fff001a}.calendar-table .current-row{background:#7fff0040;animation:pulse-row 2s ease-in-out infinite}@keyframes pulse-row{0%,to{background:#7fff0040}50%{background:#7fff0066}}.big-symbol{font-size:34px}.element-tag{display:inline-block;padding:8px 15px;border-radius:15px;font-size:20px;font-weight:600}.element-tag.نار{background:#ff44444d;color:#f44;border:1px solid #ff4444}.element-tag.تراب{background:#8b45134d;color:#d4a373;border:1px solid #8b4513}.element-tag.هواء{background:#4fc3f74d;color:#4fc3f7;border:1px solid #4fc3f7}.element-tag.ماء{background:#2196f34d;color:#2196f3;border:1px solid #2196F3}@media (max-width: 768px){.tawaali-page{font-size:20px}.page-title{font-size:34px}.page-subtitle{font-size:22px}.tawaali-tabs button{font-size:20px;padding:14px 28px}.current-card h3{font-size:32px}.mansion-item h3,.zodiac-item h3{font-size:24px}.detail-card p{font-size:20px}.legend-items{grid-template-columns:1fr}.calendar-table{font-size:20px}.calendar-table th,.calendar-table td{font-size:20px;padding:12px}.current-cards{grid-template-columns:1fr}.mansions-grid,.zodiac-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.details-grid{grid-template-columns:1fr}}.under-dev-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.under-dev-container{text-align:center;background:#fff;padding:60px 40px;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%}.under-dev-icon{font-size:80px;margin-bottom:20px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.under-dev-title{font-size:36px;color:#2c5f2d;margin-bottom:15px;font-weight:700}.under-dev-text{font-size:18px;color:#555;margin-bottom:30px;line-height:1.6}.back-btn{display:inline-block;padding:12px 30px;background:#2c5f2d;color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease}.back-btn:hover{background:#3d7c3e;transform:translateY(-2px);box-shadow:0 4px 15px #2c5f2d4d}@media (max-width: 768px){.under-dev-container{padding:40px 30px}.under-dev-icon{font-size:60px}.under-dev-title{font-size:28px}.under-dev-text{font-size:16px}}.search-page{min-height:100vh;background-color:#f5f1e8;font-family:Simplified Arabic,Noto Kufi Arabic,Tahoma,sans-serif;direction:rtl}.search-header{background:radial-gradient(ellipse 120% 120% at top left,#fff,#fff 40%,#f8f6f1,#f0ebe0,#e8dcc8,#c9b382);padding:20px 0;border-bottom:3px solid #C9B382;box-shadow:0 4px 15px #0000001a}.search-header-container{max-width:1400px;margin:0 auto;padding:0 30px;display:flex;align-items:center;gap:20px}.back-link{color:#6b4423;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease}.back-link:hover{color:#d4af37}.search-header h1{color:#6b4423;font-size:28px;font-weight:700;margin:0}.search-container{max-width:1400px;margin:0 auto;padding:30px}.search-box-main{background:linear-gradient(135deg,#fff,#f8f6f1);border:2px solid #C9B382;border-radius:12px;padding:20px;box-shadow:0 8px 25px #0000001a;margin-bottom:30px}.search-input-main-container{display:flex;align-items:center;gap:15px}.search-icon-main{font-size:28px;color:#6b4423}.search-input-main{flex:1;border:2px solid #C9B382;border-radius:8px;padding:12px 20px;font-size:16px;color:#6b4423;background:#ffffffe6;outline:none;transition:all .3s ease}.search-input-main:focus{border-color:#d4af37;background:#fff;box-shadow:0 0 12px #d4af3766}.search-input-main::-moz-placeholder{color:#8b6f47}.search-input-main::placeholder{color:#8b6f47}.search-btn-main,.save-search-btn{padding:12px 30px;background:radial-gradient(ellipse at center,#fff,#fff 40%,#f8f6f1,#f4e5c3,#e8dcc8,#d4af37);color:#6b4423;border:1px solid rgba(212,175,55,.7);border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #c9b38266,inset 0 1px 2px #fffc,inset 0 -1px 2px #0000001a}.search-btn-main:hover,.save-search-btn:hover{transform:translateY(-2px);box-shadow:0 5px 12px #c9b38299,inset 0 1px 2px #ffffffe6,inset 0 -1px 2px #00000026}.save-search-btn{background:linear-gradient(135deg,#6b4423,#8b6f47);color:#fff;border:none}.filters-section,.location-filters{background:linear-gradient(135deg,#fff,#f8f6f1);border:2px solid #C9B382;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 15px #00000014}.filters-section h3,.location-filters h3{color:#6b4423;font-size:18px;font-weight:700;margin:0 0 15px}.filter-tabs{display:flex;flex-wrap:wrap;gap:10px}.filter-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffffe6;border:2px solid #C9B382;border-radius:8px;color:#6b4423;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-tab:hover{background:#f8f6f1;transform:translateY(-2px);box-shadow:0 4px 10px #c9b3824d}.filter-tab.active{background:radial-gradient(ellipse at center,#d4af37,#e8dcc8,#f4e5c3);border-color:#d4af37;color:#6b4423;font-weight:700;box-shadow:0 4px 15px #d4af3766}.filter-icon{font-size:18px}.location-selects{display:flex;gap:15px}.location-select{flex:1;padding:10px 15px;border:2px solid #C9B382;border-radius:8px;font-size:14px;color:#6b4423;background:#ffffffe6;cursor:pointer;outline:none;transition:all .3s ease}.location-select:focus{border-color:#d4af37;box-shadow:0 0 8px #d4af374d}.search-results{background:linear-gradient(135deg,#fff,#f8f6f1);border:2px solid #C9B382;border-radius:12px;padding:30px;min-height:400px;box-shadow:0 4px 15px #00000014}.results-header h2{color:#6b4423;font-size:22px;font-weight:700;margin:0 0 20px;padding-bottom:15px;border-bottom:2px solid #E8DCC8}.results-list{display:flex;flex-direction:column;gap:15px}.result-item{display:flex;align-items:center;gap:20px;padding:20px;background:#fffc;border:2px solid #E8DCC8;border-radius:10px;cursor:pointer;transition:all .3s ease}.result-item:hover{background:#fff;border-color:#d4af37;transform:translate(-5px);box-shadow:0 6px 20px #d4af374d}.result-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#fff,#f8f6f1,#e8dcc8);border:2px solid #C9B382;border-radius:10px;flex-shrink:0}.result-content{flex:1}.result-content h3{color:#6b4423;font-size:18px;font-weight:700;margin:0 0 8px}.result-content p{color:#8b6f47;font-size:14px;margin:0 0 10px}.result-category{display:inline-block;padding:4px 12px;background:#e8dcc8;color:#6b4423;border-radius:6px;font-size:12px;font-weight:600}.loading,.no-results,.empty-search{text-align:center;padding:60px 20px}.loading{color:#6b4423;font-size:18px;font-weight:600}.no-results-icon,.empty-icon{font-size:64px;display:block;margin-bottom:20px}.no-results h3,.empty-search h3{color:#6b4423;font-size:24px;font-weight:700;margin:0 0 10px}.no-results p,.empty-search p{color:#8b6f47;font-size:16px;margin:0}.saved-searches{background:linear-gradient(135deg,#fff,#f8f6f1);border:2px solid #C9B382;border-radius:12px;padding:20px;margin-top:20px;box-shadow:0 4px 15px #00000014}.saved-searches h3{color:#6b4423;font-size:18px;font-weight:700;margin:0 0 15px}.saved-list{display:flex;flex-direction:column;gap:10px}.saved-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#fffc;border:1px solid #E8DCC8;border-radius:8px;cursor:pointer;transition:all .3s ease}.saved-item:hover{background:#fff;border-color:#d4af37;transform:translate(-5px)}.saved-date{color:#8b6f47;font-size:12px}@media (max-width: 768px){.search-input-main-container,.location-selects{flex-direction:column}.filter-tabs{justify-content:center}}.about-page{font-family:Simplified Arabic,Noto Kufi Arabic,Tahoma,sans-serif;background-color:#f5f1e8;direction:rtl;min-height:100vh;padding:40px 20px}.about-container{max-width:1200px;margin:0 auto;padding:60px 80px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.about-container h1{color:#6b4423;font-size:48px;margin-bottom:20px;text-align:center;font-weight:700}.subtitle{text-align:center;font-size:20px;color:#8b6f47;font-weight:600;margin-bottom:50px;padding-bottom:20px;border-bottom:3px solid #C9B382}.about-section{margin:50px 0}.about-section h2{color:#6b4423;font-size:32px;margin-bottom:25px;font-weight:700;border-right:5px solid #C9B382;padding-right:20px}.about-section h3{color:#6b4423;font-size:20px;margin-bottom:15px;font-weight:700}.about-section p{color:#8b6f47;font-size:17px;margin-bottom:20px;text-align:justify;line-height:1.9}.benefits-grid{display:grid;grid-template-columns:1fr;gap:25px;margin:30px 0}.benefit-card{background:linear-gradient(135deg,#f8f6f1,#f0ebe0);padding:25px;border-radius:8px;border-right:4px solid #C9B382;transition:all .3s ease}.benefit-card:hover{background:#f0ebe0;transform:translate(-5px);box-shadow:0 4px 12px #0000001a}.benefit-card h3{color:#6b4423;font-size:19px;margin-bottom:10px}.benefit-card p{margin:0;font-size:16px;color:#8b6f47;text-align:justify}.services-list{list-style:none;padding:0;margin:25px 0}.services-list li{color:#8b6f47;font-size:17px;margin-bottom:15px;padding-right:35px;position:relative;line-height:1.8}.services-list li:before{content:"✓";position:absolute;right:0;color:#c9b382;font-weight:700;font-size:20px}.services-list li strong{color:#6b4423}.vision-box{background:linear-gradient(135deg,#6b4423,#8b6f47);color:#fff;padding:40px;border-radius:10px;margin:50px 0;box-shadow:0 6px 20px #6b44234d}.vision-box h3{color:#e8dcc8;font-size:28px;margin-bottom:20px}.vision-box p{color:#f8f6f1;font-size:17px;margin-bottom:15px;line-height:2;text-align:justify}.vision-box .since-text{margin-bottom:0;font-weight:600;font-size:18px;text-align:center}.back-btn{display:inline-block;margin:40px 0 0;padding:14px 35px;background:linear-gradient(135deg,#6b4423,#8b6f47);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:17px;transition:all .3s ease;box-shadow:0 4px 12px #6b44234d}.back-btn:hover{background:linear-gradient(135deg,#8b6f47,#6b4423);transform:translate(-8px);box-shadow:0 6px 20px #6b442366}@media (max-width: 768px){.about-container{padding:40px 30px}.about-container h1{font-size:36px}.about-section h2{font-size:26px}.about-section h3{font-size:18px}.about-section p,.services-list li{font-size:16px}.vision-box{padding:30px 20px}.vision-box h3{font-size:24px}.vision-box p{font-size:16px}}.darwish-page{min-height:100vh;background:radial-gradient(ellipse at center,#0a1929,#0d1f36,#0f2744,#0a1929 60%,#081420 75%,#050f1a 85%,#030a12 92%,#000814);color:#fff;font-family:Traditional Arabic,serif;position:relative;overflow-x:hidden;font-size:20px}.background-stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bg-star{position:absolute;font-size:16px;opacity:.3;animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.6}}.darwish-header{background:linear-gradient(135deg,#0055aad9,#004488e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:25px 0;border-bottom:3px solid #7FFF00;box-shadow:0 0 30px #7fff004d;position:relative;z-index:10}.header-container{max-width:1400px;margin:0 auto;padding:0 30px;display:flex;justify-content:space-between;align-items:center}.header-center{flex:1;text-align:center}.page-title{color:#7fff00;font-size:40px;margin-bottom:8px;text-shadow:0 0 20px rgba(127,255,0,.8);font-weight:700}.page-subtitle{color:#b8b8d1;font-size:22px;font-weight:400}.back-button{padding:12px 24px;background:linear-gradient(135deg,#7fff004d,#7fff0033);color:#fff;text-decoration:none;border:2px solid #7FFF00;border-radius:8px;font-weight:600;font-size:20px;transition:all .3s ease}.back-button:hover{background:linear-gradient(135deg,#7fff0080,#7fff004d);box-shadow:0 0 20px #7fff0080}.loading{text-align:center;padding:100px;font-size:28px;color:#7fff00}.darwish-content{max-width:1400px;margin:30px auto;padding:0 30px;position:relative;z-index:10}.darwish-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.darwish-tabs button{padding:16px 35px;background:#0489;border:2px solid rgba(127,255,0,.3);border-radius:10px;color:#fff;font-size:22px;font-weight:600;cursor:pointer;transition:all .3s ease}.darwish-tabs button:hover{border-color:#7fff00;box-shadow:0 0 20px #7fff0080}.darwish-tabs button.active{background:#7fff004d;border-color:#7fff00;box-shadow:0 0 25px #7fff0099}.today-section{margin-bottom:40px}.today-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:30px}.info-card{background:linear-gradient(135deg,#048c,#003366e6);border:3px solid #7FFF00;border-radius:16px;padding:30px;box-shadow:0 0 30px #7fff0066;transition:all .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 0 40px #7fff0099}.info-card h2{color:#7fff00;font-size:26px;margin-bottom:20px;font-weight:700}.moon-display{display:flex;align-items:center;gap:20px}.moon-emoji{font-size:80px}.moon-info p{margin:8px 0;font-size:20px}.moon-phase{font-size:24px;font-weight:700;color:#7fff00}.islamic-date{text-align:center}.hijri-date{font-size:32px;font-weight:700;color:#7fff00;margin-bottom:10px}.hijri-year{font-size:24px;color:#b8b8d1}.tides-mini{text-align:center}.tides-mini p{margin:10px 0;font-size:20px}.view-more-btn{margin-top:15px;padding:12px 24px;background:linear-gradient(135deg,#7fff0066,#7fff004d);border:2px solid #7FFF00;border-radius:8px;color:#fff;font-size:20px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-more-btn:hover{background:linear-gradient(135deg,#7fff0099,#7fff0066);box-shadow:0 0 20px #7fff0080}.recommendations-card{background:linear-gradient(135deg,#048c,#003366e6);border:3px solid #7FFF00;border-radius:16px;padding:30px;box-shadow:0 0 30px #7fff0066}.recommendations-card h2{color:#7fff00;font-size:28px;margin-bottom:25px;text-align:center;font-weight:700}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.rec-item{background:#0249;border:2px solid rgba(127,255,0,.3);border-radius:12px;padding:20px}.rec-item h3{color:#7fff00;font-size:22px;margin-bottom:15px;font-weight:700}.rec-item p{font-size:20px;line-height:1.6;font-weight:400}.moon-phases-section{margin-bottom:40px}.month-selector{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:30px}.month-selector button{padding:12px 24px;background:#7fff004d;border:2px solid #7FFF00;border-radius:8px;color:#fff;font-size:24px;font-weight:700;cursor:pointer;transition:all .3s ease}.month-selector button:hover{background:#7fff0080;box-shadow:0 0 20px #7fff0080}.month-selector h2{color:#7fff00;font-size:32px;font-weight:700}.phases-calendar{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;margin-bottom:30px}.phase-day{background:linear-gradient(135deg,#004488b3,#036c);border:2px solid rgba(127,255,0,.3);border-radius:12px;padding:15px;text-align:center;transition:all .3s ease;cursor:pointer}.phase-day:hover{transform:scale(1.05);border-color:#7fff00;box-shadow:0 0 20px #7fff0080}.phase-day.full-moon{background:linear-gradient(135deg,#ffd7004d,#ffc1074d);border-color:gold}.phase-day.new-moon{background:linear-gradient(135deg,#1e1e1ecc,#0a0a0ae6);border-color:#666}.day-number{font-size:18px;font-weight:700;color:#7fff00;margin-bottom:8px}.moon-emoji-large{font-size:48px;margin:10px 0}.phase-name{font-size:18px;font-weight:700;color:#fff;margin:8px 0}.phase-details{display:flex;flex-direction:column;gap:5px;margin-top:10px;font-size:16px;color:#b8b8d1}.moon-legend{background:#004488b3;border:2px solid #7FFF00;border-radius:12px;padding:25px}.moon-legend h3{color:#7fff00;font-size:24px;margin-bottom:20px;text-align:center;font-weight:700}.legend-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.legend-item{display:flex;align-items:center;gap:10px;padding:10px;background:#00224480;border-radius:8px;font-size:20px}.legend-item span:first-child{font-size:32px}.tides-section{margin-bottom:40px}.tides-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.tides-header h2{color:#7fff00;font-size:32px;font-weight:700}.moon-phase-indicator{display:flex;align-items:center;gap:15px;background:#004488b3;padding:15px 25px;border:2px solid #7FFF00;border-radius:10px;font-size:20px}.moon-phase-indicator .moon-emoji{font-size:40px}.tides-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.tide-item{background:linear-gradient(135deg,#048c,#003366e6);border:3px solid;border-radius:12px;padding:25px;text-align:center;transition:all .3s ease}.tide-item.مد{border-color:#2196f3;box-shadow:0 0 20px #2196f366}.tide-item.جزر{border-color:#ff9800;box-shadow:0 0 20px #ff980066}.tide-item:hover{transform:translateY(-5px);box-shadow:0 0 30px #7fff0099}.tide-time{font-size:28px;font-weight:700;color:#7fff00;margin-bottom:15px}.tide-icon{font-size:48px;margin:15px 0}.tide-info h3{font-size:24px;font-weight:700;color:#fff;margin-bottom:10px}.tide-info p{font-size:20px;margin:8px 0;color:#b8b8d1}.tides-note{background:#ffc10733;border:2px solid #FFC107;border-radius:10px;padding:20px;text-align:center;margin-bottom:25px}.tides-note p{font-size:20px;color:gold;font-weight:600}.tides-info-card{background:#004488b3;border:2px solid #7FFF00;border-radius:12px;padding:25px}.tides-info-card h3{color:#7fff00;font-size:24px;margin-bottom:20px;font-weight:700}.tides-info-card ul{list-style:none;padding:0}.tides-info-card li{padding:12px 30px 12px 0;position:relative;font-size:20px;line-height:1.6;border-bottom:1px solid rgba(127,255,0,.2)}.tides-info-card li:last-child{border-bottom:none}.tides-info-card li:before{content:"🌊";position:absolute;right:0;top:12px}@media (max-width: 768px){.darwish-page{font-size:20px}.page-title{font-size:32px}.page-subtitle{font-size:20px}.darwish-tabs button{font-size:20px;padding:14px 28px}.header-container{flex-direction:column;gap:15px}.today-cards,.phases-calendar,.tides-timeline,.recommendations-grid{grid-template-columns:1fr}.tides-header{flex-direction:column;text-align:center}}.astro-layout{background:linear-gradient(180deg,#0a1628,#132744,#1a3a5c);min-height:100vh;display:flex;flex-direction:column}.astro-content{flex:1;max-width:1200px;margin:0 auto;padding:30px 20px;width:100%}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes twinkle-slow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes twinkle-fast{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.astro-header{background:radial-gradient(ellipse 120% 120% at top left,#0a1628,#0d1f3c 30%,#132744,#1a3a5c 70%,#234b6e,#2d5a80);padding:20px 0;border-bottom:3px solid #4a90b8;position:relative;overflow:hidden}.astro-star{position:absolute;background:#fff;border-radius:50%;pointer-events:none;z-index:0}.astro-header-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.astro-header-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.astro-arabic-group{display:flex;align-items:center;gap:15px;justify-content:flex-start}.astro-logo-wrapper{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(74,144,184,.4) 0%,rgba(74,144,184,.1) 70%,transparent 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #4a90b880,0 0 40px #4a90b84d;border:1px solid rgba(74,144,184,.3)}.astro-logo-wrapper img{width:45px;height:45px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 8px rgba(74,144,184,.8))}.astro-arabic-text h1{font-size:26px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 10px rgba(74,144,184,.5)}.astro-arabic-text p{font-size:13px;color:#a8c8e8;margin:3px 0 0}.astro-center-group{display:flex;flex-direction:column;gap:8px}.astro-weather-box{background:linear-gradient(135deg,#0d1f3cf2,#1a3a5cf2);border:2px solid #4a90b8;border-radius:10px;padding:8px 20px;display:flex;align-items:center;gap:15px;justify-content:center}.astro-weather-icon{font-size:22px}.astro-weather-temp{font-size:20px;font-weight:700;color:#fff}.astro-weather-status{font-size:12px;color:#a8c8e8}.astro-weather-humidity{font-size:11px;color:#7eb8e8}.astro-search-box{background:linear-gradient(135deg,#0d1f3cf2,#1a3a5cf2);border:2px solid #4a90b8;border-radius:10px;padding:6px 12px;display:flex;align-items:center;gap:8px}.astro-search-icon{font-size:16px}.astro-search-input{flex:1;border:1px solid #4a90b8;border-radius:6px;padding:5px 10px;font-size:12px;color:#fff;background:#0a1628cc;outline:none;width:180px}.astro-search-input::-moz-placeholder{color:#7eb8e8}.astro-search-input::placeholder{color:#7eb8e8}.astro-search-input:focus{border-color:#7eb8e8;box-shadow:0 0 5px #4a90b866}.astro-search-btn{padding:5px 18px;background:radial-gradient(ellipse at center,#fff,#f0f4f8 40%,#d8e4ef,#c0d4e8,#a8c8e8,#4a90b8);color:#0a1628;border:1px solid rgba(74,144,184,.7);border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 3px 8px #4a90b866;transition:all .3s ease}.astro-search-btn:hover{transform:translateY(-2px);box-shadow:0 5px 12px #4a90b880}.astro-english-group{display:flex;align-items:center;gap:15px;justify-content:flex-end}.astro-english-text{text-align:center}.astro-english-text h2{font-size:16px;font-weight:700;color:#fff;margin:0}.astro-english-text p{font-size:11px;color:#a8c8e8;margin:2px 0 8px}.astro-user-status{padding:4px 12px;background:#0d1f3ccc;border:1px solid #4a90b8;border-radius:15px;display:flex;align-items:center;gap:6px;margin-bottom:8px}.astro-user-status span:first-child{font-size:12px}.astro-user-status span:last-child{font-size:11px;color:#a8c8e8;font-weight:600}.astro-user-status.logged-in span:last-child{color:#7eb8e8}.astro-login-btn{padding:5px 25px;background:radial-gradient(ellipse at center,#fff,#f0f4f8 40%,#d8e4ef,#c0d4e8,#a8c8e8,#4a90b8);color:#0a1628;border:1px solid rgba(74,144,184,.7);border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 3px 8px #4a90b866;transition:all .3s ease;text-decoration:none;display:inline-block}.astro-login-btn:hover{transform:translateY(-2px);box-shadow:0 5px 12px #4a90b880}@media (max-width: 1024px){.astro-header-grid{grid-template-columns:1fr 1fr;gap:15px}.astro-center-group{grid-column:1 / -1;order:3}}@media (max-width: 768px){.astro-header-grid{grid-template-columns:1fr;text-align:center}.astro-arabic-group,.astro-english-group{justify-content:center}.astro-search-input{width:100%}}.astro-nav{background:linear-gradient(180deg,#132744,#1a3a5c);border-bottom:2px solid #4a90b8;padding:10px 0}.astro-nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.astro-nav-link{padding:7px 18px;background:radial-gradient(ellipse at center,#fff,#f0f4f8 40%,#d8e4ef,#c0d4e8,#a8c8e8,#4a90b8);color:#0a1628;border:1px solid #4a90b8;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 3px 8px #4a90b84d;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;gap:6px}.astro-nav-link:hover{transform:translateY(-2px);box-shadow:0 5px 12px #4a90b880}.astro-nav-link.active{background:linear-gradient(135deg,#4a90b8,#2d5a80);color:#fff;box-shadow:0 0 15px #4a90b899}.astro-nav-badge{font-size:9px;background:#e67e22;color:#fff;padding:2px 6px;border-radius:8px;font-weight:700}.astro-nav-dropdown{position:relative}.astro-dropdown-btn{background:none;border:none;font-family:inherit}.astro-dropdown-icon{font-size:9px;margin-right:5px;transition:transform .3s ease}.astro-nav-dropdown:hover .astro-dropdown-icon{transform:rotate(180deg)}.astro-dropdown-content{position:absolute;top:100%;right:0;background:linear-gradient(135deg,#0d1f3cfa,#1a3a5cfa);border:2px solid #4a90b8;border-radius:0 0 10px 10px;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .3s ease;z-index:1000}.astro-nav-dropdown:hover .astro-dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.astro-dropdown-content a{display:block;padding:12px 20px;color:#a8c8e8;font-size:13px;font-weight:500;border-bottom:1px solid rgba(74,144,184,.3);transition:all .2s ease;text-decoration:none}.astro-dropdown-content a:last-child{border-bottom:none;border-radius:0 0 8px 8px}.astro-dropdown-content a:hover{background:linear-gradient(135deg,#4a90b8,#2d5a80);color:#fff;padding-right:25px}@media (max-width: 768px){.astro-nav-container{flex-direction:column;align-items:center}.astro-nav-link{width:80%;justify-content:center}}.astro-footer{background:radial-gradient(ellipse 120% 120% at bottom right,#0a1628,#0d1f3c 30%,#132744,#1a3a5c 70%,#234b6e,#2d5a80);border-top:3px solid #4a90b8;padding:20px 0 25px;margin-top:auto}.astro-footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.astro-back-to-top{text-align:center;margin-bottom:25px}.astro-back-to-top button{padding:8px 30px;background:radial-gradient(ellipse at center,#fff,#f0f4f8 40%,#d8e4ef,#c0d4e8,#a8c8e8,#4a90b8);color:#0a1628;border:1px solid #4a90b8;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 3px 10px #4a90b866;transition:all .3s ease}.astro-back-to-top button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4a90b880}.astro-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}.astro-footer-section h3{color:#fff;font-size:18px;font-weight:700;margin-bottom:15px;border-bottom:2px solid #4a90b8;padding-bottom:8px}.astro-footer-section p{color:#a8c8e8;font-size:13px;line-height:1.8;margin-bottom:12px}.astro-footer-section a{display:block;color:#a8c8e8;font-size:13px;font-weight:600;margin-bottom:8px;transition:all .2s ease;text-decoration:none}.astro-footer-section a:hover{color:#fff;padding-right:8px}.astro-footer-link{display:inline-block;margin-top:12px;color:#7eb8e8!important;font-weight:600;border-bottom:2px solid #4a90b8;padding-bottom:2px}.astro-whatsapp-link{color:#25d366!important;font-weight:600}.astro-footer-bottom{text-align:center;padding-top:25px;border-top:2px solid #4a90b8}.astro-footer-bottom p{color:#a8c8e8;font-size:13px;margin:4px 0}@media (max-width: 768px){.astro-footer-grid{grid-template-columns:1fr;gap:25px}}.astro-benmayed-info{text-align:center;padding:20px;margin-bottom:30px;background:linear-gradient(135deg,#4a90b833,#0a162866);border:2px solid rgba(74,144,184,.4);border-radius:12px}.benmayed-title{color:#a8c8e8;font-size:18px;font-weight:600;margin-bottom:8px}.benmayed-reg{color:#4a90b8;font-size:14px;font-weight:500}.astro-benmayed-registration{text-align:center;padding:15px 20px;margin:20px 0;background:linear-gradient(135deg,#4a90b826,#0a162866);border:1px solid rgba(74,144,184,.3);border-radius:10px}.astro-benmayed-registration p{margin:5px 0;color:#a8c8e8;font-size:13px}.astro-benmayed-registration p:last-child{color:#4a90b8;font-size:12px}:root{--color-primary: #6B4423;--color-primary-light: #8B6F47;--color-secondary: #C9B382;--color-accent: #D4AF37;--bg-page: #f5f1e8;--bg-card: #faf8f3;--bg-white: #ffffff;--border-light: #E8DCC8;--border-medium: #C9B382;--text-dark: #6B4423;--text-medium: #8B6F47;--text-light: #999;--gradient-primary: linear-gradient(135deg, #6B4423 0%, #8B6F47 100%);--gradient-header: radial-gradient(ellipse 120% 120% at top left, #ffffff 0%, #ffffff 40%, #F8F6F1 55%, #F0EBE0 70%, #E8DCC8 85%, #C9B382 100%);--gradient-card: linear-gradient(135deg, #f5f1e8 0%, #e8dcc8 100%);--font-arabic: "Simplified Arabic", Tahoma, Arial, sans-serif;--shadow-sm: 0 2px 4px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 6px 20px rgba(0,0,0,.15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}body{font-family:var(--font-arabic);background-color:var(--bg-page);direction:rtl;min-height:100vh}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}*{margin:0;padding:0;box-sizing:border-box}