@import"https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;600;700&family=Inter:wght@400;500;600;700&display=swap";.sidebar[data-v-36af14e6]{width:240px;min-height:100vh;background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-header[data-v-36af14e6]{padding:1.25rem 1rem;border-bottom:1px solid #e2e8f0}.sidebar-logo[data-v-36af14e6]{display:flex;align-items:center;gap:.75rem}.logo-icon[data-v-36af14e6]{width:40px;height:40px;background:#1e40af;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.logo-text[data-v-36af14e6]{display:flex;flex-direction:column}.logo-name[data-v-36af14e6]{font-weight:700;font-size:1rem;color:#1e293b;line-height:1.2}.logo-year[data-v-36af14e6]{font-size:.75rem;color:#64748b}.sidebar-nav[data-v-36af14e6]{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.nav-item[data-v-36af14e6]{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:8px;color:#475569;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .15s}.nav-item[data-v-36af14e6]:hover{background:#f1f5f9;color:#1e40af}.nav-item.active[data-v-36af14e6]{background:#eff6ff;color:#1e40af}.nav-icon[data-v-36af14e6]{width:1.25rem;height:1.25rem;flex-shrink:0}.topbar[data-v-37f7ca8f]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10}.page-heading[data-v-37f7ca8f]{font-size:1.125rem;font-weight:600;color:#1e293b}.lang-select[data-v-37f7ca8f]{padding:.375rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;color:#475569}.lang-select[data-v-37f7ca8f]:focus{outline:none;border-color:#1e40af}.toast-enter-active[data-v-04a05afb],.toast-leave-active[data-v-04a05afb]{transition:all .3s ease}.toast-enter-from[data-v-04a05afb],.toast-leave-to[data-v-04a05afb]{transform:translateY(1rem);opacity:0}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.page-content{flex:1;padding:1.5rem;overflow-y:auto}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background-color:#f8fafc}#app{min-height:100vh}[dir=rtl] body{font-family:Noto Kufi Arabic,Segoe UI,Tahoma,sans-serif}[dir=ltr] body{font-family:Inter,Segoe UI,Tahoma,sans-serif}[dir=rtl] .sidebar{border-left:1px solid #e2e8f0;border-right:none}[dir=rtl] .ml-auto{margin-left:auto;margin-right:0}[dir=rtl] .mr-auto{margin-right:auto;margin-left:0}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.card-header{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#1e293b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:#1e40af;color:#fff}.btn-primary:hover{background:#1e3a8a}.btn-secondary{background:#e2e8f0;color:#475569}.btn-secondary:hover{background:#cbd5e1}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-outline{background:transparent;border:1px solid #e2e8f0;color:#475569}.btn-outline:hover{background:#f1f5f9}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.btn-icon{width:2rem;height:2rem;padding:0;border-radius:6px}.form-group{margin-bottom:1rem}.form-label{display:block;font-weight:500;margin-bottom:.375rem;color:#374151;font-size:.875rem}.form-control{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a}.form-control:disabled,.form-control[readonly]{background:#f1f5f9;cursor:not-allowed}.form-control-file{width:100%;padding:.5rem;border:1px dashed #d1d5db;border-radius:8px;cursor:pointer}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.25rem;padding-right:2.5rem}[dir=ltr] select.form-control{background-position:left .5rem center;padding-right:.75rem;padding-left:2.5rem}textarea.form-control{resize:vertical;min-height:80px}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.75rem;text-align:right;border-bottom:1px solid #e2e8f0}[dir=ltr] .data-table th,[dir=ltr] .data-table td{text-align:left}.data-table th{font-weight:600;color:#475569;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc}.data-table tbody tr:hover{background:#f8fafc}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-pending{background:#fef3c7;color:#92400e}.badge-approved{background:#d1fae5;color:#065f46}.badge-rejected{background:#fee2e2;color:#991b1b}.badge-active{background:#d1fae5;color:#065f46}.badge-inactive{background:#f1f5f9;color:#64748b}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.875rem;font-weight:600;overflow:hidden}.avatar-sm{width:36px;height:36px;font-size:.75rem}.avatar-lg{width:80px;height:80px;font-size:1.5rem}.avatar-xl{width:120px;height:120px;font-size:2rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal-title{font-size:1.125rem;font-weight:600}.modal-footer{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}[dir=ltr] .modal-footer{justify-content:flex-start}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:#1e293b;color:#fff;padding:.75rem 1.25rem;border-radius:8px;font-size:.875rem;z-index:100;animation:slideUp .3s ease;max-width:400px}[dir=ltr] .toast{right:auto;left:1.5rem}@keyframes slideUp{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success{background:#10b981}.toast-error{background:#ef4444}.empty-state{text-align:center;padding:3rem 1rem;color:#94a3b8}.empty-state svg{width:4rem;height:4rem;margin:0 auto 1rem;opacity:.5}.empty-state p{font-size:.875rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-title{font-size:1.5rem;font-weight:700;color:#1e293b}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000001a}.stat-value{font-size:2rem;font-weight:700;color:#1e40af}.stat-label{font-size:.8rem;color:#64748b;margin-top:.25rem}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.w-full{width:100%}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-gray{color:#64748b}.text-primary{color:#1e40af}.font-bold{font-weight:700}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}