body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:.5rem;justify-content:center;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#2563eb;background-color:var(--primary-color,#2563eb);color:#fff}.btn-primary:hover:not(:disabled){background-color:#1d4ed8;background-color:var(--primary-dark,#1d4ed8)}.btn-secondary{background-color:#64748b;background-color:var(--secondary-color,#64748b);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#475569}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-outline{background-color:initial;border:2px solid #2563eb;border:2px solid var(--primary-color,#2563eb);color:#2563eb;color:var(--primary-color,#2563eb)}.btn-outline:hover:not(:disabled){background-color:#2563eb;background-color:var(--primary-color,#2563eb);color:#fff}.btn-ghost{background-color:initial;color:#1f2937;color:var(--text-color,#1f2937)}.btn-ghost:hover:not(:disabled){background-color:#0000000d}.btn-small{font-size:.875rem;padding:.5rem 1rem}.btn-medium{font-size:1rem;padding:.75rem 1.5rem}.btn-large{font-size:1.125rem;padding:1rem 2rem}.btn-full{width:100%}.btn-loading{color:#0000;position:relative}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1.25rem;position:absolute;width:1.25rem}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.input-label{color:#374151;color:var(--text-color,#374151);font-size:.875rem;font-weight:500}.input-label .required{color:#ef4444;margin-right:.25rem}.input-field{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.input-field:focus{border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #2563eb1a;outline:none}.input-field:disabled{background-color:#f3f4f6;cursor:not-allowed}.input-field::placeholder{color:#9ca3af}.has-error .input-field{border-color:#ef4444}.has-error .input-field:focus{box-shadow:0 0 0 3px #ef44441a}.input-error{color:#ef4444;font-size:.75rem}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;overflow-y:auto}.modal-small{max-width:400px;width:100%}.modal-medium{max-width:600px;width:100%}.modal-large{max-width:800px;width:100%}.modal-xlarge{max-width:1000px;width:100%}.modal-xlarge .modal-body{padding:0}.modal-full{height:90vh;max-width:95vw;width:100%}.modal-fullscreen{display:flex;flex-direction:column;height:calc(100vh - 2rem);max-width:calc(100vw - 2rem);width:100%}.modal-fullscreen .modal-body{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-title{color:#1f2937;color:var(--text-color,#1f2937);font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;transition:color .2s}.modal-close:hover{color:#1f2937}.modal-body{padding:1.5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loader{flex-direction:column;gap:1rem}.loader,.loader-fullscreen{align-items:center;display:flex;justify-content:center}.loader-fullscreen{background-color:#ffffffe6;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loader-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;border:3px solid var(--border-color,#e5e7eb);border-top-color:var(--primary-color,#2563eb)}.loader-small .loader-spinner{height:1.5rem;width:1.5rem}.loader-medium .loader-spinner{height:2.5rem;width:2.5rem}.loader-large .loader-spinner{height:4rem;width:4rem}.loader span{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem}@keyframes spin{to{transform:rotate(1turn)}}.card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease}.card-hoverable:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.card-clickable{cursor:pointer}.card-image{height:200px;overflow:hidden;position:relative}.card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.card-hoverable:hover .card-image img{transform:scale(1.05)}.card-body{padding:1.25rem}.card-title{color:#1f2937;color:var(--text-color,#1f2937);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.card-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin:0 0 1rem}.card-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding:1rem 1.25rem}.arabic-calendar-wrapper{position:relative;width:100%}.calendar-input{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all var(--transition)}.calendar-input:hover{border-color:var(--primary-color)}.calendar-icon{font-size:1.25rem}.calendar-value{color:var(--text-color);flex:1 1;font-size:var(--font-sm)}.calendar-arrow{color:var(--text-secondary);font-size:.65rem}.calendar-dropdown{animation:calendarFadeIn .2s ease;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 40px #00000026;position:absolute;right:0;top:calc(100% + .5rem);width:320px;z-index:100}@keyframes calendarFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.calendar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:1rem}.calendar-header,.nav-btn{align-items:center;display:flex}.nav-btn{background:var(--bg-color);border:none;border-radius:var(--radius);color:var(--text-color);cursor:pointer;font-size:.75rem;height:32px;justify-content:center;transition:all var(--transition);width:32px}.nav-btn:hover{background:var(--primary-color);color:#fff}.current-month{color:var(--text-color);font-size:var(--font-base);font-weight:600}.calendar-weekdays{border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:repeat(7,1fr);padding:.5rem}.weekday{color:var(--text-secondary);font-size:var(--font-xs);font-weight:600;padding:.5rem;text-align:center}.weekday.weekend{color:var(--danger-color)}.calendar-days{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr);padding:.5rem}.calendar-day{align-items:center;aspect-ratio:1;border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;font-size:var(--font-sm);justify-content:center;position:relative;transition:all var(--transition)}.calendar-day:not(.empty):not(.disabled):hover{background:var(--bg-color)}.calendar-day.empty{cursor:default}.calendar-day.disabled{cursor:not-allowed;opacity:.4}.calendar-day.weekend{background:#fee2e2;color:var(--danger-color)}.calendar-day.weekend.disabled{background:#fef2f2}.calendar-day.today{border:2px solid var(--primary-color)}.calendar-day.selected{background:var(--primary-color)!important;color:#fff!important}.calendar-day.has-appointments:not(.weekend){background:#d1fae5}.calendar-day.has-appointments.selected{background:var(--primary-color)!important}.day-number{font-weight:500}.appointment-count{background:var(--primary-color);border-radius:var(--radius-full);bottom:2px;color:#fff;font-size:.6rem;line-height:1.4;padding:0 4px;position:absolute}.calendar-day.selected .appointment-count{background:#fff;color:var(--primary-color)}.calendar-legend{background:var(--bg-color);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:center;padding:.75rem}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-xs);gap:.25rem}.legend-dot{border-radius:50%;height:10px;width:10px}.legend-dot.available{background:var(--bg-color);border:1px solid var(--border-color)}.legend-dot.weekend{background:#fee2e2}.legend-dot.has-appointments{background:#d1fae5}@media (max-width:480px){.calendar-dropdown{left:0;right:0;width:100%}}.shortcuts-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.shortcuts-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.shortcuts-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.shortcuts-header h2{font-size:var(--font-lg);margin:0}.shortcuts-header .close-btn{background:none;border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.25rem .5rem;transition:all var(--transition)}.shortcuts-header .close-btn:hover{background:var(--bg-color);color:var(--text-color)}.shortcuts-content{flex:1 1;overflow-y:auto;padding:1.5rem}.shortcuts-category{margin-bottom:1.5rem}.shortcuts-category:last-child{margin-bottom:0}.shortcuts-category h3{border-bottom:2px solid var(--primary-color);color:var(--primary-color);display:inline-block;font-size:var(--font-base);margin:0 0 .75rem;padding-bottom:.5rem}.shortcuts-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.shortcut-item{align-items:center;display:flex;gap:.75rem}.shortcut-key{align-items:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 2px 0 var(--border-color);color:var(--text-color);display:inline-flex;font-family:monospace;font-size:var(--font-sm);font-weight:500;justify-content:center;min-width:80px;padding:.35rem .75rem}.shortcut-desc,.shortcuts-footer{color:var(--text-secondary);font-size:var(--font-sm)}.shortcuts-footer{background:var(--bg-color);border-top:1px solid var(--border-color);padding:1rem 1.5rem;text-align:center}.shortcuts-footer kbd{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);display:inline-flex;font-family:monospace;font-size:var(--font-sm);justify-content:center;margin:0 .25rem;padding:.15rem .5rem}@media (max-width:768px){.shortcuts-modal{max-height:90vh;width:95%}.shortcuts-list{grid-template-columns:1fr}}.notification-bell-container{position:relative}.notification-bell{background:none;border:none;border-radius:var(--radius);cursor:pointer;padding:.5rem;position:relative;transition:all var(--transition)}.notification-bell:hover{background:var(--bg-color)}.bell-icon{font-size:1.25rem}.notification-bell.has-notifications .bell-icon{animation:bell-shake .5s ease-in-out infinite}@keyframes bell-shake{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.notification-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:0;top:0}.notification-backdrop{inset:0;position:fixed;z-index:998}.notification-dropdown{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);left:0;margin-top:.5rem;overflow:hidden;position:absolute;top:100%;width:320px;z-index:999}[dir=rtl] .notification-dropdown{left:auto;right:0}.notification-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.notification-header h4{font-size:var(--font-base);margin:0}.enable-btn{background:var(--primary-color);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:var(--font-xs);padding:.35rem .75rem}.notification-content{max-height:300px;overflow-y:auto}.no-notifications,.notification-permission{padding:2rem;text-align:center}.no-notifications .icon,.notification-permission .icon{display:block;font-size:2.5rem;margin-bottom:1rem}.no-notifications p,.notification-permission p{color:var(--text-secondary);font-size:var(--font-sm);margin:0 0 1rem}.enable-notifications-btn{background:var(--primary-color);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:var(--font-sm);padding:.75rem 1.5rem;transition:all var(--transition)}.enable-notifications-btn:hover{background:var(--primary-dark)}.notifications-list{display:flex;flex-direction:column}.notification-item{align-items:flex-start;padding:1rem}.notification-icon{font-size:1.5rem}.notification-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.notification-title{color:var(--text-color);font-weight:500}.notification-time{color:var(--primary-color);font-size:var(--font-sm);font-weight:500}.notification-footer,.notification-persons{color:var(--text-secondary);font-size:var(--font-xs)}.notification-footer{align-items:center;background:var(--bg-color);border-top:1px solid var(--border-color);display:flex;gap:.5rem;justify-content:center;padding:.75rem}.status-indicator{background:#9ca3af;border-radius:50%;height:8px;width:8px}.status-indicator.active{background:#10b981}@media (max-width:768px){.notification-dropdown{bottom:4rem;left:1rem;position:fixed;right:1rem;top:auto;width:auto}}.empty-state{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:3rem 1.5rem;text-align:center}.empty-state-icon{font-size:3rem;line-height:1;margin-bottom:.5rem}.empty-state-title{color:#1f2937;color:var(--text-color,#1f2937);font-size:1.125rem;font-size:var(--font-lg,1.125rem);font-weight:600;margin:0}.empty-state-desc{color:#6b7280;color:var(--text-secondary,#6b7280);margin:0;max-width:320px}.empty-state-btn,.empty-state-desc{font-size:.875rem;font-size:var(--font-sm,.875rem)}.empty-state-btn{background:#2563eb;background:var(--primary-color,#2563eb);border:none;border-radius:8px;border-radius:var(--radius,8px);color:#fff;cursor:pointer;font-weight:500;margin-top:.75rem;padding:.5rem 1.25rem;transition:background .15s ease;transition:background var(--transition-fast,.15s ease)}.empty-state-btn:hover{background:#1d4ed8;background:var(--primary-dark,#1d4ed8)}.error-boundary{align-items:center;display:flex;flex-direction:column;font-family:Tajawal,Segoe UI,sans-serif;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.error-boundary-icon{font-size:3.5rem;margin-bottom:1rem}.error-boundary-title{color:#1f2937;color:var(--text-color,#1f2937);font-size:1.5rem;font-size:var(--font-2xl,1.5rem);font-weight:700;margin:0 0 .5rem}.error-boundary-desc{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1rem;font-size:var(--font-base,1rem);margin:0 0 1.5rem}.error-boundary-actions{display:flex;gap:.75rem}.error-boundary-btn{background:#2563eb;background:var(--primary-color,#2563eb);border:none;border-radius:8px;border-radius:var(--radius,8px);color:#fff;cursor:pointer;font-size:.875rem;font-size:var(--font-sm,.875rem);font-weight:600;padding:.625rem 1.5rem;transition:background .15s ease;transition:background var(--transition-fast,.15s ease)}.error-boundary-btn:hover{background:#1d4ed8;background:var(--primary-dark,#1d4ed8)}.error-boundary-btn.secondary{background:#f9fafb;background:var(--bg-color,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#1f2937;color:var(--text-color,#1f2937)}.error-boundary-btn.secondary:hover{background:#e5e7eb;background:var(--border-color,#e5e7eb)}.legal-hero{background:linear-gradient(135deg,#0f172a 0,#134e4a 40%,var(--teal) 80%,var(--teal-light) 100%);color:#fff;overflow:hidden;padding:120px 24px 60px;position:relative;text-align:center}.legal-hero h1{font-size:2.2rem;font-weight:800;margin:0 0 14px}.legal-hero p{font-size:1.05rem;line-height:1.8;margin:0 auto;max-width:600px;opacity:.9}.legal-hero-content{margin:0 auto;max-width:700px}.legal-hero-badge,.legal-updated{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;border-radius:var(--radius-full,50px);display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.3px;margin-top:18px;padding:8px 20px}.legal-content-wrapper{margin:-32px auto 0;max-width:820px;padding:0 24px 64px;position:relative;z-index:1}.legal-content{background:#fff;background:var(--bg-white,#fff);border:1px solid #0000000a;border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 4px 24px #00000014;padding:40px 48px}.legal-toc{background:linear-gradient(135deg,#0d94880a,#0d948814);border:1px solid #0d94881f;border-radius:16px;border-radius:var(--radius-lg,16px);margin-bottom:36px;padding:28px 32px}.legal-toc h3{border-bottom:1px solid #0d948826;color:#0f172a;color:var(--bg-dark,#0f172a);font-size:1.05rem;font-weight:700;margin:0 0 16px;padding-bottom:12px}.legal-toc ul,.legal-toc-list{grid-gap:6px 24px;display:grid;gap:6px 24px;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.legal-toc li,.legal-toc-item{border-radius:8px;border-radius:var(--radius-md,8px);color:#0d9488;color:var(--teal,#0d9488);cursor:pointer;font-size:.9rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.legal-toc li a{align-items:center;color:inherit;display:flex;gap:8px;text-decoration:none}.legal-toc li:hover,.legal-toc-item:hover{background:#0d948814;color:#0f766e;color:var(--teal-dark,#0f766e)}.legal-toc-number{align-items:center;background:#0d9488;background:var(--teal,#0d9488);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.72rem;font-weight:700;height:22px;justify-content:center;width:22px}.legal-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);margin-bottom:28px;padding-bottom:28px}.legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-section-header{align-items:center;display:flex;margin-bottom:16px}.legal-section-number{align-items:center;background:linear-gradient(135deg,#0d9488,#0f766e);background:linear-gradient(135deg,var(--teal,#0d9488),var(--teal-dark,#0f766e));border-radius:50%;box-shadow:0 2px 8px #0d948840;color:#fff;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:34px;justify-content:center;margin-left:14px;width:34px}.legal-section h2{color:#0f172a;color:var(--bg-dark,#0f172a);font-size:1.2rem;font-weight:700;margin:0}.legal-section p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.95rem;line-height:1.85;margin:0 0 12px}.legal-section ul{list-style:none;margin:14px 0;padding:0}.legal-section ul li{color:#64748b;color:var(--text-secondary,#64748b);font-size:.95rem;line-height:1.75;margin-bottom:10px;padding-right:24px;position:relative}.legal-section ul li:before{background:#0d9488;background:var(--teal,#0d9488);border-radius:50%;content:"";height:7px;position:absolute;right:4px;top:10px;width:7px}.legal-contact-box{background:linear-gradient(135deg,#0d94880d,#0d94881a);border:1px solid #0d948826;border-radius:16px;border-radius:var(--radius-lg,16px);margin-top:16px;padding:24px 28px}.legal-contact-box h3{border-bottom:1px solid #0d94881f;color:#0f172a;color:var(--bg-dark,#0f172a);font-size:1rem;font-weight:700;margin:0 0 16px;padding-bottom:10px}.legal-contact-item{align-items:center;color:#334155;color:var(--text-color,#334155);display:flex;font-size:.92rem;gap:10px;margin-bottom:10px;padding:6px 0}.legal-contact-item:last-child{margin-bottom:0}.legal-contact-item a{color:#0d9488;color:var(--teal,#0d9488);font-weight:500;text-decoration:none;transition:color .2s ease}.legal-contact-item a:hover{color:#0f766e;color:var(--teal-dark,#0f766e);text-decoration:underline}.legal-contact-label{color:#0f172a;color:var(--bg-dark,#0f172a);font-weight:600;min-width:120px}@media (max-width:768px){.legal-hero{padding:100px 16px 48px}.legal-hero h1{font-size:1.7rem}.legal-content{padding:28px 24px}.legal-content-wrapper{padding:0 16px 48px}.legal-toc ul,.legal-toc-list{grid-template-columns:1fr}.legal-toc{padding:20px 24px}}@media (max-width:480px){.legal-hero h1{font-size:1.4rem}.legal-hero p{font-size:.92rem}.legal-content{border-radius:12px;border-radius:var(--radius-md,12px);padding:24px 20px}.legal-section h2{font-size:1.1rem}.legal-section-number{font-size:.8rem;height:28px;width:28px}.legal-contact-label{min-width:auto}}.sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:260px;z-index:var(--z-fixed)}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.sidebar-logo-img{background-color:#fff;border-radius:var(--radius);height:50px;padding:4px;width:50px}.sidebar-brand{display:flex;flex-direction:column}.sidebar-logo{font-size:var(--font-lg);font-weight:700;line-height:1.2;margin:0}.sidebar-subtitle{font-size:var(--font-sm);opacity:.8}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);overflow-x:hidden;overflow-y:auto;padding:var(--spacing-md);scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.sidebar-link{align-items:center;border-radius:var(--radius);color:#fffc;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);text-decoration:none;transition:all var(--transition)}.sidebar-link:hover{background-color:#ffffff1a;color:#fff}.sidebar-link.active{background-color:#fff3;color:#fff;font-weight:500}.sidebar-icon{font-size:var(--font-lg)}.sidebar-label{font-size:var(--font-base)}.sidebar-dropdown{display:flex;flex-direction:column}.sidebar-dropdown-toggle{align-items:center;background:none;border:none;border-radius:var(--radius);color:#fffc;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;gap:var(--spacing-md);padding:var(--spacing-md);text-align:right;text-decoration:none;transition:all var(--transition);width:100%}.sidebar-dropdown-toggle:hover{background-color:#ffffff1a;color:#fff}.sidebar-dropdown-toggle.active{background-color:#ffffff26;color:#fff}.sidebar-arrow{font-size:10px;margin-right:auto;transition:transform var(--transition)}.sidebar-dropdown-menu{display:none;flex-direction:column;margin-top:4px;padding-right:20px}.sidebar-dropdown.open .sidebar-dropdown-menu{display:flex}.sidebar-sublink{align-items:center;border-radius:var(--radius);color:#ffffffb3;display:flex;font-size:var(--font-sm);gap:var(--spacing-sm);padding:10px var(--spacing-md);text-decoration:none;transition:all var(--transition)}.sidebar-sublink:hover{background-color:#ffffff1a;color:#fff}.sidebar-sublink.active{background-color:#fff3;color:#fff;font-weight:500}.sidebar-sublink .sidebar-icon{font-size:var(--font-base)}.admin-badge{font-size:10px;margin-right:auto}.sidebar-sublink.locked{cursor:not-allowed;opacity:.5}.sidebar-sublink.locked:hover{background-color:initial;color:#ffffff80}.sidebar-divider{background:#ffffff1a;height:1px;margin:var(--spacing-md) 0}.sidebar-footer{border-top:1px solid #ffffff1a;font-size:var(--font-xs);opacity:.6;padding:var(--spacing-md);text-align:center}@media (max-width:768px){.sidebar{transform:translateX(100%);transition:transform var(--transition)}.sidebar.open{transform:translateX(0)}}.navbar{align-items:center;background-color:#fff;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.navbar-title{color:var(--text-color);font-size:var(--font-lg);font-weight:500}.navbar-end{gap:var(--spacing-lg)}.navbar-end,.navbar-user{align-items:center;display:flex}.navbar-user{gap:var(--spacing-sm)}.user-avatar{align-items:center;background-color:var(--primary-color);border-radius:var(--radius-full);color:#fff;display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.user-info{display:flex;flex-direction:column}.user-name{color:var(--text-color);font-size:var(--font-sm);font-weight:500}.user-role{color:var(--text-secondary);font-size:var(--font-xs)}.navbar-logout{background-color:initial;border:1px solid var(--danger-color);border-radius:var(--radius);color:var(--danger-color);font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition)}.navbar-logout:hover{background-color:var(--danger-color);color:#fff}.navbar-icon-btn{align-items:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all var(--transition);width:40px}.navbar-icon-btn:hover{background:var(--primary-color);border-color:var(--primary-color)}.navbar-icon-btn:hover .icon{filter:brightness(0) invert(1)}.navbar-icon-btn .icon{font-size:1.25rem}.navbar-icon-btn .badge{align-items:center;background:var(--danger-color);border-radius:var(--radius-full);color:#fff;display:flex;font-size:.65rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}.notifications-wrapper{position:relative}.notifications-dropdown{animation:notifFadeIn .2s ease;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 40px #00000026;left:0;position:absolute;top:calc(100% + .5rem);width:300px;z-index:100}@keyframes notifFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 1rem}.notifications-header h4{font-size:var(--font-sm);font-weight:600;margin:0}.notifications-header .count{background:var(--primary-color);border-radius:var(--radius-full);color:#fff;font-size:var(--font-xs);padding:.125rem .5rem}.mark-read-btn{background:none;border:1px solid var(--primary-color);border-radius:var(--radius-full);color:var(--primary-color);cursor:pointer;font-family:Tajawal,sans-serif;font-size:11px;font-weight:600;margin-left:8px;margin-right:auto;padding:2px 8px;transition:all .2s}.mark-read-btn:hover{background:var(--primary-color);color:#fff}.notification-item.read{opacity:.6}.notification-item.unread{background:#3b82f60a;border-right:3px solid var(--primary-color)}.notifications-list{max-height:300px;overflow-y:auto}.no-notifications{color:var(--text-secondary);font-size:var(--font-sm);padding:2rem;text-align:center}.notification-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background var(--transition)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-color)}.notif-icon{font-size:1rem}.notif-text{color:var(--text-color);flex:1 1;font-size:var(--font-sm)}.notifications-footer{border-top:1px solid var(--border-color);padding:.5rem}.notifications-footer button{background:var(--bg-color);border:none;border-radius:var(--radius);color:var(--primary-color);cursor:pointer;font-size:var(--font-sm);padding:.5rem;transition:background var(--transition);width:100%}.notifications-footer button:hover{background:var(--border-color)}.notifications-dropdown-large{width:380px}.task-activities{background:#6366f108}.task-activity{align-items:flex-start!important;flex-direction:column;gap:4px!important}.task-activity .notif-content{display:flex;flex-direction:column;gap:4px;width:100%}.task-activity .notif-text{line-height:1.5}.task-activity .notif-time{color:var(--text-secondary);font-size:.7rem}.task-activity.start{border-right:3px solid #3b82f6}.task-activity.complete{border-right:3px solid #10b981}.clickable-name{color:var(--primary-color);cursor:pointer;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.clickable-name:hover{-webkit-text-decoration-style:solid;text-decoration-style:solid}.notifications-footer{display:flex;gap:8px}.notifications-footer button{flex:1 1}.overdue-header{background:#fff5f5}.overdue-header h4{color:#e03131}.overdue-count{background:#e03131!important;color:#fff!important}.overdue-item{background:#fff5f5;border-right:3px solid #e03131}.overdue-item:hover{background:#ffe3e3!important}.overdue-time{color:#e03131!important;font-weight:600}@media (max-width:768px){.notifications-dropdown{left:auto;right:0;width:280px}}.admin-layout{background-color:var(--bg-color);display:flex;min-height:100vh}.admin-main{display:flex;flex:1 1;flex-direction:column;margin-right:260px;transition:margin-right var(--transition)}.admin-content{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}@media (max-width:768px){.admin-main{margin-right:0}}.public-page{color:var(--text-color);display:flex;flex-direction:column;font-family:Tajawal,Segoe UI,Tahoma,sans-serif;line-height:1.7;min-height:100vh}.public-page *,.public-page :after,.public-page :before{box-sizing:border-box;margin:0;padding:0}.public-page a{color:inherit;text-decoration:none}.public-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;box-shadow:0 1px 8px #0000000f;left:0;padding:0 24px;position:fixed;right:0;top:0;z-index:1000}.public-nav-content{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px}.public-nav-brand{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.public-nav-logo{border-radius:6px;height:40px;width:auto}.public-nav-name{display:flex;flex-direction:column;line-height:1.2}.public-nav-name-ar{color:var(--bg-dark);font-size:1.15rem;font-weight:700}.public-nav-name-en{color:var(--text-secondary);font-size:.72rem;font-weight:500;letter-spacing:.5px}.public-nav-back{align-items:center;background:var(--teal);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:6px;padding:8px 22px;transition:all var(--transition)}.public-nav-back:hover{background:var(--teal-dark);transform:translateY(-1px)}.public-footer{background:var(--bg-dark);color:#ffffffb3;font-size:.9rem;margin-top:auto;padding:32px 24px 24px;text-align:center}.public-footer-brand{align-items:center;display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.public-footer-brand-ar{color:#ffffffe6;font-size:1.15rem;font-weight:700}.public-footer-brand-en{color:#ffffff80;font-size:.7rem;letter-spacing:2px;text-transform:uppercase}.public-footer-nav{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:16px}.public-footer-nav a,.public-footer-nav span{color:#ffffffa6;cursor:pointer;font-size:.88rem;font-weight:500;text-decoration:none;transition:color var(--transition)}.public-footer-nav a:hover,.public-footer-nav span:hover{color:var(--teal-light)}.public-footer p{font-size:.82rem;margin-bottom:8px}.public-footer-links{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:12px}.public-footer-links a,.public-footer-links span{color:#ffffff80;cursor:pointer;font-size:.82rem;text-decoration:none;transition:color var(--transition)}.public-footer-links a:hover,.public-footer-links span:not(.public-footer-sep):hover{color:var(--teal-light)}.public-footer-sep{cursor:default!important;opacity:.4}.public-container{margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.public-hero{background:linear-gradient(135deg,#0f172a 0,#134e4a 40%,var(--teal) 80%,var(--teal-light) 100%);overflow:hidden;padding:120px 24px 60px;position:relative;text-align:center}.public-hero-content{margin:0 auto;max-width:700px;position:relative;z-index:1}.public-hero h1{color:#fff;font-size:2.4rem;font-weight:800;margin-bottom:12px}.public-hero p{color:#ffffffe6;font-size:1.1rem;line-height:1.8}.wa-btn-round{align-items:center;background:linear-gradient(135deg,var(--whatsapp-color),var(--whatsapp-bg));border:none;border-radius:50%;box-shadow:0 3px 12px #25d3664d;cursor:pointer;display:flex;height:44px;justify-content:center;transition:transform var(--transition),box-shadow var(--transition);width:44px}.wa-btn-round:hover{box-shadow:0 5px 20px #25d36673;transform:scale(1.1)}@media (max-width:768px){.public-hero{padding:100px 16px 48px}.public-hero h1{font-size:1.8rem}.public-hero p{font-size:.95rem}.public-nav-name-ar{font-size:1rem}}@media (max-width:480px){.public-hero h1{font-size:1.5rem}}.pbtn{align-items:center;border:none;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:8px;justify-content:center;line-height:1.4;text-decoration:none;transition:all .25s ease}.pbtn:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.pbtn svg{flex-shrink:0;transition:transform .2s ease}.pbtn.pbtn-sm{border-radius:12px;font-size:.88rem;padding:8px 20px}.pbtn.pbtn-md{border-radius:12px;font-size:.95rem;padding:12px 28px}.pbtn.pbtn-lg{border-radius:50px;font-size:1.05rem;padding:14px 36px}.pbtn.pbtn-full{border-radius:12px;font-size:.95rem;padding:14px 16px;width:100%}.pbtn.pbtn-primary{background:linear-gradient(135deg,var(--teal) 0,var(--teal-dark) 100%);box-shadow:0 4px 14px #0d948840;color:#fff}.pbtn.pbtn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--teal-dark) 0,var(--teal-darker) 100%);box-shadow:0 8px 24px #0d948859;transform:translateY(-2px)}.pbtn.pbtn-secondary{background:#fff;border:1.5px solid var(--teal);color:#0a7a70}.pbtn.pbtn-secondary:hover:not(:disabled){background:var(--teal-bg);box-shadow:0 4px 14px #0d94881f;transform:translateY(-2px)}.pbtn.pbtn-whatsapp{background:linear-gradient(135deg,var(--whatsapp-color) 0,var(--whatsapp-bg) 100%);box-shadow:0 4px 14px #25d36640;color:#fff}.pbtn.pbtn-whatsapp:hover:not(:disabled){box-shadow:0 8px 24px #25d36659;transform:translateY(-2px)}.pbtn.pbtn-ghost{background:#ffffff26;border:1px solid #ffffff4d;color:#fff}.pbtn.pbtn-ghost:hover:not(:disabled){background:#ffffff40}.pbtn.pbtn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef444440;color:#fff}.pbtn.pbtn-danger:hover:not(:disabled){box-shadow:0 8px 24px #ef444459;transform:translateY(-2px)}.pbtn:hover:not(:disabled) svg{transform:translateX(-3px)}.star-rating{align-items:center;display:inline-flex;gap:1px}.star-rating svg{height:14px;width:14px}.star-filled{color:#fbbf24}.star-empty{color:#d1d5db}@media (max-width:768px){.pbtn.pbtn-lg{font-size:.95rem;padding:12px 28px}.pbtn.pbtn-md{font-size:.9rem;padding:10px 22px}}@media (max-width:480px){.pbtn.pbtn-lg{font-size:.9rem;padding:12px 24px}}.website{background:var(--bg-white);color:var(--text-color);font-family:Tajawal,Segoe UI,Tahoma,sans-serif;line-height:1.7;overflow-x:hidden}.website *{box-sizing:border-box;margin:0;padding:0}.website h1,.website h2,.website h3,.website h4{color:var(--bg-dark);line-height:1.3}.website a{color:inherit;text-decoration:none}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll[data-visible]{opacity:1;transform:translateY(0)}.animate-on-scroll.delay-1{transition-delay:.1s}.animate-on-scroll.delay-2{transition-delay:.2s}.animate-on-scroll.delay-3{transition-delay:.3s}.animate-on-scroll.delay-4{transition-delay:.4s}.animate-on-scroll.delay-5{transition-delay:.5s}.site-nav{background:#fffffff2;box-shadow:0 1px 8px #0000000a;left:0;padding:14px 0;position:fixed;right:0;top:0;transition:var(--transition-slow);z-index:1000}.site-nav,.site-nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-nav.scrolled{background:#fffffff7;box-shadow:0 2px 20px #00000014;padding:10px 0}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{cursor:pointer;gap:8px}.nav-logo-img{border-radius:8px;height:44px;width:auto}.nav-logo-text{display:flex;flex-direction:column}.nav-logo-ar{color:var(--brand-navy);font-size:1.25rem;font-weight:700}.nav-logo-ar,.nav-logo-en{transition:var(--transition-slow)}.nav-logo-en{color:var(--text-secondary);font-size:.7rem}.nav-links{align-items:center;display:flex;gap:8px}.nav-link{background:none;border:none;border-radius:8px;color:var(--text-dark);cursor:pointer;font-family:inherit;font-size:.95rem;padding:8px 16px;transition:var(--transition-slow)}.nav-link:hover{background:#ccfbf1;color:#0d9488}.nav-whatsapp{align-items:center;background:#0d9488;border-radius:50px;color:#fff!important;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 20px;transition:var(--transition-slow)}.nav-whatsapp:hover{background:#0f766e;transform:scale(1.03)}.nav-auth-desktop{align-items:center;display:flex;margin-right:8px}.nav-auth-buttons{align-items:center;display:flex;gap:8px}.nav-login-btn{background:none;border:1.5px solid #0d9488;border-radius:50px;color:#0d9488;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:600;padding:7px 20px;transition:var(--transition-slow)}.nav-login-btn:hover,.nav-register-btn{background:#0d9488;color:#fff}.nav-register-btn{border:1.5px solid #0d9488;border-radius:50px;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:600;padding:7px 20px;transition:var(--transition-slow)}.nav-register-btn:hover{background:#0f766e;border-color:#0f766e}.nav-user{position:relative}.nav-user-btn{align-items:center;background:none;border:1.5px solid #e5e7eb;border-radius:50px;cursor:pointer;display:flex;font-family:inherit;gap:8px;padding:5px 14px 5px 10px;transition:var(--transition-slow)}.nav-user-btn:hover{background:#f0fdfa;border-color:#0d9488}.nav-user-avatar{align-items:center;background:linear-gradient(135deg,#0d9488,#0f766e);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:32px;justify-content:center;width:32px}.nav-user-name{color:var(--text-dark);font-size:.88rem;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-arrow{color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.nav-user-arrow.open{transform:rotate(180deg)}.nav-user-dropdown{animation:dropdownFadeIn .15s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 32px #0000001f;left:0;min-width:180px;padding:6px;position:absolute;top:calc(100% + 8px);z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-user-dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-dark);cursor:pointer;display:flex;font-family:inherit;font-size:.88rem;font-weight:500;gap:10px;padding:10px 14px;transition:background .15s ease;width:100%}.nav-user-dropdown-item:hover{background:#f0fdfa}.nav-user-dropdown-item.logout{color:#ef4444;color:var(--danger-color,#ef4444)}.nav-user-dropdown-item.logout:hover{background:#fef2f2}.nav-auth-mobile{display:none}.nav-auth-register-mobile{background:#0d9488;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:10px 16px;text-align:center;transition:background .2s ease;width:100%}.nav-auth-register-mobile:hover{background:#0f766e}.nav-logout-mobile{color:#ef4444!important;color:var(--danger-color,#ef4444)!important}.nav-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:8px}.nav-toggle span{background:#374151;border-radius:2px;height:2.5px;transition:var(--transition-slow);width:24px}.nav-toggle.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero-compact{background:linear-gradient(180deg,#f0fdfa,#f9fafb);padding:100px 24px 48px}.hero-compact-container{margin:0 auto;max-width:1100px}.hero-cards-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 280px}.hero-card-main{background:#fff;border:1px solid #e8edf4;border-radius:20px;box-shadow:0 4px 24px #0000000f;padding:40px 36px}.hero-card-badge{align-items:center;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:1px solid #99f6e4;border-radius:50px;color:var(--brand-navy);display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 20px}.hero-card-badge-icon{align-items:center;color:#0d9488;display:inline-flex;font-size:1rem}.hero-card-title{color:var(--brand-navy);font-size:2rem;font-weight:800;line-height:1.3;margin-bottom:14px}.hero-card-desc{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:28px}.hero-card-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-card-actions .pbtn{font-family:Tajawal,sans-serif}.hero-stats-col{display:flex;flex-direction:column;gap:16px}.hero-stat-card{align-items:center;background:#fff;border:1px solid #e8edf4;border-radius:16px;box-shadow:0 2px 12px #0000000d;display:flex;gap:14px;padding:20px 22px;transition:all .2s ease}.hero-stat-card:hover{border-color:#99f6e4;box-shadow:0 6px 20px #00000014;transform:translateY(-3px)}.hero-stat-icon{align-items:center;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-radius:12px;color:#0d9488;display:flex;flex-shrink:0;font-size:1.6rem;height:48px;justify-content:center;width:48px}.hero-stat-info{display:flex;flex-direction:column;gap:2px}.hero-stat-info strong{color:var(--brand-navy);font-size:1.3rem;font-weight:800}.hero-stat-info span{color:var(--text-secondary);font-size:.82rem;font-weight:500}.section-container{margin:0 auto;max-width:1200px;padding:0 24px}.section-header{margin-bottom:48px;text-align:center}.section-header h2{color:var(--bg-dark);font-size:2rem;font-weight:700;margin-bottom:12px}.section-header p{color:var(--text-secondary);font-size:1.1rem}.us-visa-section{background:var(--bg-color);padding:0 0 80px}.visa-banner{background:linear-gradient(135deg,#0f172a,#134e4a 50%,#0d9488);margin-bottom:40px;padding:48px 24px 56px;position:relative;text-align:center}.visa-banner:after{background:var(--bg-color);border-radius:50% 50% 0 0/100% 100% 0 0;bottom:-20px;content:"";height:40px;left:0;position:absolute;right:0}.visa-banner h2{color:#fff;font-size:2rem;font-weight:800;margin-bottom:8px}.visa-banner p{color:#fffc;font-size:1.05rem}.visa-container{margin:0 auto;max-width:900px;padding:0 24px}.visa-types-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.visa-type-card{background:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;padding:32px 24px;text-align:center;transition:var(--transition-slow)}.visa-type-card:before{background:#0d9488;content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.visa-type-card:hover{border-color:#0d9488;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.visa-type-card:hover:before{transform:scaleX(1)}.visa-type-icon{display:block;font-size:2.5rem;margin-bottom:16px}.visa-type-card h4{color:var(--bg-dark);font-size:1.15rem;font-weight:700;margin-bottom:8px}.visa-type-card>p{color:var(--text-secondary);font-size:.88rem;line-height:1.6;margin-bottom:20px}.visa-type-price{align-items:baseline;border-top:1px solid var(--border-color);display:flex;gap:6px;justify-content:center;padding-top:16px}.price-amount{color:#0d9488;font-size:2rem;font-weight:800;line-height:1}.price-currency{color:var(--text-secondary);font-size:.95rem;font-weight:600}.visa-consult-btn{align-items:center;background:var(--whatsapp-color);border-radius:50px;box-shadow:0 4px 14px #25d3664d;color:#fff!important;display:inline-flex;font-size:1.05rem;font-weight:700;gap:8px;padding:16px 36px;transition:var(--transition-slow)}.visa-consult-btn:hover{background:var(--whatsapp-dark);box-shadow:0 6px 20px #25d36666;color:#fff!important;transform:translateY(-2px)}.visa-consult-btn svg{flex-shrink:0}.visa-details-link{padding:8px 0 0;text-align:center}.visa-details-btn{background:none;border:none;border-radius:8px;color:#0d9488;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:8px 16px;transition:var(--transition-slow)}.visa-details-btn:hover{background:#f0fdfa;color:#0f766e}.visa-cta-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:16px 0}.visa-cta-btn{align-items:center;background:#0d9488;border-radius:50px;box-shadow:var(--shadow-md);color:#fff!important;display:inline-flex;font-size:1.1rem;font-weight:700;gap:8px;padding:16px 48px;transition:var(--transition-slow)}.visa-cta-btn:hover{background:#0f766e;box-shadow:var(--shadow-lg);color:#fff!important;transform:translateY(-2px)}.services-section{background:var(--bg-color);padding:100px 0}.services-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.service-card{background:#fff;border:1px solid #0000;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:36px 28px;text-align:center;transition:var(--transition-slow)}.service-card:hover{border-color:#ccfbf1;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.service-icon{align-items:center;color:#0d9488;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:16px}.service-card h3{font-size:1.15rem;font-weight:700;margin-bottom:10px}.service-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.visa-catalog-section{background:linear-gradient(180deg,#f0fdfa,#f9fafb);padding:90px 0}.visa-catalog-header{margin-bottom:48px}.visa-catalog-header-top{align-items:center;display:flex;gap:24px;justify-content:space-between}.visa-catalog-header-top>div{text-align:right}.visa-catalog-header h2{color:#0f172a;font-size:2.2rem;font-weight:800;margin-bottom:12px}.visa-catalog-header-line{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:4px;display:block;height:4px;margin:0 0 14px;width:60px}.visa-catalog-header p{color:#64748b;font-size:1.05rem}.visa-catalog-row-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:10px;margin-bottom:20px;padding-bottom:12px}.visa-catalog-row-icon{align-items:center;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-radius:10px;color:#0d9488;display:flex;height:36px;justify-content:center;width:36px}.visa-catalog-row-header h3{color:#1e293b;font-size:1.15rem;font-weight:700;margin:0}.visa-catalog-row-badge{border-radius:20px;font-size:.7rem;font-weight:600;padding:3px 12px}.visa-catalog-row-badge.elec{background:#dbeafe;color:#2563eb}.visa-catalog-row-badge.regular{background:#fef3c7;color:#d97706}.visa-catalog-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(5,1fr);margin-bottom:40px}.visa-catalog-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 2px 12px #0000000f;cursor:pointer;overflow:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease,border-color .35s ease}.visa-catalog-card:hover{border-color:#e2e8f0;box-shadow:0 14px 36px #0000001f;transform:translateY(-6px)!important}.visa-catalog-cover{height:160px;overflow:hidden;position:relative}.visa-catalog-cover img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.visa-catalog-card:hover .visa-catalog-cover img{transform:scale(1.08)}.visa-catalog-cover-placeholder{align-items:center;background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0d9488;display:flex;height:100%;justify-content:center;width:100%}.visa-catalog-overlay{background:linear-gradient(0deg,#00000080 0,#0000001a 40%,#0000 70%);inset:0;position:absolute}.visa-catalog-flag{align-items:center;background:#fff;border:2.5px solid #fff;border-radius:50%;bottom:-18px;box-shadow:0 2px 8px #00000026;display:flex;height:42px;justify-content:center;overflow:hidden;position:absolute;right:14px;width:42px;z-index:2}.visa-catalog-flag img{height:100%;object-fit:cover;width:100%}.visa-catalog-popular{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;display:inline-flex;font-size:.68rem;font-weight:700;gap:3px;padding:4px 10px;position:absolute;right:10px;top:10px;z-index:2}.visa-catalog-body{padding:22px 14px 16px}.visa-catalog-name{color:#1e293b;font-size:1rem;font-weight:700;margin:0 0 4px}.visa-catalog-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.75rem;line-height:1.5;margin:0 0 12px;overflow:hidden}.visa-catalog-price-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.visa-catalog-price{align-items:center;display:flex;gap:6px}.visa-catalog-price-current{color:#0d9488;font-size:1.05rem;font-weight:700}.visa-catalog-price-current small{font-size:.72rem;font-weight:600}.visa-catalog-price-old{color:#94a3b8;font-size:.78rem;text-decoration:line-through}.visa-catalog-price-new{color:#059669;font-size:1rem;font-weight:700}.visa-catalog-available{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;color:#059669;display:inline-flex;font-size:.68rem;font-weight:600;padding:2px 10px}.visa-catalog-btn{font-family:Tajawal,sans-serif;font-size:.85rem;margin-top:2px}.visa-catalog-browse-btn{flex-shrink:0;font-family:Tajawal,sans-serif;white-space:nowrap}.about-section{background:var(--bg-white);padding:100px 0}.about-desc{color:var(--text-color);font-size:1.1rem;line-height:1.9;margin:0 auto 48px;max-width:800px;text-align:center}.about-features{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.about-feature{align-items:flex-start;background:var(--bg-color);border-radius:var(--radius-lg);display:flex;gap:16px;padding:28px;transition:var(--transition-slow)}.about-feature:hover{background:#ccfbf1}.about-feature-icon{align-items:center;background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000f;color:#0d9488;display:flex;flex-shrink:0;font-size:2rem;height:56px;justify-content:center;width:56px}.about-feature-text h3{font-size:1.05rem;font-weight:700;margin-bottom:6px}.about-feature-text p{color:var(--text-secondary);font-size:.9rem}.faq-section{background:var(--bg-color);padding:100px 0}.faq-list{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:760px}.faq-item{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 1px 4px #0000000a;overflow:hidden;transition:var(--transition-slow)}.faq-item.open{border-color:#0d9488;box-shadow:0 2px 12px #0d94881a}.faq-question{align-items:center;background:none;border:none;color:var(--bg-dark);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;justify-content:space-between;padding:20px 24px;text-align:right;width:100%}.faq-arrow{color:#0d9488;flex-shrink:0;font-size:1.4rem;font-weight:300;margin-right:16px}.faq-answer{animation:fadeIn .2s ease;padding:0 24px 20px}.faq-answer p{color:var(--text-secondary);font-size:.95rem;line-height:1.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.contact-section{background:var(--bg-white);padding:80px 0}.contact-map-layout{grid-gap:32px;align-items:stretch;display:grid;gap:32px;grid-template-columns:1fr 1.3fr}.contact-info-side{display:flex;flex-direction:column;gap:0}.contact-whatsapp-cta{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:16px;box-shadow:0 4px 16px #25d36640;color:#fff;display:flex;gap:14px;margin-bottom:20px;padding:20px 24px;text-decoration:none;transition:all .2s ease}.contact-whatsapp-cta:hover{box-shadow:0 8px 28px #25d36659;color:#fff;transform:translateY(-3px)}.contact-wa-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.contact-wa-icon svg{color:#fff}.contact-wa-text{display:flex;flex-direction:column;gap:2px}.contact-wa-text strong{font-size:1.05rem;font-weight:700}.contact-wa-text span{font-size:.82rem;opacity:.85}.contact-info-list{display:flex;flex-direction:column;gap:0}.contact-info-item{align-items:center;border:1px solid #0000;border-radius:12px;color:inherit;display:flex;gap:14px;padding:18px 20px;text-decoration:none;transition:all .2s ease}.contact-info-item:hover{background:#f0fdfa;border-color:#ccfbf1}.contact-info-icon{align-items:center;background:var(--bg-color);border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.contact-info-text{display:flex;flex-direction:column;gap:2px}.contact-info-text strong{color:var(--brand-navy);font-size:.92rem;font-weight:700}.contact-info-text span{color:var(--text-secondary);font-size:.85rem}.contact-social{display:flex;gap:10px;padding:16px 20px}.contact-social a{align-items:center;background:var(--bg-color);border-radius:50%;color:var(--text-dark);display:flex;font-size:1rem;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;width:40px}.contact-social a:hover{background:#0d9488;color:#fff;transform:scale(1.1)}.contact-map-side{display:flex;flex-direction:column}.contact-map-wrapper{border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 32px #00000014;flex:1 1;min-height:400px;overflow:hidden}.contact-map-wrapper iframe{display:block;height:100%;min-height:400px;width:100%}.contact-map-link{border-radius:8px;color:#0d9488;display:block;font-size:.88rem;font-weight:600;margin-top:12px;padding:8px;text-align:center;text-decoration:none;transition:all .2s ease}.contact-map-link:hover{background:#f0fdfa;color:#0f766e}.trust-bar{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 0}.trust-container{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 24px}.trust-item{align-items:center;color:var(--text-dark);display:flex;font-size:.92rem;font-weight:600;gap:8px}.trust-icon{align-items:center;color:#0d9488;display:inline-flex;font-size:1.3rem}.visa-popular-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;font-size:.75rem;font-weight:700;left:50%;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.visa-type-card{position:relative}.service-btn{font-family:Tajawal,sans-serif;margin-top:12px}.stats-section{background:var(--bg-color);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);padding:72px 0}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px 24px;text-align:center;transition:all var(--transition-slow)}.stat-card:hover{border-color:#99f6e4;box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-number{color:var(--brand-navy);display:block;font-size:2.8rem;font-weight:800;line-height:1.2;transition:all .8s ease-out}.stat-label{color:var(--text-secondary);display:block;font-size:1rem;font-weight:500;margin-top:8px}.testimonials-section{background:var(--bg-light);padding:80px 0}.testimonials-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.testimonial-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 12px #0000000a;padding:32px 28px;position:relative;transition:var(--transition-slow)}.testimonial-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.testimonial-quote{color:#ccfbf1;font-family:Georgia,serif;font-size:4rem;line-height:1;margin-bottom:-12px}.testimonial-stars{color:var(--accent-color);font-size:1.1rem;letter-spacing:2px;margin-bottom:12px}.testimonial-text{color:var(--secondary-dark);font-size:.95rem;line-height:1.8;margin-bottom:16px}.testimonial-author{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;font-weight:700;gap:6px;justify-content:center}.testimonial-source{color:var(--text-secondary);font-size:.8rem;font-weight:400}.footer-main{background:var(--bg-dark);color:#fffc;padding-top:64px}.footer-container{margin:0 auto;max-width:1200px;padding:0 24px}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1.5fr 1fr 1fr 1.3fr;padding-bottom:40px}.footer-brand{margin-bottom:16px}.footer-logo-img{filter:brightness(0) invert(1);height:48px;width:auto}.footer-logo-text{color:#fff;font-size:1.4rem;font-weight:800}.footer-about{color:#fff9;font-size:.88rem;line-height:1.8;margin-bottom:20px}.footer-social{display:flex;gap:10px}.footer-social a{align-items:center;background:#ffffff1a;border-radius:50%;color:#fffc;display:flex;font-size:1rem;height:38px;justify-content:center;text-decoration:none;transition:var(--transition);width:38px}.footer-social a:hover{background:#0d9488;color:#fff;transform:scale(1.1)}.footer-col-title{color:#fff;font-size:1.05rem;font-weight:700;margin:0 0 20px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:10px}.footer-links button{background:none;border:none;color:#fff9;cursor:pointer;font-family:inherit;font-size:.9rem;padding:2px 0;transition:color .2s}.footer-links button:hover{color:#fff}.footer-whatsapp-card{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;color:#fff;display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:4px;margin-bottom:20px;padding:14px 18px;text-decoration:none;transition:var(--transition)}.footer-whatsapp-card:hover{box-shadow:0 4px 16px #25d3664d;transform:translateY(-2px)}.footer-whatsapp-sub{font-size:.78rem;font-weight:400;opacity:.85}.footer-contact-list{display:flex;flex-direction:column;gap:12px}.footer-contact-item{align-items:center;color:#fff9;display:flex;font-size:.88rem;gap:10px}.footer-contact-item a{color:#fff9;text-decoration:none;transition:color .2s}.footer-contact-item a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:8px;padding:20px 0}.footer-bottom-inner{align-items:center;display:flex;justify-content:space-between}.footer-bottom p{color:#ffffff80;font-size:.85rem;margin:0}.footer-legal-links{display:flex;gap:24px}.footer-legal-links a{color:#ffffff80;font-size:.85rem;text-decoration:none;transition:color .2s}.footer-legal-links a:hover{color:#fff}.site-footer{background:var(--bg-dark);color:#ffffffb3;padding:32px 0;text-align:center}.site-footer p{font-size:.9rem}.whatsapp-float{align-items:center;animation:pulse 2s infinite;background:var(--whatsapp-color);border-radius:50%;bottom:24px;box-shadow:0 4px 20px #25d36666;color:#fff;display:flex;height:60px;justify-content:center;left:24px;position:fixed;transition:var(--transition-slow);width:60px;z-index:999}.whatsapp-float:hover{box-shadow:0 6px 28px #25d36680;transform:scale(1.1)}@keyframes pulse{0%,to{box-shadow:0 4px 20px #25d36666}50%{box-shadow:0 4px 30px #25d36699}}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.visa-catalog-grid{grid-template-columns:repeat(3,1fr)}.contact-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:32px}.stats-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{gap:24px}}@media (max-width:768px){.visa-banner h2{font-size:1.5rem}.visa-banner{padding:36px 16px 44px}.visa-types-grid{grid-template-columns:1fr;margin:0 auto 32px;max-width:360px}.visa-type-card{padding:24px 20px}.visa-cta-wrapper{align-items:center;flex-direction:column}.visa-consult-btn,.visa-cta-btn{justify-content:center;max-width:320px;padding:14px 32px;width:100%}.nav-toggle{display:flex}.nav-links{background:#fff;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg);display:none;flex-direction:column;left:0;padding:16px;position:absolute;right:0;top:100%}.nav-links.open{display:flex}.nav-link{color:var(--text-color)!important;padding:12px;text-align:center;width:100%}.nav-link:hover{background:#ccfbf1!important;color:#0d9488!important}.nav-whatsapp{justify-content:center;width:100%}.nav-auth-desktop{display:none}.nav-auth-mobile{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;width:100%}.services-grid{grid-template-columns:1fr}.visa-catalog-grid{gap:14px;grid-template-columns:repeat(2,1fr);margin-bottom:28px}.visa-catalog-row-header{margin-bottom:14px}.visa-catalog-cover{height:130px}.visa-catalog-body{padding:18px 12px 14px}.visa-catalog-name{font-size:.9rem}.visa-catalog-desc{font-size:.72rem}.visa-catalog-section{padding:60px 0}.about-features{grid-template-columns:1fr}.section-header h2{font-size:1.6rem}.about-section,.contact-section,.faq-section,.services-section{padding:60px 0}.hero-compact{padding:80px 16px 32px}.hero-cards-grid{grid-template-columns:1fr}.hero-card-main{padding:28px 24px}.hero-card-title{font-size:1.6rem}.hero-card-desc{font-size:.95rem}.hero-card-actions{align-items:stretch;flex-direction:column}.hero-card-actions .pbtn{justify-content:center}.hero-stats-col{flex-direction:row;gap:12px;overflow-x:auto}.hero-stat-card{flex-shrink:0;min-width:160px;padding:16px 18px}.contact-map-layout{grid-template-columns:1fr}.contact-map-wrapper,.contact-map-wrapper iframe{min-height:300px}.trust-container{gap:16px;justify-content:center}.trust-item{font-size:.82rem}.stats-section{padding:56px 0}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2.2rem}.testimonials-grid{grid-template-columns:1fr;margin:0 auto;max-width:400px}.testimonials-section{padding:60px 0}.footer-grid{gap:32px;grid-template-columns:1fr;text-align:center}.footer-social{justify-content:center}.footer-about{text-align:center}.footer-contact-item{justify-content:center}.footer-whatsapp-card{align-items:center;text-align:center}.footer-bottom-inner{flex-direction:column;gap:12px;text-align:center}.footer-links button{display:block;text-align:center;width:100%}}@media (max-width:480px){.hero-compact{padding:72px 12px 24px}.hero-card-main{border-radius:16px;padding:24px 20px}.hero-card-title{font-size:1.4rem}.hero-card-badge{font-size:.78rem;padding:6px 14px}.hero-stat-card{min-width:140px;padding:14px 16px}.hero-stat-info strong{font-size:1.1rem}.service-card{padding:24px 20px}.about-feature{padding:20px}.faq-question{font-size:.9rem;padding:16px 18px}.trust-item{font-size:.78rem;gap:6px}.trust-icon{font-size:1.1rem}.stat-number{font-size:1.8rem}.stat-label{font-size:.88rem}.testimonial-card{padding:24px 20px}.contact-whatsapp-cta{padding:16px 18px}.contact-info-item{padding:14px 16px}.contact-map-wrapper,.contact-map-wrapper iframe{min-height:260px}.footer-main{padding-top:48px}.visa-catalog-grid{grid-template-columns:1fr;margin:0 auto 24px;max-width:360px}.visa-catalog-row-header h3{font-size:1rem}}.login-page{direction:rtl;display:flex;min-height:100vh}.login-form-section{align-items:center;background:#f8fafc;display:flex;flex:1 1;justify-content:center;order:1;padding:2rem}.login-form-container{max-width:400px;width:100%}.login-title{color:#1e3a5f;font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-align:right}.login-subtitle{color:#64748b;font-size:.9rem;margin:0 0 1.5rem;text-align:right}.login-error{align-items:center;animation:shake .5s ease-in-out;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.875rem 1rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-icon{font-size:1rem}.login-form{gap:1.25rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#374151;font-size:.875rem;font-weight:600;text-align:right}.login-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:1rem;padding:.875rem 1rem;text-align:right;transition:all .2s ease;width:100%}.login-input::placeholder{color:#9ca3af;text-align:right}.login-input:focus{border-color:#5a9bd5;box-shadow:0 0 0 3px #5a9bd526;outline:none}.login-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-wrapper .login-input{padding-left:44px}.login-toggle-pass{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;left:10px;padding:4px;position:absolute;transition:color .2s ease,background .2s ease}.login-toggle-pass:hover{background:#5a9bd514;color:#5a9bd5}.login-button{background:linear-gradient(135deg,#5a9bd5,#4a8bc2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#4a8bc2,#3a7bb0);box-shadow:0 4px 12px #5a9bd566;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-footer{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem;text-align:center}.login-footer p{color:#64748b;font-size:.75rem;margin:0}.footer-subtitle{color:#94a3b8!important;font-size:.7rem!important;margin-top:.25rem!important}.login-branding-section{align-items:center;background:linear-gradient(135deg,#5a9bd5,#4a8bc2 50%,#3a7bb0);display:flex;flex:1 1;justify-content:center;order:2;overflow:hidden;padding:2rem;position:relative}.login-branding-section:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.branding-content{position:relative;text-align:center;z-index:1}.logo-container{align-items:center;animation:float 4s ease-in-out infinite;background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #0003;display:flex;height:180px;justify-content:center;margin:0 auto 2rem;width:180px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.main-logo{height:140px;object-fit:contain;width:140px}.branding-title{color:#fff;font-size:1.75rem;font-weight:600;margin:0 0 .75rem;text-shadow:0 2px 10px #0003}.branding-subtitle{color:#ffffffe6;font-size:1rem;margin:0}@media (max-width:1024px){.login-page{flex-direction:column}.login-form-section{order:2;padding:2rem 1.5rem}.login-branding-section{min-height:280px;order:1;padding:2rem 1rem}.logo-container{height:120px;margin-bottom:1.5rem;width:120px}.main-logo{height:90px;width:90px}.branding-title{font-size:1.5rem}.branding-subtitle{font-size:.9rem}}@media (max-width:640px){.login-branding-section{min-height:220px;padding:1.5rem 1rem}.logo-container{border-radius:20px;height:100px;margin-bottom:1rem;width:100px}.main-logo{height:75px;width:75px}.branding-title{font-size:1.25rem}.branding-subtitle{font-size:.8rem}.login-form-section{padding:1.5rem 1rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.8rem}}@media (min-width:1200px){.login-form-container{max-width:450px}.logo-container{height:200px;width:200px}.main-logo{height:160px;width:160px}.branding-title{font-size:2rem}}.auth-page{background:linear-gradient(135deg,#f0f4f8,#e8f0fe 50%,#f0fdf4);display:flex;flex-direction:column;font-family:Tajawal,Segoe UI,sans-serif;min-height:100vh}.auth-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;box-shadow:0 1px 8px #0000000f;padding:0 24px}.auth-nav-content{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px}.auth-nav-brand{align-items:center;display:flex;gap:10px;text-decoration:none}.auth-nav-logo{border-radius:8px;height:40px;width:auto}.auth-nav-text{display:flex;flex-direction:column}.auth-nav-ar{color:var(--brand-navy);font-size:1.15rem;font-weight:700}.auth-nav-en{color:var(--text-secondary);font-size:.68rem}.auth-nav-back{border-radius:8px;color:var(--text-secondary);font-size:.88rem;font-weight:600;padding:6px 16px;text-decoration:none;transition:all .2s ease}.auth-nav-back:hover{background:#f0f7ff;color:var(--primary-color)}.auth-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:32px 24px}.auth-card{background:var(--bg-white);border:1px solid #fffc;border-radius:20px;box-shadow:0 8px 40px #00000014,0 1px 3px #0000000a;max-width:460px;padding:40px 36px;width:100%}.auth-header{margin-bottom:24px;text-align:center}.auth-logo{border-radius:12px;height:64px;margin-bottom:14px;width:auto}.auth-header h1{color:var(--brand-navy);font-size:1.5rem;font-weight:800;margin-bottom:2px}.auth-tagline{color:var(--text-secondary);font-size:.9rem;font-weight:500}.auth-tabs{background:#f1f5f9;border-radius:12px;display:flex;margin-bottom:24px;padding:4px}.auth-tab{background:#0000;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:.92rem;font-weight:600;padding:11px;transition:all .2s ease}.auth-tab.active{background:var(--bg-white);box-shadow:0 2px 8px #0000000f;color:var(--primary-color)}.auth-tab:hover:not(.active){background:#ffffff80;color:var(--text-dark)}.auth-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;font-size:.88rem;gap:8px;margin-bottom:16px;padding:12px 16px}.auth-error:before{content:"⚠";flex-shrink:0;font-size:1rem}.auth-form{display:flex;flex-direction:column}.auth-field{margin-bottom:16px}.auth-field label{color:var(--text-dark);display:block;font-size:.88rem;font-weight:600;margin-bottom:6px}.auth-field input{background:var(--bg-white);border:1.5px solid var(--border-color);border-radius:var(--radius);color:var(--text-color);font-family:inherit;font-size:.95rem;padding:10px 14px;transition:border-color var(--transition);width:100%}.auth-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.auth-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.auth-required{color:var(--danger-color)}.auth-optional{color:var(--text-secondary);font-size:.82rem;font-weight:400}.auth-submit{background:linear-gradient(135deg,var(--primary-color),#1d4ed8);border:none;border-radius:12px;box-shadow:0 2px 12px #2563eb33;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;margin-top:8px;padding:13px;transition:all .2s ease;width:100%}.auth-submit:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,var(--primary-color));box-shadow:0 4px 16px #2563eb4d;transform:translateY(-1px)}.auth-submit:disabled{cursor:not-allowed;opacity:.7}.auth-input-icon{align-items:center;display:flex;position:relative}.auth-input-icon input{background:var(--bg-white);border:1.5px solid var(--border-color);border-radius:var(--radius);color:var(--text-color);font-family:inherit;font-size:.95rem;padding:10px 14px 10px 40px;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.auth-input-icon input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.auth-field-icon{flex-shrink:0;pointer-events:none;right:12px}.auth-field-icon,.auth-toggle-pass{color:#9ca3af;color:var(--text-light,#9ca3af);position:absolute;z-index:1}.auth-toggle-pass{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;left:10px;padding:4px;transition:color .2s ease,background .2s ease}.auth-toggle-pass:hover{background:#2563eb0f;color:var(--primary-color)}.auth-terms-notice{background:#2563eb0a;border:1px solid #2563eb14;border-radius:var(--radius);color:var(--text-secondary);font-size:.82rem;line-height:1.7;margin-top:4px;padding:10px 16px;text-align:center}.auth-terms-notice a{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .2s ease}.auth-terms-notice a:hover{color:var(--primary-dark);text-decoration:underline}.auth-forgot-link{margin-top:12px;text-align:center}.auth-forgot-link a{color:var(--primary-color);font-size:.88rem;text-decoration:none;transition:color var(--transition)}.auth-forgot-link a:hover{color:var(--primary-dark);text-decoration:underline}.portal-auth-container{align-items:center;background:var(--bg-color);display:flex;flex:1 1;justify-content:center;min-height:100vh;padding:32px 16px}.portal-auth-card{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:440px;padding:40px 32px;width:100%}.portal-auth-header{margin-bottom:28px;text-align:center}.portal-auth-brand{align-items:center;display:flex;flex-direction:column;gap:2px;margin:0}.portal-auth-title{color:var(--text-color);font-size:1.35rem;font-weight:700;margin:0 0 8px}.portal-auth-subtitle{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0 0 24px}.portal-auth-error{background:#fee2e2;background:var(--danger-light,#fee2e2);border-radius:var(--radius);color:var(--danger-color);font-size:.88rem;margin-bottom:16px;padding:12px 16px;text-align:center}.portal-auth-form .portal-form-group{margin-bottom:16px}.portal-auth-form .portal-form-label{color:var(--text-color);display:block;font-size:.88rem;font-weight:600;margin-bottom:6px}.portal-auth-form .portal-form-input{border:1.5px solid var(--border-color);border-radius:var(--radius);font-family:inherit;font-size:.95rem;outline:none;padding:11px 14px;transition:border-color var(--transition);width:100%}.portal-auth-form .portal-form-input:focus{border-color:var(--primary-color)}.portal-btn-full{border:none;border-radius:var(--radius);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:12px;transition:background var(--transition);width:100%}.portal-btn-primary:disabled{opacity:.7}.portal-auth-footer{margin-top:20px;text-align:center}.portal-auth-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-family:inherit;font-size:.88rem;text-decoration:none;transition:color var(--transition)}.portal-auth-link:hover{color:var(--primary-dark);text-decoration:underline}.portal-auth-success{text-align:center}.portal-auth-success-icon{font-size:3rem;margin-bottom:16px}.portal-auth-success h2{color:var(--text-color);font-size:1.3rem;margin:0 0 12px}.portal-auth-success p{color:var(--text-secondary);font-size:.92rem;line-height:1.7;margin:0 0 12px}.portal-auth-note{color:var(--text-light)!important;font-size:.82rem!important;font-style:italic}.portal-auth-success .portal-btn-full{margin-top:20px}.portal-page{background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;font-family:Tajawal,Segoe UI,sans-serif;min-height:100vh}.portal-page *,.portal-page :after,.portal-page :before{box-sizing:border-box;margin:0;padding:0}.portal-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;box-shadow:0 1px 8px #0000000f;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.portal-nav-content{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1100px}.portal-nav-brand{align-items:center;cursor:pointer;display:flex;gap:10px}.portal-nav-name{display:flex;flex-direction:column;line-height:1.2}.portal-nav-name-ar{color:var(--bg-dark);font-size:1.1rem;font-weight:700}.portal-nav-name-en{color:var(--text-secondary);font-size:.7rem;font-weight:500;letter-spacing:.5px}.portal-nav-right{align-items:center;display:flex;gap:16px}.portal-nav-user{color:var(--text-dark);font-size:.9rem;font-weight:600}.portal-nav-logout{background:none;border:1.5px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.85rem;padding:6px 18px;transition:all var(--transition)}.portal-nav-logout:hover{border-color:var(--danger-color);color:var(--danger-color)}.portal-main{flex:1 1;margin:0 auto;max-width:1100px;padding:32px 24px 48px;width:100%}.portal-welcome{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.portal-welcome h1{color:var(--brand-navy);font-size:1.6rem;font-weight:800;margin-bottom:4px}.portal-welcome p{color:var(--text-secondary);font-size:.95rem}.portal-btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:6px;padding:10px 24px;transition:background var(--transition);white-space:nowrap}.portal-btn-primary:hover:not(:disabled){background:var(--primary-dark)}.portal-btn-primary:disabled{cursor:not-allowed;opacity:.6}.portal-btn-secondary{align-items:center;background:var(--bg-white);border:1.5px solid var(--border-color);border-radius:var(--radius);color:var(--text-dark);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:6px;padding:10px 24px;transition:all var(--transition)}.portal-btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.portal-btn-danger{background:none;border:1.5px solid #fecaca;border-radius:var(--radius);color:var(--danger-color);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all var(--transition)}.portal-btn-danger:hover{background:#fee2e2}.portal-btn-family{align-items:center;background:var(--whatsapp-color);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:6px;padding:10px 24px;transition:background var(--transition)}.portal-btn-family:hover:not(:disabled){background:var(--whatsapp-dark)}.portal-btn-family:disabled{cursor:not-allowed;opacity:.6}.portal-btn-sm{font-size:.88rem;padding:7px 16px}.portal-btn-back{background:none;border:none;color:var(--primary-color);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:0}.portal-btn-back:hover{text-decoration:underline}.portal-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.portal-stat-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px;text-align:center}.portal-stat-icon{display:block;font-size:1.5rem;margin-bottom:8px}.portal-stat-number{color:var(--brand-navy);display:block;font-size:1.8rem;font-weight:800;line-height:1.2}.portal-stat-label{color:var(--text-secondary);display:block;font-size:.82rem;margin-top:4px}.portal-section-title{color:var(--brand-navy);font-size:1.2rem;font-weight:700;margin-bottom:16px}.portal-loading,.portal-loading-page{color:var(--text-secondary);font-size:1rem;padding:48px;text-align:center}.portal-loading-page{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.portal-empty{background:var(--bg-white);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:48px;text-align:center}.portal-empty-icon{display:block;font-size:3rem;margin-bottom:12px}.portal-empty h3{color:var(--text-dark);font-size:1.1rem;margin-bottom:8px}.portal-empty p{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px}.portal-apps-list{display:flex;flex-direction:column;gap:12px}.portal-app-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px 24px;transition:box-shadow var(--transition)}.portal-app-card:hover{box-shadow:var(--shadow-md)}.portal-app-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.portal-app-status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.82rem;font-weight:700;gap:4px;padding:4px 12px}.portal-app-status-lg{font-size:.9rem;padding:6px 16px}.portal-app-number,.portal-app-step{background:var(--bg-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.82rem;padding:3px 10px}.portal-app-number{font-family:Courier New,monospace}.portal-app-body{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.portal-app-info{display:flex;flex-direction:column;gap:2px}.portal-app-name{color:var(--text-dark);font-size:1rem;font-weight:700}.portal-app-passport{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.82rem}.portal-app-date{color:var(--text-light);font-size:.82rem}.portal-app-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:8px;padding-top:12px}.portal-view-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.portal-view-header{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px 32px}.portal-view-header h1{color:var(--brand-navy);font-size:1.5rem;font-weight:800;margin-bottom:12px}.portal-view-meta{display:flex;flex-wrap:wrap;gap:16px}.portal-view-meta-item{background:var(--bg-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.88rem;padding:4px 12px}.portal-view-sections{display:flex;flex-direction:column;gap:16px}.portal-view-section{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.portal-view-section-title{border-bottom:1px solid var(--border-color);color:var(--brand-navy);font-size:1.05rem;font-weight:700;margin-bottom:16px;padding-bottom:12px}.portal-view-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.portal-view-field{display:flex;flex-direction:column;gap:2px}.portal-view-label{color:var(--text-secondary);font-size:.82rem}.portal-view-value{color:var(--text-dark);font-size:.95rem;font-weight:600}.portal-service-tabs{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:12px;margin-bottom:24px;padding:6px}.portal-service-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.portal-service-tab:hover:not(.active){background:var(--bg-color);color:var(--text-dark)}.portal-service-tab.active{background:var(--primary-color);box-shadow:0 2px 8px #2563eb40;color:#fff}.portal-service-tab-icon{font-size:1.2rem}.portal-service-tab-label{white-space:nowrap}.portal-service-tab-count{background:#ffffff40;border-radius:var(--radius-full);color:inherit;font-size:.78rem;font-weight:700;min-width:22px;padding:2px 8px;text-align:center}.portal-service-tab:not(.active) .portal-service-tab-count{background:var(--bg-color);color:var(--text-secondary)}.portal-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.portal-section-header .portal-section-title{margin-bottom:0}.portal-stats-5{grid-template-columns:repeat(5,1fr)}.portal-app-type-badge{border-radius:var(--radius-full);font-size:.75rem;font-weight:700;padding:3px 10px;white-space:nowrap}.portal-app-type-visa{background:#dbeafe;color:#1d4ed8}.portal-app-type-license{background:#d1fae5;color:#047857}.portal-app-delivery{color:var(--text-secondary);font-size:.82rem}.portal-app-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.portal-app-price{color:var(--primary-color);font-size:.88rem;font-weight:700}.portal-nav-profile{background:none;border:1.5px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.85rem;padding:6px 14px;transition:all var(--transition)}.portal-nav-profile:hover{background:#f0f7ff;border-color:var(--primary-color);color:var(--primary-color)}.portal-docs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.portal-doc-item{display:flex;flex-direction:column;gap:8px}.portal-doc-label{color:var(--text-dark);font-size:.88rem;font-weight:600}.portal-doc-img{border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;max-height:200px;object-fit:cover;width:100%}.portal-doc-img:hover{box-shadow:var(--shadow-md);opacity:.9}.portal-shipping-details{border-top:1px dashed var(--border-color);margin-top:16px;padding-top:16px}.portal-view-subtitle{color:var(--text-dark);font-size:.92rem;font-weight:600;margin-bottom:12px}.portal-addons-list{display:flex;flex-direction:column;gap:8px}.portal-addon-item{align-items:center;background:var(--bg-color);border-radius:var(--radius);display:flex;justify-content:space-between;padding:10px 14px}.portal-addon-price{color:var(--primary-color);font-weight:700}.portal-pricing-section{border:2px solid #e8edf4}.portal-pricing-rows{display:flex;flex-direction:column;gap:8px}.portal-pricing-row{align-items:center;color:var(--text-dark);display:flex;font-size:.92rem;justify-content:space-between;padding:8px 0}.portal-pricing-row+.portal-pricing-row{border-top:1px solid var(--border-color)}.portal-pricing-discount{color:#10b981}.portal-pricing-total{border-top:2px solid var(--brand-navy)!important;color:var(--brand-navy);font-size:1.05rem;font-weight:800;padding-top:12px}.portal-admin-notes{border-right:4px solid #f59e0b}.portal-notes-text{color:var(--text-dark);font-size:.95rem;line-height:1.7;white-space:pre-wrap}.portal-profile-header{align-items:center;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:20px;margin-bottom:24px;padding:24px 32px}.portal-profile-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.6rem;font-weight:800;height:64px;justify-content:center;width:64px}.portal-profile-info h1{color:var(--brand-navy);font-size:1.4rem;font-weight:800;margin-bottom:2px}.portal-profile-info p{color:var(--text-secondary);direction:ltr;font-size:.9rem;text-align:right}.portal-profile-tabs{display:flex;gap:8px;margin-bottom:24px}.portal-profile-tab{background:var(--bg-white);border:1.5px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.92rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.portal-profile-tab:hover:not(.active){border-color:var(--primary-color);color:var(--primary-color)}.portal-profile-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.portal-profile-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:560px;padding:32px}.portal-profile-card-title{border-bottom:1px solid var(--border-color);color:var(--brand-navy);font-size:1.15rem;font-weight:700;margin-bottom:20px;padding-bottom:12px}.portal-profile-msg{border-radius:var(--radius);font-size:.88rem;margin-bottom:16px;padding:10px 16px}.portal-profile-msg.success{background:#d1fae5;border:1px solid #a7f3d0;color:#047857}.portal-profile-msg.error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.portal-profile-form{display:flex;flex-direction:column;gap:16px}.portal-profile-field{display:flex;flex-direction:column;gap:6px}.portal-profile-field label{color:var(--text-dark);font-size:.88rem;font-weight:600}.portal-profile-field input{background:var(--bg-white);border:1.5px solid var(--border-color);border-radius:var(--radius);color:var(--text-color);font-family:inherit;font-size:.95rem;padding:10px 14px;transition:border-color var(--transition);width:100%}.portal-profile-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.portal-profile-disabled{background:var(--bg-color)!important;color:var(--text-secondary)!important;cursor:not-allowed}.portal-profile-hint{color:var(--text-light);font-size:.78rem}.portal-required{color:var(--danger-color)}.portal-view-top-actions{align-items:center;display:flex;gap:10px}.portal-btn-receipt{align-items:center;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:var(--radius);color:#047857;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.88rem;font-weight:600;gap:6px;padding:7px 16px;transition:all .2s ease}.portal-btn-receipt:hover:not(:disabled){background:#d1fae5;border-color:#6ee7b7}.portal-btn-receipt:disabled{cursor:not-allowed;opacity:.6}.portal-footer{background:var(--bg-dark);color:#fff9;font-size:.85rem;margin-top:auto;padding:20px;text-align:center}@media (max-width:768px){.auth-card{border-radius:16px;padding:28px 20px}.auth-row{grid-template-columns:1fr}.auth-header h1{font-size:1.3rem}.auth-input-icon input{padding:10px 14px 10px 36px}.portal-welcome{align-items:flex-start;flex-direction:column;gap:16px}.portal-stats{grid-template-columns:repeat(2,1fr)}.portal-stats-5{grid-template-columns:repeat(3,1fr)}.portal-service-tabs{gap:6px}.portal-service-tab{font-size:.88rem;padding:10px 12px}.portal-service-tab-label{display:none}.portal-app-body{flex-direction:column;gap:8px}.portal-app-body,.portal-app-meta{align-items:flex-start}.portal-app-actions{flex-wrap:wrap}.portal-view-grid{grid-template-columns:1fr}.portal-view-header{padding:20px}.portal-view-meta{flex-direction:column;gap:8px}.portal-docs-grid{grid-template-columns:1fr}.portal-section-header{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.portal-stats{gap:10px}.portal-stats,.portal-stats-5{grid-template-columns:1fr 1fr}.portal-stat-card{padding:14px}.portal-stat-number{font-size:1.4rem}.portal-welcome h1{font-size:1.3rem}.portal-main{padding:20px 16px 32px}.auth-main{padding:20px 16px}.portal-service-tab-icon{font-size:1.4rem}}:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--primary-bg:#eff6ff;--primary-bg-hover:#dbeafe;--secondary-color:#64748b;--secondary-dark:#475569;--secondary-light:#94a3b8;--brand-navy:#1e3a5f;--brand-navy-dark:#0f2a4a;--whatsapp-color:#25d366;--whatsapp-dark:#1da851;--whatsapp-bg:#128c7e;--teal:#0d9488;--teal-dark:#0f766e;--teal-darker:#115e59;--teal-light:#14b8a6;--teal-bg:#f0fdfa;--teal-bg-hover:#ccfbf1;--accent-color:#f59e0b;--success-color:#10b981;--success-dark:#047857;--success-light:#d1fae5;--success-bg:#f0fdf4;--danger-color:#ef4444;--danger-light:#fee2e2;--warning-color:#f59e0b;--warning-light:#fef3c7;--info-color:#3b82f6;--info-light:#dbeafe;--status-draft:#64748b;--status-draft-bg:#f1f5f9;--status-submitted:#2563eb;--status-submitted-bg:#eff6ff;--status-review:#d97706;--status-review-bg:#fffbeb;--status-approved:#16a34a;--status-approved-bg:#f0fdf4;--status-rejected:#dc2626;--status-rejected-bg:#fef2f2;--status-completed:#7c3aed;--status-completed-bg:#f5f3ff;--status-received:#0891b2;--status-received-bg:#ecfeff;--text-color:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--text-dark:#374151;--bg-color:#f9fafb;--bg-white:#fff;--bg-dark:#111827;--bg-light:#f8fafc;--border-color:#e5e7eb;--border-dark:#d1d5db;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius-sm:4px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--transition-fast:150ms ease;--transition:200ms ease;--transition-slow:300ms ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-tooltip:600}[data-theme=dark]{--primary-color:#3b82f6;--text-color:#f9fafb;--text-secondary:#9ca3af;--bg-color:#111827;--bg-white:#1f2937;--border-color:#374151}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);direction:rtl;font-family:Tajawal,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;text-align:right}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-dark)}img{display:block;height:auto;max-width:100%}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-weight:600;line-height:1.3}h1{font-size:var(--font-3xl)}h2{font-size:var(--font-2xl)}h3{font-size:var(--font-xl)}h4{font-size:var(--font-lg)}p{margin-bottom:1rem}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{background-color:#fff;border:1.5px solid var(--border-color);border-radius:var(--radius);color:var(--text-color);font-family:Tajawal,sans-serif;font-size:var(--font-sm);line-height:1.5;padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}input:disabled,select:disabled,textarea:disabled{background-color:#f1f5f9;color:var(--text-secondary);cursor:not-allowed;opacity:.7}input::placeholder,textarea::placeholder{color:var(--secondary-light)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::selection{background-color:var(--primary-color);color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.container{margin:0 auto;max-width:1280px;padding:0 var(--spacing-md);width:100%}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.hidden{display:none}.block{display:block}.w-full{width:100%}.h-full{height:100%}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.toast-container{display:flex;flex-direction:column;gap:.5rem;left:1.25rem;max-width:420px;pointer-events:none;position:fixed;top:1.25rem;width:calc(100vw - 2.5rem);z-index:9999}.toast{align-items:center;animation:toast-slide-in .3s ease-out;border:1px solid #0000;border-radius:8px;border-radius:var(--radius,8px);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a);direction:rtl;display:flex;font-family:Tajawal,Segoe UI,sans-serif;font-size:.9rem;font-weight:500;gap:.625rem;line-height:1.5;padding:.75rem 1rem;pointer-events:auto}.toast-success{background:#f0fdf4;background:var(--success-bg,#f0fdf4);border-color:#10b981;border-color:var(--success-color,#10b981);color:#047857;color:var(--success-dark,#047857)}.toast-error{background:#fee2e2;background:var(--danger-light,#fee2e2);border-color:#ef4444;border-color:var(--danger-color,#ef4444);color:#991b1b}.toast-warning{background:#fef3c7;background:var(--warning-light,#fef3c7);border-color:#f59e0b;border-color:var(--warning-color,#f59e0b);color:#92400e}.toast-icon{align-items:center;border-radius:50%;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:1.5rem;justify-content:center;width:1.5rem}.toast-success .toast-icon{background:#10b981;background:var(--success-color,#10b981);color:#fff}.toast-error .toast-icon{background:#ef4444;background:var(--danger-color,#ef4444);color:#fff}.toast-warning .toast-icon{background:#f59e0b;background:var(--warning-color,#f59e0b);color:#fff}.toast-text{flex:1 1;min-width:0;word-break:break-word}.toast-close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:1.25rem;line-height:1;opacity:.5;padding:0 .25rem;transition:opacity .15s}.toast-close:hover{opacity:1}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.toast-container{left:.75rem;max-width:none;right:.75rem;top:.75rem;width:auto}.toast{font-size:.85rem;padding:.625rem .75rem}}
/*# sourceMappingURL=main.d69c0ce2.css.map*/