@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&family=Tajawal:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cairo,Segoe UI,Tajawal,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl}#app{min-height:100vh;direction:rtl}[dir=rtl]{direction:rtl;text-align:right}:root{--primary-blue: #3b82f6;--primary-blue-dark: #2563eb;--primary-blue-darker: #1d4ed8;--success-green: #10b981;--warning-orange: #f59e0b;--purple: #8b5cf6;--card-shadow: 0 1px 3px rgba(0, 0, 0, .05);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .08);--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--border-color: #e5e7eb;--border-color-light: #f3f4f6;--card-bg: #ffffff;--input-bg: #ffffff;--input-border: #d1d5db;--modal-overlay: rgba(0, 0, 0, .6);--table-header-bg: linear-gradient(135deg, #10b981 0%, #059669 100%);--table-row-hover: rgba(16, 185, 129, .05)}:root.dark{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #374151;--border-color-light: #4b5563;--card-bg: #1f2937;--input-bg: #374151;--input-border: #4b5563;--modal-overlay: rgba(0, 0, 0, .8);--table-header-bg: linear-gradient(135deg, #059669 0%, #047857 100%);--table-row-hover: rgba(16, 185, 129, .1);--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .4)}:root.dark .card-header{background:linear-gradient(to left,rgba(59,130,246,.08) 0%,transparent 100%)!important}:root.dark .modal{box-shadow:0 25px 50px -12px #00000080!important}body{background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--card-bg);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out;display:flex;flex-direction:column;direction:rtl;transition:background-color .3s ease;border:1px solid var(--border-color)}:root.dark .modal{box-shadow:0 25px 50px -12px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal.large-modal{max-width:1000px;border-radius:20px;box-shadow:0 30px 60px -12px #0000004d}.modal.full-width-modal{max-width:95%;width:95%;max-height:95vh;border-radius:20px;box-shadow:0 30px 60px -12px #0000004d}.modal-header{padding:2rem 2.5rem;border-bottom:none;display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;direction:rtl;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:16px 16px 0 0}.modal.large-modal .modal-header,.modal.full-width-modal .modal-header{border-radius:20px 20px 0 0}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.1);flex:1;text-align:right}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:8px;font-size:1.5rem;color:#fff;cursor:pointer;transition:all .3s ease;order:-1;margin-left:auto;margin-right:0}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:2.5rem;direction:rtl;text-align:right;overflow-y:auto;flex:1;background:var(--bg-secondary);transition:background-color .3s ease}.modal-footer{display:flex;justify-content:flex-start;gap:1rem;padding:1.5rem 2.5rem;border-top:1px solid var(--border-color);flex-direction:row;direction:rtl;background:var(--card-bg);border-radius:0 0 16px 16px;box-shadow:0 -4px 6px -1px #0000000d;transition:background-color .3s ease,border-color .3s ease}:root.dark .modal-footer{box-shadow:0 -4px 6px -1px #0003}.modal.large-modal .modal-footer,.modal.full-width-modal .modal-footer{border-radius:0 0 20px 20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-row .form-group{min-width:0}.form-group{display:flex;flex-direction:column;margin-bottom:1rem;min-width:0}.form-group label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-align:right;transition:color .3s ease}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:2px solid var(--input-border);border-radius:10px;font-size:.875rem;transition:all .2s ease;text-align:right;width:100%;box-sizing:border-box;background:var(--input-bg);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group :deep(.searchable-select){width:100%;min-width:0}.form-group :deep(.date-input-wrapper){width:100%;min-width:0}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #10b9814d,0 2px 4px -1px #10b98133;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 10px 15px -3px #10b98166,0 4px 6px -2px #10b9814d;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{padding:.75rem 1.5rem;background:var(--card-bg);color:var(--text-secondary);border:2px solid var(--border-color);border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-color-light);color:var(--text-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}:root.dark .btn-secondary:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.btn-secondary:active{transform:translateY(0)}.btn-danger{padding:.75rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #dc26264d,0 2px 4px -1px #dc262633}.btn-danger:hover{background:#b91c1c;box-shadow:0 10px 15px -3px #dc262666,0 4px 6px -2px #dc26264d;transform:translateY(-2px)}.btn-danger:active{transform:translateY(0)}@media (max-width: 768px){.modal{width:95%;max-height:95vh;border-radius:12px}.modal-header{padding:1.5rem;border-radius:12px 12px 0 0}.modal-header h2{font-size:1.25rem}.modal-body{padding:1.5rem}.modal-footer{padding:1.25rem 1.5rem;border-radius:0 0 12px 12px}.form-row{grid-template-columns:1fr}}