:root{--primary:#0284c7;--primary-hover:#0369a1;--primary-light:#0284c7;--primary-dark:#075985;--primary-subtle:#0284c714;--gold:#d97706;--gold-hover:#b45309;--gold-light:#f59e0b;--gold-dark:#92400e;--gold-subtle:#d9770614;--emerald:#16a34a;--emerald-subtle:#16a34a14;--ruby:#dc2626;--ruby-subtle:#dc262614;--bg-deep:#f1f5f9;--bg-main:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#fff;--bg-glass:#ffffffe6;--border-subtle:#e2e8f0;--border-glass:#cbd5e1;--border-primary:#0284c74d;--border-gold:#d977064d;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--text-gold:#b45309;--text-sky:#0369a1;--font-arabic:"Cairo", system-ui, -apple-system, sans-serif;--font-numeric:"Plus Jakarta Sans", "Inter", system-ui, sans-serif;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #00000008;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 10px 25px #00000014;--shadow-card:0 1px 4px #0000000a, 0 1px 2px #00000005;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.2s ease}[data-theme=dark]{--bg-deep:#0b0f19;--bg-main:#0f172a;--bg-surface:#141e33;--bg-card:#182235;--bg-card-hover:#1e2c44;--bg-input:#0b1120;--bg-glass:#0f172ad9;--border-subtle:#ffffff12;--border-glass:#ffffff1f;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-subtle:#64748b;--text-gold:#fde68a;--text-sky:#7dd3fc;--shadow-card:0 2px 10px #00000040}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);width:100%;min-height:100vh;color:var(--text-main);font-family:var(--font-arabic);text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-layout{background-color:var(--bg-deep);width:100%;min-height:100vh;display:flex;position:relative}.main-wrapper{background-color:var(--bg-main);flex-direction:column;flex:1;min-width:0;display:flex}.content-area{flex:1;width:100%;max-width:1650px;margin:0 auto;padding:1.75rem 2rem}.app-header{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);height:68px;box-shadow:var(--shadow-sm);z-index:40;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.header-brand-icon{border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex;box-shadow:0 2px 8px #0284c740}.search-trigger{background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:var(--transition-normal);align-items:center;gap:.75rem;min-width:280px;padding:.55rem 1.15rem;font-size:.85rem;display:flex}.search-trigger:hover{border-color:var(--primary);background:var(--bg-surface);color:var(--text-main)}.search-kbd{font-family:var(--font-numeric);background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--primary);margin-right:auto;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.header-logout-btn{color:#ef4444;border-radius:var(--radius-sm);cursor:pointer;background:#ef444414;border:1px solid #ef444447;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 .75rem;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex}.header-logout-btn:hover{color:#dc2626;background:#ef444429;border-color:#ef444480;transform:translateY(-1px)}.header-logout-btn .logout-icon{font-size:.95rem;line-height:1}.header-logout-btn .logout-text{font-weight:800}.sidebar-logout-btn:hover{color:#ef4444!important;background:#ef444433!important;border-color:#ef444499!important}.app-sidebar{background:var(--bg-surface);border-left:1px solid var(--border-subtle);z-index:50;width:280px;height:100vh;transition:transform var(--transition-normal);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.25rem 1rem;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem .75rem;display:flex}.nav-section-title{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;padding:.75rem .75rem .25rem;font-size:.7rem;font-weight:800;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-deep);color:var(--text-main)}.nav-item.active{background:var(--primary-subtle);color:var(--primary);border-right:3px solid var(--primary);font-weight:800}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal);padding:1.15rem;position:relative}.card:hover{border-color:var(--border-glass)}.card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1.15rem;padding-bottom:.75rem;display:flex}.card-title{color:var(--text-main);align-items:center;gap:.55rem;font-size:1.1rem;font-weight:800;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:1.25rem 1.4rem;display:flex;position:relative}.stat-card:hover{border-color:var(--border-glass);box-shadow:var(--shadow-md)}.stat-label{color:var(--text-muted);margin-bottom:.35rem;font-size:.825rem;font-weight:700}.stat-value{color:var(--text-main);font-size:1.7rem;font-weight:900;line-height:1.1;font-family:var(--font-numeric), var(--font-arabic)}.stat-icon-wrapper{border-radius:var(--radius-sm);background:var(--primary-subtle);width:46px;height:46px;color:var(--primary);justify-content:center;align-items:center;font-size:1.35rem;display:flex}.stat-card.gold .stat-icon-wrapper{background:var(--gold-subtle);color:var(--gold)}.stat-card.success .stat-icon-wrapper{background:var(--emerald-subtle);color:var(--emerald)}.stat-card.danger .stat-icon-wrapper{background:var(--ruby-subtle);color:var(--ruby)}.ticket-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all var(--transition-fast);padding:1.25rem;position:relative}.ticket-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.ticket-route{border-top:1px dashed var(--border-subtle);border-bottom:1px dashed var(--border-subtle);justify-content:space-between;align-items:center;margin:.4rem 0;padding:.85rem 0;display:flex}.airport-code{font-family:var(--font-numeric);color:var(--primary);font-size:1.4rem;font-weight:900}.btn{border-radius:var(--radius-sm);font-size:.875rem;font-weight:800;font-family:var(--font-arabic);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 3px #0284c733}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-gold{background:var(--gold);color:#fff;box-shadow:0 1px 3px #d9770633}.btn-gold:hover:not(:disabled){background:var(--gold-hover)}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--bg-deep);border-color:var(--border-glass)}.btn-whatsapp{color:#fff;background:#16a34a}.btn-whatsapp:hover:not(:disabled){background:#15803d}.btn-danger{background:var(--ruby);color:#fff}.btn-sm{border-radius:var(--radius-xs);padding:.38rem .75rem;font-size:.8rem}.btn-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.15rem;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.form-label{color:var(--text-muted);font-size:.825rem;font-weight:700}.form-control{background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:100%;color:var(--text-main);font-family:var(--font-arabic);transition:all var(--transition-fast);padding:.65rem .9rem;font-size:.9rem}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0284c726}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:right;width:100%;font-size:.825rem}.data-table th{background:var(--bg-deep);color:var(--text-muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:.55rem .75rem;font-size:.8rem;font-weight:800}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-main);vertical-align:middle;padding:.55rem .75rem}.data-table tbody tr:hover{background:var(--bg-deep)}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex}.badge-success{background:var(--emerald-subtle);color:var(--emerald);border:1px solid #16a34a40}.badge-warning{background:var(--gold-subtle);color:var(--gold);border:1px solid #d9770640}.badge-danger{background:var(--ruby-subtle);color:var(--ruby);border:1px solid #dc262640}.badge-info{background:var(--primary-subtle);color:var(--primary);border:1px solid #0284c740}.badge-gold{background:var(--gold-subtle);color:var(--gold);border:1px solid #d977064d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1500;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:720px;max-height:90vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-content.modal-lg{max-width:980px}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:.75rem;padding:1.15rem 1.5rem;display:flex}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.content-area>*{animation:.25s cubic-bezier(.16,1,.3,1) pageFadeIn}.modal-content{animation:.25s cubic-bezier(.16,1,.3,1) slideUpModal}.btn:active{transform:scale(.97)}.mobile-bottom-nav{display:none}@media (width<=768px){.mobile-bottom-nav{background:var(--bg-surface);border-top:1px solid var(--border-subtle);z-index:90;height:58px;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014}.mobile-nav-btn{color:var(--text-muted);font-size:.68rem;font-weight:700;font-family:var(--font-arabic);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 10px;text-decoration:none;display:flex}.mobile-nav-btn.active{color:var(--primary);background:var(--primary-subtle);font-weight:800}.mobile-nav-icon{font-size:1.2rem;line-height:1}.mobile-menu-btn{color:var(--gold-dark)}}@media (width<=1024px){.app-sidebar{z-index:1000;width:290px;max-width:86vw;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 35px #0000004d}.app-sidebar.open{transform:translate(0)}.sidebar-close-btn{display:flex!important}.content-area{padding:1.25rem 1rem}}@media (width<=900px){.header-label-branch{display:none!important}.header-branch-select{max-width:135px}}.branch-short-name{display:none}.branch-full-name{display:inline}@media (width<=768px){.main-wrapper{padding-bottom:calc(64px + env(safe-area-inset-bottom,12px))!important;min-height:100vh!important;overflow-x:hidden!important}.app-header{height:52px!important;padding:0 .65rem!important}.search-trigger{border-radius:var(--radius-sm)!important;justify-content:center!important;width:34px!important;min-width:auto!important;height:34px!important;padding:0!important}.search-trigger .search-text,.search-trigger .search-kbd{display:none!important}.header-actions-group{gap:.35rem!important}.header-branch-badge{padding:.22rem .5rem!important;font-size:.72rem!important}.branch-full-name{display:none!important}.branch-short-name{display:inline!important}.header-portal-btn,.header-settings-btn{display:none!important}.header-currency-switcher{padding:1px!important}.header-currency-switcher button{padding:2px 6px!important;font-size:.7rem!important}.app-header .btn-icon{width:33px!important;height:33px!important;font-size:.95rem!important}.header-user-wrapper{flex-shrink:0!important}.header-logout-btn{color:#ef4444!important;background:#ef44441f!important;border:1px solid #ef444473!important;flex-shrink:0!important;gap:4px!important;height:33px!important;padding:0 .55rem!important;font-size:.74rem!important;box-shadow:0 1px 3px #ef444426!important}.header-logout-btn:active{background:#ef444440!important}.content-area{max-width:100vw!important;padding:.65rem .6rem 1rem!important;overflow-x:hidden!important}h1,.page-title{margin-bottom:.25rem!important;font-size:1.15rem!important;font-weight:800!important;line-height:1.35!important}.page-subtitle,.page-container p,.content-area p{font-size:.74rem!important;line-height:1.4!important}.page-header-row,.page-actions-row,.view-switcher-container,.tabs-nav-row{gap:.35rem!important;width:100%!important;padding-bottom:3px!important;display:flex!important;overflow-x:auto!important}.page-header-row::-webkit-scrollbar{display:none!important}.page-actions-row::-webkit-scrollbar{display:none!important}.tabs-nav-row::-webkit-scrollbar{display:none!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:.45rem!important;margin-bottom:.85rem!important}.stat-card{border-radius:var(--radius-sm)!important;justify-content:space-between!important;align-items:center!important;min-height:0!important;padding:.55rem .65rem!important;display:flex!important;box-shadow:0 1px 3px #0000000a!important}.stat-card .stat-label{color:var(--text-muted)!important;font-size:.68rem!important;line-height:1.25!important}.stat-card .stat-value{margin:1px 0!important;font-size:1.1rem!important;font-weight:900!important;line-height:1.2!important}.stat-card .stat-icon-wrapper{border-radius:8px!important;flex-shrink:0!important;width:30px!important;height:30px!important;font-size:.95rem!important}.stat-card>div>div:last-child{font-size:.64rem!important;line-height:1.2!important}.form-row{grid-template-columns:1fr!important;gap:.65rem!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{border-bottom:none!important;border-radius:20px 20px 0 0!important;width:100vw!important;max-width:100vw!important;max-height:92vh!important;margin:0!important}.modal-header{background:var(--bg-card);z-index:10;position:sticky;top:0;padding:.75rem .85rem!important}.modal-body{overflow-y:auto;padding:.85rem .75rem!important}.modal-footer{flex-wrap:wrap!important;padding:.65rem .85rem!important}.table-container{border-radius:var(--radius-sm);overflow-x:auto}.data-table th,.data-table td{padding:.45rem .55rem!important;font-size:.76rem!important}.btn{padding:.45rem .75rem;font-size:.78rem}}@media (width<=640px){.header-branch-wrapper,.header-user-info{display:none!important}}@media (width<=480px){.header-actions-group{gap:.25rem!important}.header-currency-switcher button{padding:2px 4px!important;font-size:.65rem!important}}@media (width<=360px){.header-logout-btn .logout-text{display:none!important}.header-logout-btn{justify-content:center!important;width:33px!important;padding:0!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:.35rem!important}.stat-card{padding:.45rem .5rem!important}.stat-card .stat-value{font-size:.95rem!important}}@media print{@page{size:A4 portrait;margin:8mm 10mm}html,body{color:#0f172a!important;text-align:right!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;direction:rtl!important;background:#fff!important;width:100%!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important;font-family:Cairo,Segoe UI,Tahoma,sans-serif!important;overflow:visible!important}.app-header,.app-sidebar,.app-navbar,.mobile-bottom-nav,.no-print,.no-print *,.document-actions-bar,.btn,button,.modal-header,.modal-footer,.action-buttons,.data-table-pagination,.data-table-search,.search-box,.filter-bar,.toast-container,input:not([type=checkbox]),select,textarea{visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;display:none!important}.app-layout,.main-wrapper,.content-area,.page-container{width:100%!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:1!important;background:0 0!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.modal-content,.modal-content.modal-lg,.modal-content.modal-md,.modal-content.modal-sm{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important;transform:none!important}.modal-body{height:auto!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}:is(body:has(.modal-overlay) .page-container>:not(:has(.modal-overlay)):not(.modal-overlay),body:has(.modal-overlay) .content-area>:not(:has(.modal-overlay)):not(.modal-overlay)){display:none!important}.printable-document,.printable-voucher,.printable-statement,.printable-contract,.printable-report,.printable-ticket,#printable-voucher-doc,#printable-invoice-doc,#printable-customer-statement,#printable-hotel-voucher,#printable-flight-ticket,#printable-umrah-contract,#printable-reports-document,#printable-portal-docket,#printable-visa-doc,#printable-schengen-appointment,#printable-supplier-statement,#printable-treasury-statement,#printable-employee-performance{visibility:visible!important;opacity:1!important;color:#0f172a!important;width:100%!important;max-width:100%!important;box-shadow:none!important;page-break-inside:auto!important;background:#fff!important;border:none!important;margin:0 auto!important;padding:0!important;display:block!important;overflow:visible!important}h1,h2,h3,h4,h5,h6,strong,span,p,div{color:#0f172a!important;text-shadow:none!important}.official-doc-header,.official-doc-footer,.printable-total-box,.printable-section-box,.voucher-meta-box,tr{page-break-inside:avoid!important;break-inside:avoid!important}table{border-collapse:collapse!important;page-break-inside:auto!important;width:100%!important;margin:8px 0!important}thead{display:table-header-group!important}tbody{display:table-row-group!important}tfoot{display:table-footer-group!important}tr{page-break-inside:avoid!important;page-break-after:auto!important}table th,table td{color:#0f172a!important;border:1px solid #cbd5e1!important;padding:6px 8px!important;font-size:9pt!important}table th{color:#0f172a!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#f1f5f9!important;font-weight:700!important}.card{box-shadow:none!important;background:#fff!important;border:1px solid #cbd5e1!important;margin-bottom:10px!important;padding:10px!important}}