@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap);*{box-sizing:border-box;font-family:Tajawal,sans-serif!important}.min-h-screen{min-height:100vh}.bg-gray-100{background-color:#f3f4f6}.flex{display:flex}.flex-1{flex:1 1}.fixed{position:fixed}.top-0{top:0}.right-0{right:0}.h-full{height:100%}.w-64{width:16rem}.overflow-y-auto{overflow-y:auto}.translate-x-0{transform:translateX(0)}.translate-x-full{transform:translateX(100%)}.transition-transform{transition-property:transform}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-yellow-primary{--tw-gradient-from:#fcd34d;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#fcd34d00)}.to-yellow-400{--tw-gradient-to:#fbbf24}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.z-40{z-index:40}.z-50{z-index:50}.z-30{z-index:30}.p-6{padding:1.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.mt-6{margin-top:1.5rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-yellow-600{border-color:#d97706}.bg-yellow-100{background-color:#fef3c7}.bg-gray-50{background-color:#f9fafb}.border-gray-200{border-color:#e5e7eb}.text-gray-500{color:#6b7280}.justify-between{justify-content:space-between}.hover\:bg-gray-50:hover{background-color:#f9fafb}.bg-black{background-color:#000}.bg-opacity-50{background-color:#00000080}.text-xl{font-size:1.25rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-gray-800{color:#1f2937}.text-gray-700{color:#374151}.text-white{color:#fff}.text-right{text-align:right}.text-center{text-align:center}.absolute{position:absolute}.bottom-0{bottom:0}.left-0{left:0}.inset-0{bottom:0;left:0;right:0;top:0}.h-6{height:1.5rem}.w-6{width:1.5rem}.h-5{height:1.25rem}.w-5{width:1.25rem}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-end{justify-content:flex-end}.gap-3{gap:.75rem}.w-full{width:100%}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.transition-colors{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color}.duration-200{transition-duration:.2s}.hover\:bg-yellow-hover:hover{background-color:#f59e0b}.hover\:shadow-sm:hover{box-shadow:0 1px 2px 0 #0000000d}.top-4{top:1rem}.right-4{right:1rem}@media (min-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:translate-x-0{transform:translateX(0)}.md\:w-64{width:16rem}.md\:mr-0{margin-right:0}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;font-family:Tajawal,-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}.sidebar-container,.sidebar-footer-text,.sidebar-menu-text,.sidebar-title{font-family:Tajawal,sans-serif}.mobile-top-bar{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px 0 #0000001a;display:none;height:60px;justify-content:center;left:0;padding:0 1rem;position:fixed;right:0;top:0;z-index:45}.mobile-page-title{color:#1f2937;font-family:Tajawal,sans-serif;font-size:1.125rem;font-weight:600;margin:0;text-align:center}.mobile-menu-button{background-color:initial;border:none;border-radius:.375rem;cursor:pointer;padding:.5rem;position:absolute;right:1rem;transition:background-color .2s}.mobile-menu-button:hover{background-color:#f3f4f6}.mobile-menu-icon{color:#374151;height:1.5rem;width:1.5rem}.sidebar-mobile-button{display:none}.sidebar-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:30}.sidebar-container{background-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;height:100%;overflow-y:auto;position:fixed;right:0;top:0;transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:16rem;z-index:40}.sidebar-container.mobile-hidden{transform:translateX(100%)}.sidebar-container.mobile-visible{transform:translateX(0)}.sidebar-header{border-bottom:1px solid #e5e7eb;padding-right:20px}.sidebar-header-content{align-items:center;direction:rtl;display:flex;flex-direction:row;justify-content:flex-start}.sidebar-title{color:#144a87;flex-grow:1;font-size:1.25rem;font-weight:700;margin:0;text-align:right}.sidebar-logo{flex-shrink:0;height:70px;object-fit:contain;width:70px}.sidebar-nav{margin-top:1.5rem}.sidebar-menu{list-style:none;margin:0;padding:0 1rem}.sidebar-menu li:not(:last-child){margin-bottom:.5rem}.sidebar-menu-item{align-items:center;background:none;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-weight:500;gap:.75rem;justify-content:flex-start;padding:.75rem 1rem;text-align:right;transition-duration:.2s;transition-property:all;width:100%}.sidebar-menu-item.active{color:#1f2937;font-weight:700}.sidebar-menu-item.active-blue{background-color:#dbeafe;color:#1e40af}.sidebar-menu-item.active-purple{background-color:#e9d5ff;color:#7c3aed}.sidebar-menu-item.active-orange{background-color:#fed7aa;color:#c2410c}.sidebar-menu-item.active-green{background-color:#dcfce7;color:#16a34a}.sidebar-menu-item.active-red{background-color:#fee2e2;color:#dc2626}.sidebar-menu-item.active-yellow{background-color:#fef3c7;color:#ca8a04}.sidebar-menu-item.active-brown{background-color:#f0fdfa;color:#0d9488}.sidebar-menu-item.active-cyan{background-color:#cffafe;color:#0891b2}.sidebar-menu-item.active-gray{background-color:#f3f4f6;color:#4b5563}.sidebar-menu-item.active-pink{background-color:#fce7f3;color:#be185d}.sidebar-menu-item.inactive{color:#374151}.sidebar-menu-item.inactive:hover{background-color:#f9fafb}.sidebar-menu-text{font-size:.875rem}.sidebar-menu-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.sidebar-footer{background-color:#fff;bottom:0;left:0;padding:1rem;position:absolute;right:0}.user-profile{align-items:center;background-color:#f9fafb;border-radius:.5rem;display:flex;gap:.75rem;padding:.5rem}.user-avatar{background-color:#3b82f6;flex-shrink:0;height:40px;width:40px}.user-initial{color:#fff;font-size:1rem;font-weight:600}.user-info{flex:1 1;text-align:right}.user-name{margin:0 0 .25rem}.user-email{color:#6b7280;font-size:.75rem;margin:0;text-align:right}.sidebar-logout-button{align-items:center;background:#fef2f2;border:none;border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease-in-out;width:40px}.sidebar-logout-button:hover{background:#fee2e2;box-shadow:0 2px 4px #dc26261a;transform:translateY(-1px)}.sidebar-logout-button:active{background:#fecaca;box-shadow:0 1px 2px #dc26261a;transform:translateY(0)}.sidebar-logout-icon{color:#dc2626;height:1.25rem;width:1.25rem}.sidebar-spacer{flex-shrink:0;width:16rem}.mobile-content-spacer{display:none}@media (max-width:767px){.mobile-top-bar{display:flex!important}.sidebar-header{display:none}main{padding-top:60px!important}.sidebar-container{height:calc(100% - 60px);top:60px}.sidebar-spacer{display:none}}@media (min-width:768px){.mobile-content-spacer,.mobile-top-bar{display:none!important}.sidebar-overlay{display:none}.sidebar-container{height:100%;top:0;transform:translateX(0)!important}.sidebar-spacer{display:block}}.section-title-dash{border-bottom:1px solid #e5e7eb;color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-top:2.5rem;padding-bottom:.5rem}.stats-grid-dash{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card-dash{background-color:#fff;border-left:5px solid;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;padding:1.5rem;transition:transform .2s,box-shadow .2s}.stat-card-dash:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.stat-card-dash-header{align-items:center;color:#4b5563;display:flex;gap:.75rem;margin-bottom:1rem}.stat-card-dash-header h3{font-size:1rem;font-weight:500;margin:0}.stat-card-dash-value{color:#1f2937;font-size:2.25rem;font-weight:700}.stat-card-dash.blue{border-color:#3b82f6}.stat-card-dash.yellow{border-color:#eab308}.stat-card-dash.orange{border-color:#f97316}.stat-card-dash.purple{border-color:#8b5cf6}.stat-card-dash.green{border-color:#22c55e}.stat-card-dash.cyan{border-color:#06b6d4}.stat-card-dash.red{border-color:#ef4444}.stat-card-dash.gray{border-color:#6b7280}.save-changes-button{align-items:center;background:linear-gradient(135deg,#059669,#047857 50%,#065f46);border:1px solid #fff3;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:2.75rem;outline:none;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.save-changes-button__background{background:linear-gradient(135deg,#047857,#065f46 50%,#064e3b);border-radius:inherit;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.save-changes-button__content{align-items:center;display:flex;gap:.5rem;position:relative;z-index:2}.save-changes-button-text{font-weight:600;transition:all .3s ease;white-space:nowrap}.save-changes-button__shine{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.save-changes-button:hover .save-changes-button__background{opacity:1}.save-changes-button:hover{box-shadow:0 20px 25px -5px #05966966,0 10px 10px -5px #05966933;transform:translateY(-2px)}.save-changes-button:hover .save-changes-button__shine{left:100%}.save-changes-button:active{transform:translateY(-1px) scale(.98)}.save-changes-button--loading{cursor:not-allowed}.save-changes-button--loading .save-changes-button-text{opacity:.8}.save-changes-button__spinner{animation:save-changes-btn-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1.25rem;width:1.25rem}@keyframes save-changes-btn-spin{to{transform:rotate(1turn)}}.save-changes-button:disabled{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:not-allowed;opacity:.5;pointer-events:none;transform:none}.save-changes-button:disabled .save-changes-button-text{color:#ffffffb3}.save-changes-button:focus-visible{outline:2px solid #10b981;outline-offset:2px}[dir=rtl] .save-changes-button{direction:rtl}[dir=rtl] .save-changes-button__shine{background:linear-gradient(-90deg,#0000,#fff6,#0000)}[dir=rtl] .save-changes-button:hover .save-changes-button__shine{left:-100%}@media (max-width:768px){.save-changes-button{font-size:.9rem;min-height:3rem;padding:.875rem 1.25rem}}@media (hover:none) and (pointer:coarse){.save-changes-button{min-height:44px}.save-changes-button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:none}.save-changes-button:hover .save-changes-button__background{opacity:0}.save-changes-button:active{transform:scale(.95)}.save-changes-button:active .save-changes-button__background{opacity:1}}@media (prefers-contrast:high){.save-changes-button{border-color:currentColor;border-width:2px}}@media (prefers-reduced-motion:reduce){.save-changes-button{transition:none}.save-changes-button__background,.save-changes-button__shine,.save-changes-button__spinner{animation:none;transition:none}.save-changes-button:hover .save-changes-button__shine{left:-100%}}@media (prefers-color-scheme:dark){.save-changes-button{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.save-changes-button:hover{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}}@media print{.save-changes-button{background:#fff!important;border:1px solid #000!important;box-shadow:none!important;color:#000!important}.save-changes-button__background,.save-changes-button__shine{display:none}}.cancel-button{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb 50%,#d1d5db);border:1px solid #0000001a;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#374151;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:2.75rem;outline:none;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.cancel-button__background{background:linear-gradient(135deg,#e5e7eb,#d1d5db 50%,#9ca3af);border-radius:inherit;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.cancel-button__content{align-items:center;display:flex;gap:.5rem;position:relative;z-index:2}.cancel-button-text{font-weight:600;transition:all .3s ease;white-space:nowrap}.cancel-button__shine{background:linear-gradient(90deg,#0000,#fff9,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.cancel-button:hover .cancel-button__background{opacity:1}.cancel-button:hover{box-shadow:0 20px 25px -5px #9ca3af4d,0 10px 10px -5px #9ca3af1a;transform:translateY(-2px)}.cancel-button:hover .cancel-button__shine{left:100%}.cancel-button:active{transform:translateY(-1px) scale(.98)}.cancel-button--loading{cursor:not-allowed}.cancel-button--loading .cancel-button-text{opacity:.8}.cancel-button__spinner{animation:cancel-btn-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1.25rem;width:1.25rem}@keyframes cancel-btn-spin{to{transform:rotate(1turn)}}.cancel-button:disabled{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:not-allowed;opacity:.5;pointer-events:none;transform:none}.cancel-button:disabled .cancel-button-text{color:#9ca3af}.cancel-button:focus-visible{outline:2px solid #6b7280;outline-offset:2px}[dir=rtl] .cancel-button{direction:rtl}[dir=rtl] .cancel-button__shine{background:linear-gradient(-90deg,#0000,#fff9,#0000)}[dir=rtl] .cancel-button:hover .cancel-button__shine{left:-100%}@media (max-width:768px){.cancel-button{font-size:.9rem;min-height:3rem;padding:.875rem 1.25rem}}@media (hover:none) and (pointer:coarse){.cancel-button{min-height:44px}.cancel-button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:none}.cancel-button:hover .cancel-button__background{opacity:0}.cancel-button:active{transform:scale(.95)}.cancel-button:active .cancel-button__background{opacity:1}}@media (prefers-contrast:high){.cancel-button{border-color:currentColor;border-width:2px}}@media (prefers-reduced-motion:reduce){.cancel-button{transition:none}.cancel-button__background,.cancel-button__shine,.cancel-button__spinner{animation:none;transition:none}.cancel-button:hover .cancel-button__shine{left:-100%}}@media (prefers-color-scheme:dark){.cancel-button{background:linear-gradient(135deg,#374151,#4b5563 50%,#6b7280);border:1px solid #ffffff1a;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;color:#f9fafb}.cancel-button__background{background:linear-gradient(135deg,#4b5563,#6b7280 50%,#9ca3af)}.cancel-button:hover{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}}@media print{.cancel-button{background:#fff!important;border:1px solid #000!important;box-shadow:none!important;color:#000!important}.cancel-button__background,.cancel-button__shine{display:none}}.save-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);border:1px solid #fff3;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:2.75rem;outline:none;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.save-button__background{background:linear-gradient(135deg,#2563eb,#1d4ed8 50%,#1e40af);border-radius:inherit;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.save-button__content{align-items:center;display:flex;gap:.5rem;position:relative;z-index:2}.save-button-text{font-weight:600;transition:all .3s ease;white-space:nowrap}.save-button__shine{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.save-button:hover .save-button__background{opacity:1}.save-button:hover{box-shadow:0 20px 25px -5px #3b82f666,0 10px 10px -5px #3b82f633;transform:translateY(-2px)}.save-button:hover .save-button__shine{left:100%}.save-button:active{transform:translateY(-1px) scale(.98)}.save-button--loading{cursor:not-allowed}.save-button--loading .save-button-text{opacity:.8}.save-button__spinner{animation:save-btn-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1.25rem;width:1.25rem}@keyframes save-btn-spin{to{transform:rotate(1turn)}}.save-button:disabled{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:not-allowed;opacity:.5;pointer-events:none;transform:none}.save-button:disabled .save-button-text{color:#ffffffb3}.save-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}[dir=rtl] .save-button{direction:rtl}[dir=rtl] .save-button__shine{background:linear-gradient(-90deg,#0000,#fff6,#0000)}[dir=rtl] .save-button:hover .save-button__shine{left:-100%}@media (max-width:768px){.save-button{font-size:.9rem;min-height:3rem;padding:.875rem 1.25rem}}@media (hover:none) and (pointer:coarse){.save-button{min-height:44px}.save-button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:none}.save-button:hover .save-button__background{opacity:0}.save-button:active{transform:scale(.95)}.save-button:active .save-button__background{opacity:1}}@media (prefers-contrast:high){.save-button{border-color:currentColor;border-width:2px}}@media (prefers-reduced-motion:reduce){.save-button{transition:none}.save-button__background,.save-button__shine,.save-button__spinner{animation:none;transition:none}.save-button:hover .save-button__shine{left:-100%}}@media (prefers-color-scheme:dark){.save-button{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.save-button:hover{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}}@media print{.save-button{background:#fff!important;border:1px solid #000!important;box-shadow:none!important;color:#000!important}.save-button__background,.save-button__shine{display:none}}.filter-button-container{display:inline-block;position:relative}.filter-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-family:Tajawal,sans-serif;font-size:.875rem;height:2.75rem;justify-content:center;padding:.75rem;transition:all .2s ease-in-out;width:2.75rem}.filter-button:hover{background-color:#f9fafb;border-color:#9ca3af}.filter-button:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-button.active{background-color:#f3f4f6;border-color:#6b7280}.filter-button.filter-active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.filter-button.filter-active:hover{background-color:#2563eb;border-color:#2563eb}.filter-button:disabled{color:#9ca3af;cursor:not-allowed}.filter-button:disabled,.filter-button:disabled:hover{background-color:#f9fafb;border-color:#e5e7eb}.filter-button-content{align-items:center;display:flex;justify-content:center}.filter-icon{color:#6b7280;flex-shrink:0;height:1.25rem;transition:color .2s ease-in-out;width:1.25rem}.filter-icon-active{color:#fff}.filter-dropdown{left:0;margin-top:.25rem;min-width:180px;position:absolute;top:100%;width:-webkit-max-content;width:max-content;z-index:50}.filter-dropdown-content{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:200px;min-width:180px;overflow-y:auto;padding:.25rem}.filter-option{background-color:initial;border:none;border-radius:.375rem;color:#374151;cursor:pointer;display:block;font-family:Tajawal,sans-serif;font-size:.875rem;min-width:150px;padding:.5rem .75rem;text-align:right;transition:background-color .15s ease-in-out;white-space:nowrap;width:100%}.filter-option:hover{background-color:#f3f4f6}.filter-option.selected{background-color:#3b82f6;color:#fff}.filter-option.selected:hover{background-color:#2563eb}.filter-dropdown-content::-webkit-scrollbar{width:6px}.filter-dropdown-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.filter-dropdown-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.filter-dropdown-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.delete-action-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:.375rem;justify-content:center;outline:none;overflow:hidden;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.delete-action-btn--icon-only,.delete-action-btn--mobile,.delete-action-btn--table{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#dc2626;height:2.5rem;min-width:2.5rem;padding:.5rem}.delete-action-btn__icon{stroke-width:2;height:1.125rem;transition:transform .2s ease;width:1.125rem}.delete-action-btn__text{font-size:.875rem;font-weight:500;white-space:nowrap}.delete-action-btn:hover{box-shadow:0 4px 12px #dc262626;transform:translateY(-1px)}.delete-action-btn--icon-only:hover,.delete-action-btn--mobile:hover,.delete-action-btn--table:hover{background:linear-gradient(135deg,#fca5a5,#f87171);border-color:#f87171;color:#991b1b}.delete-action-btn:hover .delete-action-btn__icon{transform:scale(1.1)}.delete-action-btn:active{box-shadow:0 2px 4px #dc262633;transform:translateY(0)}.delete-action-btn:focus-visible{outline:2px solid #dc2626;outline-offset:2px}.delete-action-btn--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.delete-action-btn--loading{cursor:not-allowed}.delete-action-btn--loading .delete-action-btn__text{opacity:.7}.delete-action-btn__spinner{animation:delete-action-btn-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1.125rem;width:1.125rem}@keyframes delete-action-btn-spin{to{transform:rotate(1turn)}}.delete-action-btn__confirmation-overlay{align-items:center;animation:delete-action-btn-overlay-fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-action-btn__confirmation-modal{animation:delete-action-btn-modal-slideIn .3s ease-out;background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:1.5rem;width:90%}.delete-action-btn__confirmation-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.delete-action-btn__confirmation-icon{color:#dc2626;height:1.5rem;width:1.5rem}.delete-action-btn__confirmation-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.delete-action-btn__confirmation-message{color:#6b7280;line-height:1.5;margin:0 0 1.5rem}.delete-action-btn__confirmation-actions{display:flex;gap:.75rem;justify-content:flex-end}.delete-action-btn__cancel,.delete-action-btn__confirm{border:1px solid #0000;border-radius:.5rem;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.delete-action-btn__confirm{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.delete-action-btn__confirm:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.delete-action-btn__cancel{background:#f9fafb;border-color:#d1d5db;color:#374151}.delete-action-btn__cancel:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}@keyframes delete-action-btn-overlay-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes delete-action-btn-modal-slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}[dir=rtl] .delete-action-btn{direction:rtl}[dir=rtl] .delete-action-btn__confirmation-actions{justify-content:flex-start}@media (max-width:768px){.delete-action-btn--table{min-width:2.5rem}.delete-action-btn--mobile,.delete-action-btn--table{height:2.5rem;padding:.5rem}.delete-action-btn__confirmation-modal{margin:1rem;width:calc(100% - 2rem)}.delete-action-btn__confirmation-actions{flex-direction:column;gap:.5rem}.delete-action-btn__cancel,.delete-action-btn__confirm{justify-content:center;width:100%}}@media (prefers-color-scheme:dark){.delete-action-btn__confirmation-modal{background:#1f2937;color:#f9fafb}.delete-action-btn__confirmation-header h3{color:#f9fafb}.delete-action-btn__confirmation-message{color:#d1d5db}.delete-action-btn__cancel{background:#374151;border-color:#4b5563;color:#f9fafb}.delete-action-btn__cancel:hover{background:#4b5563;border-color:#6b7280}}.edit-action-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:.375rem;justify-content:center;outline:none;overflow:hidden;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.edit-action-btn--icon-only,.edit-action-btn--mobile,.edit-action-btn--table{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#2563eb;height:2.5rem;min-width:2.5rem;padding:.5rem}.edit-action-btn__icon{stroke-width:2;height:1.125rem;transition:all .2s ease;width:1.125rem;z-index:1}.edit-action-btn__text{font-size:.875rem;font-weight:500;white-space:nowrap;z-index:1}.edit-action-btn__ripple{background:#ffffff4d;border-radius:50%;height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.edit-action-btn:hover{box-shadow:0 4px 12px #2563eb26;transform:translateY(-1px)}.edit-action-btn--icon-only:hover,.edit-action-btn--mobile:hover,.edit-action-btn--table:hover{background:linear-gradient(135deg,#93c5fd,#60a5fa);border-color:#60a5fa;color:#1d4ed8}.edit-action-btn:hover .edit-action-btn__icon{transform:scale(1.1)}.edit-action-btn--pressed,.edit-action-btn:active{box-shadow:0 2px 4px #2563eb33;transform:translateY(0) scale(.98)}.edit-action-btn--pressed .edit-action-btn__ripple{background:#ffffff80;height:120%;width:120%}.edit-action-btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.edit-action-btn--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.edit-action-btn--loading{cursor:not-allowed}.edit-action-btn--loading .edit-action-btn__text{opacity:.7}.edit-action-btn__spinner{animation:edit-action-btn-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1.125rem;width:1.125rem;z-index:1}@keyframes edit-action-btn-spin{to{transform:rotate(1turn)}}.edit-action-btn--success{background:linear-gradient(135deg,#bbf7d0,#86efac);border-color:#86efac;color:#059669}.edit-action-btn--success .edit-action-btn__icon{animation:edit-action-btn-success-pulse .6s ease-in-out}@keyframes edit-action-btn-success-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.edit-action-btn:hover .edit-action-btn__text{letter-spacing:.025em}.edit-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.edit-action-btn:hover:before{left:100%}[dir=rtl] .edit-action-btn{direction:rtl}[dir=rtl] .edit-action-btn:before{background:linear-gradient(-90deg,#0000,#fff3,#0000)}[dir=rtl] .edit-action-btn:hover:before{left:-100%}@media (max-width:768px){.edit-action-btn--table{min-width:2.5rem}.edit-action-btn--mobile,.edit-action-btn--table{height:2.5rem;padding:.5rem}.edit-action-btn__icon{height:1.125rem;width:1.125rem}}@media (hover:none) and (pointer:coarse){.edit-action-btn{min-height:44px;padding:.75rem}.edit-action-btn:hover{box-shadow:none;transform:none}.edit-action-btn:active{transform:scale(.95)}}@media (prefers-contrast:high){.edit-action-btn{border-width:2px}.edit-action-btn--icon-only,.edit-action-btn--mobile,.edit-action-btn--table{background:#fff;border-color:#00f;color:#00f}.edit-action-btn:hover{background:#00f;color:#fff}}@media (prefers-reduced-motion:reduce){.edit-action-btn{transition:none}.edit-action-btn__icon,.edit-action-btn__ripple,.edit-action-btn__spinner{animation:none;transition:none}.edit-action-btn:hover .edit-action-btn__icon{transform:none}}@media (prefers-color-scheme:dark){.edit-action-btn--icon-only,.edit-action-btn--mobile,.edit-action-btn--table{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border-color:#3b82f6;color:#dbeafe}.edit-action-btn:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);border-color:#60a5fa;color:#fff}.edit-action-btn--success{background:linear-gradient(135deg,#064e3b,#059669);border-color:#10b981;color:#bbf7d0}}.view-action-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:.375rem;justify-content:center;outline:none;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.view-action-btn--icon-only,.view-action-btn--mobile,.view-action-btn--table{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;color:#16a34a;height:2.5rem;min-width:2.5rem;padding:.5rem}.view-action-btn__background{background:linear-gradient(135deg,#86efac,#4ade80);border-radius:inherit;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.view-action-btn__content{align-items:center;display:flex;gap:.375rem;position:relative;z-index:2}.view-action-btn__icon{stroke-width:2;height:1.125rem;transition:all .3s ease;width:1.125rem;z-index:1}.view-action-btn__text{font-size:.875rem;font-weight:500;transition:all .3s ease;white-space:nowrap;z-index:1}.view-action-btn__shine{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.view-action-btn:hover{box-shadow:0 8px 25px #16a34a26;transform:translateY(-2px)}.view-action-btn:hover .view-action-btn__background{opacity:1}.view-action-btn:hover .view-action-btn__icon{filter:drop-shadow(0 2px 4px rgba(255,255,255,.3));transform:scale(1.15)}.view-action-btn:hover .view-action-btn__text{color:#fff;text-shadow:0 1px 2px #0000001a}.view-action-btn:hover .view-action-btn__shine{left:100%}.view-action-btn--hovered .view-action-btn__icon{animation:view-action-btn-pulse 2s ease-in-out infinite}@keyframes view-action-btn-pulse{0%,to{opacity:1}50%{opacity:.7}}.view-action-btn:active{box-shadow:0 4px 12px #16a34a33;transform:translateY(-1px) scale(.98)}.view-action-btn:focus-visible{outline:2px solid #16a34a;outline-offset:2px}.view-action-btn--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.view-action-btn--loading{cursor:not-allowed}.view-action-btn--loading .view-action-btn__text{opacity:.7}.view-action-btn__spinner{animation:view-action-btn-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1.125rem;width:1.125rem;z-index:1}@keyframes view-action-btn-spin{to{transform:rotate(1turn)}}.view-action-btn:before{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0;z-index:1}.view-action-btn:hover:before{height:200%;width:200%}.view-action-btn--success{animation:view-action-btn-success .6s ease-in-out}@keyframes view-action-btn-success{0%{transform:scale(1)}50%{box-shadow:0 0 20px #16a34a66;transform:scale(1.05)}to{transform:scale(1)}}.view-action-btn__icon--blink{animation:view-action-btn-blink 3s ease-in-out infinite}@keyframes view-action-btn-blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}[dir=rtl] .view-action-btn{direction:rtl}[dir=rtl] .view-action-btn__shine{background:linear-gradient(-90deg,#0000,#fff6,#0000)}[dir=rtl] .view-action-btn:hover .view-action-btn__shine{left:-100%}@media (max-width:768px){.view-action-btn--table{min-width:2.5rem}.view-action-btn--mobile,.view-action-btn--table{height:2.5rem;padding:.5rem}.view-action-btn__icon{height:1.125rem;width:1.125rem}}@media (hover:none) and (pointer:coarse){.view-action-btn{min-height:44px;padding:.75rem}.view-action-btn:hover{box-shadow:none;transform:none}.view-action-btn:hover .view-action-btn__background{opacity:0}.view-action-btn:active{transform:scale(.95)}.view-action-btn:active .view-action-btn__background{opacity:1}}@media (prefers-contrast:high){.view-action-btn{border-width:2px}.view-action-btn--icon-only,.view-action-btn--mobile,.view-action-btn--table{background:#fff;border-color:green;color:green}.view-action-btn:hover{background:green;color:#fff}.view-action-btn__background{background:green}}@media (prefers-reduced-motion:reduce){.view-action-btn{transition:none}.view-action-btn__background,.view-action-btn__icon,.view-action-btn__shine,.view-action-btn__spinner{animation:none;transition:none}.view-action-btn:hover .view-action-btn__icon{transform:none}.view-action-btn:hover .view-action-btn__shine{left:-100%}}@media (prefers-color-scheme:dark){.view-action-btn--icon-only,.view-action-btn--mobile,.view-action-btn--table{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#059669;color:#bbf7d0}.view-action-btn__background{background:linear-gradient(135deg,#059669,#10b981)}.view-action-btn:hover .view-action-btn__text{color:#fff}.view-action-btn:hover{box-shadow:0 8px 25px #10b98126}}@media print{.view-action-btn{background:#fff!important;border:1px solid #000!important;box-shadow:none!important;color:#000!important}.view-action-btn__background,.view-action-btn__shine{display:none}}.add-btn{align-items:center;border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:2.75rem;outline:none;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.add-btn__background{border-radius:inherit;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.add-btn__content{align-items:center;display:flex;gap:.5rem;position:relative;z-index:2}.add-btn__icon{stroke-width:2.5;height:1.25rem;transition:all .3s ease;width:1.25rem}.add-btn__text{font-weight:600;transition:all .3s ease;white-space:nowrap}.add-btn__shine{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.add-btn--blue{background:linear-gradient(135deg,#0ea5e9,#0284c7 50%,#0369a1);border:1px solid #fff3;color:#fff}.add-btn--blue .add-btn__background{background:linear-gradient(135deg,#0284c7,#0369a1 50%,#075985)}.add-btn--blue:hover{box-shadow:0 20px 25px -5px #0ea5e966,0 10px 10px -5px #0ea5e933;transform:translateY(-2px)}.add-btn--teal{background:linear-gradient(135deg,#14b8a6,#0d9488 50%,#0f766e);border:1px solid #fff3;color:#fff}.add-btn--teal .add-btn__background{background:linear-gradient(135deg,#0d9488,#0f766e 50%,#115e59)}.add-btn--teal:hover{box-shadow:0 20px 25px -5px #14b8a666,0 10px 10px -5px #14b8a633;transform:translateY(-2px)}.add-btn--yellow{background:linear-gradient(135deg,#eab308,#ca8a04 50%,#a16207);border:1px solid #fff3;color:#fff}.add-btn--yellow .add-btn__background{background:linear-gradient(135deg,#ca8a04,#a16207 50%,#854d0e)}.add-btn--yellow:hover{box-shadow:0 20px 25px -5px #eab30866,0 10px 10px -5px #eab30833;transform:translateY(-2px)}.add-btn--red{background:linear-gradient(135deg,#ef4444,#dc2626 50%,#b91c1c);border:1px solid #fff3;color:#fff}.add-btn--red .add-btn__background{background:linear-gradient(135deg,#dc2626,#b91c1c 50%,#991b1b)}.add-btn--red:hover{box-shadow:0 20px 25px -5px #ef444466,0 10px 10px -5px #ef444433;transform:translateY(-2px)}.add-btn--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed 50%,#6d28d9);border:1px solid #fff3;color:#fff}.add-btn--purple .add-btn__background{background:linear-gradient(135deg,#7c3aed,#6d28d9 50%,#5b21b6)}.add-btn--purple:hover{box-shadow:0 20px 25px -5px #8b5cf666,0 10px 10px -5px #8b5cf633;transform:translateY(-2px)}.add-btn--pink{background:linear-gradient(135deg,#ec4899,#db2777 50%,#be185d);border:1px solid #fff3;color:#fff}.add-btn--pink .add-btn__background{background:linear-gradient(135deg,#db2777,#be185d 50%,#9d174d)}.add-btn--pink:hover{box-shadow:0 20px 25px -5px #ec489966,0 10px 10px -5px #ec489933;transform:translateY(-2px)}.add-btn:hover .add-btn__background{opacity:1}.add-btn:hover .add-btn__icon{transform:scale(1.1) rotate(90deg)}.add-btn:hover .add-btn__shine{left:100%}.add-btn--pressed,.add-btn:active{transform:translateY(-1px) scale(.98)}.add-btn--pressed .add-btn__background{opacity:1}.add-btn--loading{cursor:not-allowed}.add-btn--loading .add-btn__text{opacity:.8}.add-btn__spinner{animation:add-btn-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1.25rem;width:1.25rem}@keyframes add-btn-spin{to{transform:rotate(1turn)}}.add-btn--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.add-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}[dir=rtl] .add-btn{direction:rtl}[dir=rtl] .add-btn__shine{background:linear-gradient(-90deg,#0000,#fff6,#0000)}[dir=rtl] .add-btn:hover .add-btn__shine{left:-100%}@media (max-width:768px){.add-btn{font-size:.9rem;min-height:3rem;padding:.875rem 1.25rem}.add-btn__icon{height:1.375rem;width:1.375rem}}@media (hover:none) and (pointer:coarse){.add-btn{min-height:44px}.add-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:none}.add-btn:hover .add-btn__background{opacity:0}.add-btn:active{transform:scale(.95)}.add-btn:active .add-btn__background{opacity:1}}@media (prefers-contrast:high){.add-btn{border-color:currentColor;border-width:2px}}@media (prefers-reduced-motion:reduce){.add-btn{transition:none}.add-btn__background,.add-btn__icon,.add-btn__shine,.add-btn__spinner{animation:none;transition:none}.add-btn:hover .add-btn__icon{transform:none}.add-btn:hover .add-btn__shine{left:-100%}}@media (prefers-color-scheme:dark){.add-btn{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.add-btn:hover{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}}@media print{.add-btn{background:#fff!important;border:1px solid #000!important;box-shadow:none!important;color:#000!important}.add-btn__background,.add-btn__shine{display:none}}.voucher-btn{align-items:center;border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:2.75rem;outline:none;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.voucher-btn__background{border-radius:inherit;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.voucher-btn__content{align-items:center;display:flex;gap:.5rem;position:relative;z-index:2}.voucher-btn__icon{stroke-width:2.5;stroke-dasharray:100;stroke-dashoffset:0;height:1.25rem;transition:transform .3s ease;width:1.25rem}.voucher-btn__text{font-weight:600;transition:all .3s ease;white-space:nowrap}.voucher-btn__shine{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.voucher-btn--expense{background:linear-gradient(135deg,#ef4444,#dc2626 50%,#b91c1c);border:1px solid #fff3;color:#fff}.voucher-btn--expense .voucher-btn__background{background:linear-gradient(135deg,#dc2626,#b91c1c 50%,#991b1b)}.voucher-btn--expense:hover{box-shadow:0 20px 25px -5px #ef444466,0 10px 10px -5px #ef444433;transform:translateY(-2px)}.voucher-btn--receipt{background:linear-gradient(135deg,#10b981,#059669 50%,#047857);border:1px solid #fff3;color:#fff}.voucher-btn--receipt .voucher-btn__background{background:linear-gradient(135deg,#059669,#047857 50%,#065f46)}.voucher-btn--receipt:hover{box-shadow:0 20px 25px -5px #10b98166,0 10px 10px -5px #10b98133;transform:translateY(-2px)}.voucher-btn--transfer{background:linear-gradient(135deg,#8b5cf6,#7c3aed 50%,#6d28d9);border:1px solid #fff3;color:#fff}.voucher-btn--transfer .voucher-btn__background{background:linear-gradient(135deg,#7c3aed,#6d28d9 50%,#5b21b6)}.voucher-btn--transfer:hover{box-shadow:0 20px 25px -5px #8b5cf666,0 10px 10px -5px #8b5cf633;transform:translateY(-2px)}.voucher-btn:hover .voucher-btn__background{opacity:1}.voucher-btn:hover .voucher-btn__icon{animation:icon-redraw .8s ease-in-out;transform:scale(1.1)}.voucher-btn:hover .voucher-btn__shine{left:100%}@keyframes icon-redraw{0%{stroke-dashoffset:100;opacity:.3}50%{stroke-dashoffset:50;opacity:.7}to{stroke-dashoffset:0;opacity:1}}.voucher-btn--pressed,.voucher-btn:active{transform:translateY(-1px) scale(.98)}.voucher-btn--pressed .voucher-btn__background{opacity:1}.voucher-btn--loading{cursor:not-allowed}.voucher-btn--loading .voucher-btn__text{opacity:.8}.voucher-btn__spinner{animation:voucher-btn-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1.25rem;width:1.25rem}@keyframes voucher-btn-spin{to{transform:rotate(1turn)}}.voucher-btn--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.voucher-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}[dir=rtl] .voucher-btn{direction:rtl}[dir=rtl] .voucher-btn__shine{background:linear-gradient(-90deg,#0000,#fff6,#0000)}[dir=rtl] .voucher-btn:hover .voucher-btn__shine{left:-100%}@media (max-width:768px){.voucher-btn{font-size:.9rem;min-height:3rem;padding:.875rem 1.25rem}.voucher-btn__icon{height:1.375rem;width:1.375rem}}@media (hover:none) and (pointer:coarse){.voucher-btn{min-height:44px}.voucher-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:none}.voucher-btn:hover .voucher-btn__background{opacity:0}.voucher-btn:active{transform:scale(.95)}.voucher-btn:active .voucher-btn__background{opacity:1}}@media (prefers-contrast:high){.voucher-btn{border-color:currentColor;border-width:2px}}@media (prefers-reduced-motion:reduce){.voucher-btn{transition:none}.voucher-btn__background,.voucher-btn__icon,.voucher-btn__shine,.voucher-btn__spinner{animation:none;transition:none}.voucher-btn__icon{stroke-dasharray:none;stroke-dashoffset:0}.voucher-btn:hover .voucher-btn__icon{stroke-dashoffset:0;animation:none;transform:none}.voucher-btn:hover .voucher-btn__shine{left:-100%}}@media (prefers-color-scheme:dark){.voucher-btn{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.voucher-btn:hover{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}}@media print{.voucher-btn{background:#fff!important;border:1px solid #000!important;box-shadow:none!important;color:#000!important}.voucher-btn__background,.voucher-btn__shine{display:none}}.voucher-buttons-group{display:flex;flex-wrap:wrap;gap:.75rem}.voucher-buttons-group .voucher-btn{flex:1 1;min-width:160px}@media (max-width:768px){.voucher-buttons-group{flex-direction:column}.voucher-buttons-group .voucher-btn{width:100%}}.remove-action-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:.375rem;justify-content:center;outline:none;overflow:hidden;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.remove-action-btn--icon-only,.remove-action-btn--mobile,.remove-action-btn--table{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#d97706;height:2.5rem;min-width:2.5rem;padding:.5rem}.remove-action-btn__icon{stroke-width:2;height:1.125rem;transition:transform .2s cubic-bezier(.4,0,.2,1);width:1.125rem}.remove-action-btn:hover{box-shadow:0 4px 12px #d9770626;transform:translateY(-1px)}.remove-action-btn--icon-only:hover,.remove-action-btn--mobile:hover,.remove-action-btn--table:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:#f59e0b;color:#b45309}.remove-action-btn:hover .remove-action-btn__icon{transform:scale(1.1)}.remove-action-btn--pressed,.remove-action-btn:active{box-shadow:0 2px 4px #d977061a;transform:translateY(0)}.remove-action-btn--pressed .remove-action-btn__icon{transform:scale(.95)}.remove-action-btn--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.remove-action-btn--disabled:hover{box-shadow:none;transform:none}.remove-action-btn--loading{pointer-events:none}.remove-action-btn__spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1.125rem;width:1.125rem}.remove-action-btn__ripple{background:radial-gradient(circle,#d9770633 0,#0000 70%);border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.remove-action-btn:active .remove-action-btn__ripple{opacity:1;transform:scale(1);transition-duration:.15s}@media (prefers-color-scheme:dark){.remove-action-btn--icon-only,.remove-action-btn--mobile,.remove-action-btn--table{background:linear-gradient(135deg,#451a03,#713f12);border-color:#92400e;color:#fbbf24}.remove-action-btn--icon-only:hover,.remove-action-btn--mobile:hover,.remove-action-btn--table:hover{background:linear-gradient(135deg,#713f12,#92400e);border-color:#d97706;color:#fde68a}.remove-action-btn:hover{box-shadow:0 4px 12px #fbbf2426}.remove-action-btn:focus-visible{outline-color:#fbbf24}}@media (max-width:768px){.remove-action-btn--table{height:2.25rem;min-width:2.25rem;padding:.375rem}.remove-action-btn__icon{height:1rem;width:1rem}}@media (prefers-contrast:high){.remove-action-btn{border-width:2px}.remove-action-btn--icon-only,.remove-action-btn--mobile,.remove-action-btn--table{background:#fef3c7;border-color:#451a03;color:#451a03}.remove-action-btn--icon-only:hover,.remove-action-btn--mobile:hover,.remove-action-btn--table:hover{background:#451a03;color:#fef3c7}}@media (prefers-reduced-motion:reduce){.remove-action-btn,.remove-action-btn__icon,.remove-action-btn__ripple{transition:none}.remove-action-btn:hover{transform:none}.remove-action-btn__spinner{animation:none}}@media print{.remove-action-btn{display:none}}.remove-action-btn{-webkit-tap-highlight-color:transparent}.remove-action-btn:focus{outline:none}.remove-action-btn:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}@media (hover:none){.remove-action-btn:hover{box-shadow:none;transform:none}.remove-action-btn:active{transform:scale(.95)}}.date-range-picker{display:inline-block;position:relative}.date-range-picker-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;display:flex;height:2.75rem;justify-content:center;transition:all .2s;width:2.75rem}.date-range-picker-button:hover{background-color:#f9fafb;border-color:#9ca3af}.date-range-picker-button:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-range-picker-icon{color:#6b7280;height:1.25rem;width:1.25rem}.date-range-picker-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.date-range-picker-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;direction:rtl;left:0;min-width:280px;position:absolute;top:calc(100% + 8px);z-index:1000}.date-range-picker-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.date-range-picker-header h3{color:#1f2937;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:600;margin:0}.date-range-picker-close{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:color .2s}.date-range-picker-close:hover{color:#374151}.date-range-picker-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.date-input-group{display:flex;flex-direction:column;gap:.5rem}.date-label{font-weight:500}.date-label,.date-range-input{color:#374151;font-family:Tajawal,sans-serif;font-size:.875rem}.date-range-input{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;direction:rtl;padding:.75rem;transition:border-color .2s,box-shadow .2s}.date-range-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-range-picker-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:space-between;padding:1rem}.date-range-apply-btn,.date-range-clear-btn{border:none;border-radius:.375rem;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.date-range-clear-btn{background-color:#f3f4f6;color:#374151}.date-range-clear-btn:hover{background-color:#e5e7eb}.date-range-apply-btn{background-color:#3b82f6;color:#fff}.date-range-apply-btn:hover{background-color:#2563eb}@media (max-width:768px){.date-range-picker-dropdown{left:0;min-width:260px;right:auto;transform:none}}.projects-container{margin:0 auto;max-width:1300px;min-height:100vh;padding:1.5rem;text-align:right}.projects-container h1{border-bottom:2px solid #8b5cf6;color:#1f2937;font-family:Tajawal,sans-serif;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}@media (max-width:768px){.new-project-container h1,.page-title h1,.projects-container h1{display:none}}.projects-content{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2rem}.projects-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{border:1px solid #e5e7eb;transition:all .2s}.stat-card:hover{transform:translateY(-1px)}.stat-icon{flex-shrink:0}.total-icon{color:#3b82f6}.completed-icon{color:#10b981}.active-icon{color:#f59e0b}.pending-icon{color:#6b7280}.stat-header h3{color:#6b7280;font-size:.875rem;font-weight:500}.total-value{color:#3b82f6}.completed-value{color:#10b981}.active-value{color:#f59e0b}.pending-value{color:#6b7280}.financial-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.financial-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;color:#fff;padding:1.5rem;transition:all .2s}.financial-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.paid-card{background:linear-gradient(135deg,#10b981,#059669)}.remaining-card{background:linear-gradient(135deg,#ef4444,#dc2626)}.financial-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.financial-icon{color:#fff;height:1.5rem;width:1.5rem}.financial-header h3{color:#ffffffe6;font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:500;margin:0}.financial-value{color:#fff;font-family:Tajawal,sans-serif;font-size:1.5rem;font-weight:700}.list-header{margin-bottom:1.5rem;padding-bottom:1rem}.projects-display{width:100%}.projects-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;direction:rtl;display:block;overflow:hidden}.projects-table{border-collapse:collapse;direction:rtl;width:100%}.projects-table thead{background-color:#f9fafb}.projects-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:600;padding:1rem;text-align:right}.projects-table td{border-bottom:1px solid #f3f4f6;padding:1rem;text-align:right;vertical-align:middle}.project-row:hover{background-color:#f9fafb}.customer-cell{color:#111827}.customer-cell,.project-type-cell{word-wrap:break-word;font-family:Tajawal,sans-serif;font-size:.875rem;max-width:200px}.project-type-cell{color:#374151}.amount-cell,.paid-cell,.remaining-cell{font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:500;min-width:120px}.amount-value{color:#374151}.paid-value{color:#10b981}.remaining-value{font-weight:600}.status-cell{min-width:100px}.projects-table .status-badge{border-radius:9999px!important;display:inline-block!important;font-family:Tajawal,sans-serif!important;font-size:.75rem!important;font-weight:500!important;margin-top:0!important;padding:.25rem .75rem!important}.date-cell{font-family:Tajawal,sans-serif;white-space:nowrap}.projects-mobile-cards{display:none;flex-direction:column;gap:1rem}.mobile-project-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1rem;overflow:hidden;transition:all .2s}.mobile-project-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.mobile-project-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.mobile-project-title{color:#111827;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:600;margin:0}.mobile-customer-name{color:#6b7280;font-size:.875rem;margin:0}.mobile-project-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.mobile-project-actions .delete-action-btn--mobile,.mobile-project-actions .edit-action-btn--mobile,.mobile-project-actions .view-action-btn--mobile{flex-shrink:0;height:2.5rem;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.mobile-edit-btn:hover{background-color:#fde68a;color:#b45309}.mobile-info-value.paid{color:#10b981}.mobile-info-value.remaining{font-weight:600}.projects-mobile-cards .mobile-status-badge{border-radius:9999px!important;color:#fff!important;display:inline-block!important;font-family:Tajawal,sans-serif!important;font-size:.75rem!important;font-weight:500!important;padding:.25rem .75rem!important}.modal-content{max-width:600px}.modal-buttons-row{gap:.75rem}.form-row{grid-gap:1rem;gap:1rem}@media (max-width:768px){.projects-container{min-height:auto;padding:1rem}.projects-content{padding:1rem}.projects-stats{gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.stat-card{min-width:0;overflow:hidden;padding:1rem;width:100%}.stat-header{gap:.5rem;margin-bottom:.75rem}.stat-icon{flex-shrink:0;height:1.5rem;padding:.25rem;width:1.5rem}.stat-header h3{word-wrap:break-word;font-size:.875rem;min-width:0}.stat-value{word-wrap:break-word;font-size:1.5rem;margin-bottom:0}.financial-stats{gap:.75rem;grid-template-columns:1fr;margin-bottom:1.5rem}.list-header{align-items:stretch;flex-direction:column}.search-filters{flex-direction:row;gap:.5rem;max-width:none}.search-box{flex:1 1}.projects-table-container{display:none}.projects-mobile-cards{display:flex}.modal-content{margin:.5rem;max-width:calc(100vw - 1rem)}.modal-header{padding:1rem 1.5rem .75rem}.modal-body{padding:1rem 1.5rem}.modal-footer{flex-direction:column;padding:.75rem 1.5rem 1rem}.modal-buttons-row{flex-direction:row;gap:.75rem}.form-row{gap:.75rem;grid-template-columns:1fr}}@media (max-width:480px){.modal-overlay{padding:.5rem}.modal-content{margin:0;max-width:100vw}.modal-header h2{font-size:1.125rem}.modal-footer{flex-direction:column;gap:.5rem}.modal-buttons-row{flex-direction:row;gap:.5rem}.mobile-project-card{margin-bottom:.75rem}.mobile-card-body,.mobile-card-header{padding:.75rem}.mobile-project-title{font-size:.875rem}.mobile-customer-name{font-size:.75rem}.projects-stats{gap:.5rem;grid-template-columns:1fr 1fr}.stat-card{padding:.75rem}.stat-header h3{font-size:.75rem}.stat-value{font-size:1.25rem}.financial-card{padding:1rem}.financial-value{font-size:1.25rem}}.new-project-container{margin:0 auto;max-width:1300px;min-height:100vh;padding:2rem}.new-project-header{align-items:center;border-bottom:2px solid #8b5cf6;display:flex;font-family:Tajawal,sans-serif;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.back-button.add-btn .add-btn__icon{transition:transform .3s ease}.back-button.add-btn:hover .add-btn__icon{transform:translateX(-2px) scale(1.1)}.error-message{border:1px solid #fecaca;margin-bottom:2rem;padding:1rem}.new-project-content{background-color:initial;border-radius:0;box-shadow:none;overflow:visible}.project-form{padding:0}.form-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:2.5rem;padding:2rem}.form-section:last-of-type{margin-bottom:1rem}.form-section h2{border-bottom:2px solid #8b5cf6;color:#374151;display:inline-block;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.form-label.required:after{color:#dc2626;content:" *"}.form-input,.form-select,.form-textarea{font-size:1rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-textarea{min-height:100px}.customer-selection-row{align-items:center;display:flex;gap:.5rem}.customer-selection-row .form-select{flex:1 1}.customer-search-container{flex:1 1;position:relative}.customer-search-input{width:100%}.customer-suggestions{background:#fff;border:1px solid #e2e8f0;border-radius:0 0 .5rem .5rem;border-top:none;box-shadow:0 4px 6px -1px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.customer-suggestion{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s}.customer-suggestion:hover{background-color:#f8fafc}.customer-suggestion:last-child{border-bottom:none}.customer-suggestion .suggestion-name{color:#374151;font-weight:500}.customer-suggestion .suggestion-phone,.no-customers-found{color:#6b7280;font-size:.875rem}.no-customers-found{background-color:#f9fafb;border-bottom:1px solid #f1f5f9;padding:.75rem;text-align:center}.add-customer-btn.add-btn{flex-shrink:0;font-size:.875rem;min-height:2.5rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem 1rem}.add-customer-btn.add-btn .add-btn__content{gap:0}.add-customer-btn.add-btn .add-btn__icon{height:1rem;width:1rem}.service-selection-row{align-items:center;display:flex;gap:.5rem}.services-containers{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.service-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:box-shadow .2s}.service-container:hover{box-shadow:0 4px 6px #0000001a}.service-header{align-items:center;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.service-title{color:#374151;font-size:1.125rem;font-weight:600;margin:0}.service-details{padding:1.5rem}.service-info-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:.5rem}.service-field{display:flex;flex-direction:column;gap:.5rem}.service-field label{color:#374151;font-size:.875rem;font-weight:500}.service-field small{color:#6b7280;display:block;font-size:.75rem;font-style:italic;line-height:1.2;margin-top:.25rem}.metric-dimensions .dimensions-row{align-items:flex-start;display:flex;gap:1rem}.dimension-input{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.dimension-label{color:#6b7280;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.dimensions-separator{color:#6b7280;font-size:1.25rem;font-weight:700;line-height:1;margin-top:2.2rem}.price-input,.quantity-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.price-input:focus,.quantity-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.no-spinner::-webkit-inner-spin-button,.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner[type=number]{-webkit-appearance:textfield;appearance:textfield}.service-field .total-value{color:#059669;font-size:1.125rem;font-weight:600;padding:.75rem 0}.template-section{background-color:#f9fafb;border-top:1px solid #e2e8f0;margin-top:1rem;padding:1.5rem}.template-title{color:#6b46c1;font-size:1rem;font-weight:600;margin:0 0 1rem}.attachments-section{background-color:#f8fafc;border-top:1px solid #e2e8f0;margin-top:1rem;padding:1.5rem}.attachments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.attachments-header h4{color:#374151;font-size:1rem;font-weight:600;margin:0}.add-attachment-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.add-attachment-btn:hover{background-color:#2563eb}.attachment-icon{height:1rem;width:1rem}.selected-files{margin-top:1rem}.files-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.files-count{color:#374151;font-size:.875rem;font-weight:500}.remove-all-files{background:none;border:none;color:#dc2626;cursor:pointer;font-size:.75rem;padding:0;text-decoration:underline}.remove-all-files:hover{color:#b91c1c}.files-list{display:flex;flex-direction:column;gap:.75rem}.file-preview{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}.file-icon-small{height:2rem;width:2rem}.file-details{flex:1 1}.file-name{color:#374151;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#6b7280;display:block;font-size:.75rem;margin-top:.125rem}.file-action-btn{align-items:center;border:none;border-radius:.25rem;cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;min-height:2rem;min-width:2rem;padding:0;transition:background-color .2s;width:2rem}.file-action-btn svg{flex-shrink:0;height:1rem;width:1rem}.preview-btn{background-color:#f3f4f6;color:#374151}.preview-btn:hover{background-color:#e5e7eb}.download-btn{background-color:#dbeafe;color:#2563eb}.download-btn:hover{background-color:#bfdbfe}.remove-btn{background-color:#fee2e2;color:#dc2626}.remove-btn:hover{background-color:#fecaca}.services-table-container{border:1px solid #e2e8f0;margin-top:1.5rem;overflow:hidden}.services-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem;text-align:center}.services-table td{border-bottom:1px solid #f1f5f9;padding:.75rem;text-align:center}.service-row:hover{background-color:#f8fafc}.service-name{color:#374151;font-weight:500;text-align:right!important}.price-input-table,.quantity-input-table{border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem;padding:.375rem;text-align:center;width:80px}.price-input-table:focus,.quantity-input-table:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61a;outline:none}.service-total .total-value{color:#059669;font-weight:600}.delete-service-btn{align-items:center;background-color:#ef4444;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:36px;justify-content:center;transition:all .2s;width:36px}.delete-service-btn:hover{background-color:#dc2626;transform:scale(1.05)}.template-row{background-color:#f8fafc}.template-cell{padding:1rem!important}.template-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.template-header{border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:.5rem}.template-header h4{color:#6b46c1;font-size:.875rem;font-weight:600;margin:0}.template-content{display:flex;flex-direction:column;gap:1rem}.template-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.field-group{display:flex;flex-direction:column;gap:.25rem}.field-group label{color:#374151;font-size:.75rem;font-weight:500}.template-input,.template-select{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem}.template-input:focus,.template-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61a;outline:none}.template-notes{display:flex;flex-direction:column;gap:.5rem}.template-notes label{color:#374151;font-size:.75rem;font-weight:500}.template-textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;min-height:80px;padding:.5rem;resize:vertical}.template-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61a;outline:none}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-label,.radio-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.checkbox-label input[type=checkbox],.radio-label input[type=radio]{accent-color:#8b5cf6;height:1rem;width:1rem}.required{color:#ef4444;font-weight:600}.add-new-service{background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:.5rem;margin-top:2rem;padding:1.5rem}.add-new-service h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem;text-align:center}.service-search-container{position:relative}.service-search-bar{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.service-search-input-container{flex:1 1;position:relative}.service-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem;width:100%}.service-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.service-suggestions{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + .25rem);z-index:10}.service-suggestion{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s}.service-suggestion:hover{background-color:#f8fafc}.service-suggestion:last-child{border-bottom:none}.suggestion-name{color:#374151;font-weight:500}.suggestion-price{color:#6b7280;font-size:.875rem;font-weight:600}.no-services-found{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#6b7280;font-style:italic;padding:1rem;text-align:center}.add-service-row{background-color:#f8fafc}.add-service-row .service-search-container{padding:1rem}.services-summary{background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:.5rem;margin-top:1rem;padding:1rem}.summary-row{align-items:center;display:flex;justify-content:space-between}.summary-label{color:#374151;font-weight:600}.summary-value{color:#059669;font-size:1.125rem;font-weight:700}.amount-breakdown{margin-bottom:1rem}.breakdown-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.breakdown-label{color:#6b7280;font-size:.875rem}.breakdown-value{color:#374151;font-size:.875rem;font-weight:500}.breakdown-divider{background-color:#e5e7eb;height:1px;margin:.75rem 0}.total-row{align-items:center;display:flex;justify-content:space-between}.additional-fees-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.additional-fees-section h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 1.5rem}.fees-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.fees-summary{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1rem;padding:1rem}.fees-summary .summary-row{align-items:center;display:flex;justify-content:space-between}.fees-summary .summary-label{color:#374151;font-size:1rem;font-weight:500}.fees-summary .summary-value{color:#059669;font-size:1.125rem;font-weight:600}.total-amount{background-color:#fff;border:1px solid #e5e7eb}.total-amount .summary-row{align-items:center;display:flex;justify-content:space-between}.total-amount .summary-row:last-of-type{border-bottom:none}.total-amount .summary-label{color:#374151;font-size:1rem;font-weight:500}.total-amount .summary-value{color:#059669;font-size:1.125rem;font-weight:600}.total-amount .total-row{align-items:center;display:flex;justify-content:space-between}.total-amount .discount-row{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;margin:.25rem 0;padding:.75rem}.total-amount .discount-value{color:#dc2626;font-weight:700}.total-amount .discount-row .summary-label{color:#991b1b}.form-row.compact-row{align-items:flex-end;display:flex!important;flex-wrap:nowrap;gap:.75rem;grid-template-columns:none!important}.compact-row .compact-field{flex:1 1;min-width:0;width:calc(33.333% - .5rem)}.compact-field .form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.compact-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;height:2.5rem;padding:.5rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.compact-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.compact-field .form-hint{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.modal-content{border-radius:1rem;width:90%}.modal-header{border-bottom:1px solid #f1f5f9}.modal-header h2{color:#374151}.modal-close{height:24px;padding:0;width:24px}.modal-footer{border-top:1px solid #f1f5f9}.modal-buttons-row{justify-content:flex-end}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.total-amount{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;justify-content:space-between;margin-top:1rem;padding:1rem}.total-label{color:#374151;font-weight:600}.total-value{color:#059669;font-size:1.25rem;font-weight:700}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}@media (max-width:768px){.new-project-container{padding:0}.new-project-header{align-items:flex-start;border-bottom:none;flex-direction:column;gap:.5rem;margin-bottom:0;padding-bottom:.5rem}.new-project-header .back-button{width:100%}.page-title h1{font-size:1.5rem}.project-form{padding:0}.form-section{margin-bottom:1rem;padding:1rem}.fees-grid,.form-row{gap:.75rem;grid-template-columns:1fr 1fr}.form-actions,.total-amount{flex-direction:column}.total-amount{gap:.5rem;text-align:center}.service-info-grid{gap:1rem;grid-template-columns:1fr}.service-details,.service-header{padding:1rem}.service-field small{font-size:.6875rem;margin-top:.1875rem}.metric-dimensions .dimensions-row{flex-direction:column;gap:.75rem}.dimensions-separator{display:none}.template-section{padding:1rem}.services-table-container{overflow-x:auto}.services-table{min-width:600px}.services-table td,.services-table th{font-size:.75rem;padding:.5rem .25rem}.price-input-table,.quantity-input-table{font-size:.75rem;width:60px}.template-fields{grid-template-columns:1fr}.add-new-service{padding:1rem}}@media (max-width:480px){.new-project-container{padding:.5rem}.project-form{padding:1rem}.page-title{align-items:flex-start;flex-direction:column;gap:.5rem}.title-icon{height:1.5rem;width:1.5rem}}.compact-input[type=number],.file-size,.form-hint,.form-input[type=number],.price-input,.quantity-input,.suggestion-price,.summary-value,.template-input[type=number],.total-value,input[type=number],input[type=tel]{font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";-moz-font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.finance-container{margin:0 auto;max-width:1300px;min-height:100vh;overflow-x:hidden;padding:1.5rem;text-align:right}.finance-container h1{border-bottom:2px solid #22c55e;color:#1f2937;font-family:Tajawal,sans-serif;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}.finance-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.stat-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.stat-icon{border-radius:.5rem;height:2rem;padding:.5rem;width:2rem}.income-icon{background-color:#dcfce7;color:#059669}.expense-icon{background-color:#fee2e2}.profit-icon{background-color:#dbeafe;color:#2563eb}.cash-icon{background-color:#f3e8ff;color:#7c3aed}.stat-header h3{color:#374151;font-size:1rem;font-weight:600;margin:0}.stat-header h3,.stat-value{font-family:Tajawal,sans-serif}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.income-value{color:#059669}.expense-value{color:#dc2626}.profit-value{color:#2563eb!important}.cash-value{color:#7c3aed!important}.stat-label{color:#6b7280;font-family:Tajawal,sans-serif;font-size:.875rem}.finance-content{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;min-height:500px;padding:2rem}.finance-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end}.header-controls-wrapper{display:flex;flex:1 1;justify-content:flex-start}.header-filters{align-items:center;display:flex;gap:1rem;min-width:0}.search-container{flex:1 1;max-width:600px}.search-input{color:#374151}.activities-section h2{color:#1f2937;font-family:Tajawal,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.activities-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;direction:rtl;display:block;overflow-x:auto}.activities-table{border-collapse:collapse;direction:rtl;width:100%}.activities-table thead{background-color:#f9fafb}.activities-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:600;padding:1rem;text-align:right}.activities-table td{border-bottom:1px solid #f3f4f6;padding:1rem;text-align:right;vertical-align:middle}.activity-row:hover{background-color:#f9fafb}.activity-type-info{align-items:center;display:flex;gap:.5rem}.activity-icon{background:none!important;border-radius:0!important;flex-shrink:0;height:1.25rem;padding:0!important;width:1.25rem}.receipt-icon{color:#059669}.expense-icon{color:#dc2626}.transfer-icon{color:#7c3aed}.activity-type-text{font-weight:500}.activity-account-cell,.activity-type-text{color:#374151;font-family:Tajawal,sans-serif;font-size:.875rem}.activity-account-cell{word-wrap:break-word;max-width:200px}.activity-amount{font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:600}.activity-description-cell{word-wrap:break-word;color:#6b7280;font-family:Tajawal,sans-serif;font-size:.875rem;max-width:250px}.activity-date-cell,.activity-time-cell{color:#6b7280;font-family:Tajawal,sans-serif;font-size:.875rem;white-space:nowrap}.activity-actions-cell{width:150px}.table-edit-btn{background-color:#fef3c7;color:#d97706}.table-edit-btn:hover{background-color:#fde68a;color:#b45309}.activities-mobile-cards{display:none;flex-direction:column}.mobile-activity-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;direction:rtl;margin-bottom:1rem;overflow:hidden;transition:all .2s}.mobile-activity-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.mobile-card-header{background-color:#f9fafb}.mobile-header-right{align-items:center;display:flex;gap:1rem}.mobile-activity-datetime-header{color:#6b7280;font-family:Tajawal,sans-serif;font-size:.75rem;white-space:nowrap}.mobile-activity-type{align-items:center;display:flex;gap:.5rem}.mobile-type-text{color:#374151;font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:600}.mobile-activity-actions{align-items:center;padding:1rem 0 1rem 1rem}.mobile-activity-actions .delete-action-btn,.mobile-activity-actions .edit-action-btn{flex-shrink:0;height:2.5rem;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.mobile-edit-btn{background-color:#fef3c7;color:#d97706}.mobile-delete-btn{background-color:#fee2e2}.mobile-activity-account-amount{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.mobile-activity-account-amount .mobile-activity-account{flex:1 1;min-width:0}.mobile-activity-account-amount .mobile-activity-amount{flex-shrink:0}.mobile-activity-account,.mobile-activity-amount,.mobile-activity-datetime,.mobile-activity-description{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.mobile-label{color:#6b7280;font-weight:500;min-width:60px}.mobile-label,.mobile-value{font-family:Tajawal,sans-serif;font-size:.875rem}.mobile-value{color:#374151;flex:1 1;text-align:left}.mobile-amount-value{font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:600}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-close{border-radius:.25rem}.modal-footer{align-items:center;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;padding:1rem 1.5rem 1.5rem}.modal-footer>button{display:inline-flex!important;flex-shrink:0}.form-label{font-family:Tajawal,sans-serif}.form-input,.form-select,.form-textarea{color:#374151;transition:border-color .2s,box-shadow .2s}.balance-preview{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1rem;padding:1rem}.current-balance,.new-balance{align-items:center;display:flex;font-family:Tajawal,sans-serif;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.current-balance:last-child,.new-balance:last-child{margin-bottom:0}.balance-value{color:#374151;font-weight:600}.income-color{color:#059669!important}.expense-color{color:#dc2626!important}.transfer-color{color:#7c3aed!important}.add-expense-account{margin:1rem 0;text-align:center}.add-account-btn{background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:16px;color:#6b7280;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.875rem;padding:.75rem 1rem;transition:all .2s;width:100%}.add-account-btn:hover{background-color:#e5e7eb;border-color:#9ca3af;color:#374151}.transfer-preview{display:flex;flex-direction:column;gap:.75rem}.transfer-amount,.transfer-from,.transfer-to{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;display:flex;font-family:Tajawal,sans-serif;font-size:.875rem;justify-content:space-between;padding:.5rem}.transfer-from{border-left:4px solid #dc2626}.transfer-to{border-left:4px solid #059669}.transfer-amount{border-left:4px solid #2563eb;font-weight:600}@media (max-width:1024px){.activities-table-container{display:none!important}.activities-mobile-cards{display:flex!important}}@media (max-width:768px){*{box-sizing:border-box;max-width:100%}.finance-container{min-height:auto;overflow-x:hidden;padding:1rem;width:100%}.finance-container h1{display:none}.finance-content{overflow-x:hidden;padding:1rem;width:100%}.finance-stats{gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem;width:100%}.stat-card{min-width:0;overflow:hidden;padding:1rem;width:100%}.stat-header{gap:.5rem;margin-bottom:.75rem}.stat-icon{flex-shrink:0;height:1.5rem;padding:.25rem;width:1.5rem}.stat-header h3{word-wrap:break-word;font-size:.875rem;min-width:0}.stat-value{word-wrap:break-word;font-size:1.5rem;margin-bottom:0}.finance-header{align-items:stretch;flex-direction:column;gap:1rem;width:100%}.header-controls-wrapper{order:1;overflow-x:hidden;width:100%}.header-filters{flex-direction:column;gap:.75rem;width:100%}.header-actions{flex-wrap:wrap;gap:.75rem;justify-content:center;order:2;width:100%}.header-actions>*{justify-content:center;text-align:center;width:100%}.search-container{flex:1 1;max-width:none}.search-container,.search-input{min-width:0;width:100%}.activities-table-container{display:none!important}.activities-mobile-cards{display:flex!important;overflow-x:hidden;width:100%}.mobile-activity-card{margin-bottom:1rem;overflow:hidden;width:100%}.modal-content{margin:.5rem;max-width:calc(100vw - 1rem);width:calc(100vw - 1rem)}.modal-header{padding:1rem 1.5rem .75rem}.modal-body{padding:1rem 1.5rem}.modal-footer{gap:.75rem;padding:.75rem 1.5rem 1rem}}@media (max-width:480px){.finance-stats{gap:.5rem;grid-template-columns:1fr 1fr}.stat-card{padding:.75rem}.stat-header h3{font-size:.75rem}.stat-value{font-size:1.25rem}.header-actions{flex-direction:column}.modal-overlay{padding:.5rem}.modal-content{margin:0;max-width:100vw}.modal-header h2{font-size:1.125rem}.modal-footer{flex-direction:row;gap:.5rem}}.action-buttons{align-items:center;display:flex;gap:.5rem;justify-content:center}.activity-actions-cell .action-buttons{min-width:80px}.mobile-activity-actions{border-top:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}@media (max-width:768px){.action-buttons{gap:.25rem}.mobile-activity-actions{justify-content:flex-end}}.services-container{margin:0 auto;max-width:1300px;min-height:100vh;padding:1.5rem;text-align:right}.services-container h1{border-bottom:2px solid #ef4444;color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}@media (max-width:768px){.services-container h1{display:none}}.services-content{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-bottom:2rem;padding:2rem}.search-input:focus{border-color:#fcd34d;box-shadow:0 0 0 3px #fcd34d1a}.header-buttons{gap:.75rem}.bulk-actions,.header-buttons{align-items:center;display:flex}.bulk-actions{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.selected-count{color:#374151;font-size:.875rem;font-weight:600}.bulk-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.bulk-buttons .change-category-button,.bulk-buttons .delete-button{min-width:auto;white-space:nowrap}.change-category-button{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 15px #667eea33;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;outline:none;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.change-category-button-background{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.change-category-button:hover .change-category-button-background{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.change-category-button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.change-category-button:active{transform:translateY(-1px)}.change-category-button-content{align-items:center;display:flex;gap:8px;position:relative;z-index:1}.change-category-button-icon-container{align-items:center;display:flex}.change-category-button-icon{stroke-width:2;height:18px;width:18px}.change-category-button-text,.delete-button{font-weight:600}.delete-button{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 15px #ef444433;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;outline:none;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-button-background{background:linear-gradient(135deg,#ef4444,#dc2626);bottom:0;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.delete-button:hover .delete-button-background{background:linear-gradient(135deg,#dc2626,#b91c1c)}.delete-button:hover{box-shadow:0 8px 25px #ef444466;transform:translateY(-3px)}.delete-button:active{transform:translateY(-1px)}.delete-button-content{gap:8px;position:relative;z-index:1}.delete-button-content,.delete-button-icon-container{align-items:center;display:flex}.delete-button-icon{stroke-width:2;height:18px;width:18px}.delete-button-text{font-weight:600}.delete-button--confirm .delete-button-background{background:linear-gradient(135deg,#ef4444,#dc2626)}.delete-button--cancel .delete-button-background{background:linear-gradient(135deg,#6b7280,#4b5563)}.delete-button--cancel:hover .delete-button-background{background:linear-gradient(135deg,#4b5563,#374151)}.delete-button--cancel{box-shadow:0 4px 15px #6b728033}.delete-button--cancel:hover{box-shadow:0 8px 25px #6b728066}.delete-confirmation-header{align-items:center;color:#ef4444;display:flex;gap:12px}.delete-confirmation-icon{stroke-width:2;height:24px;width:24px}.delete-confirmation-header h3{font-size:18px;font-weight:600;margin:0}.delete-confirmation-message{color:#4b5563;font-size:16px;line-height:1.6;margin:0;text-align:center}.services-display{position:relative}.services-table-container{border:1px solid #e5e7eb;border-radius:.5rem;overflow-x:auto}.services-table{background-color:#fff;border-collapse:collapse;width:100%}.services-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:1rem 1.5rem;text-align:right}.services-table td{border-bottom:1px solid #f3f4f6;padding:1rem 1.5rem;text-align:right}.services-table td:first-child{padding-left:.5rem}.services-table td:nth-child(2){padding-right:.5rem}.services-table th:first-child{padding-left:.5rem}.services-table th:nth-child(2){padding-right:.5rem}.service-row:hover{background-color:#f9fafb}.select-checkbox{accent-color:#fcd34d;cursor:pointer;height:1rem;width:1rem}.service-name-cell{min-width:200px}.service-info{display:flex;flex-direction:column}.service-name{color:#1f2937;font-size:.875rem;font-weight:600}.service-description{color:#6b7280;font-size:.8125rem;line-height:1.4}.service-type-cell{min-width:120px}.service-type-badge{align-items:center;background-color:#f3f4f6;border-radius:.375rem;color:#374151;display:flex;font-size:.8125rem;font-weight:500;padding:.375rem .75rem;width:-webkit-fit-content;width:fit-content}.service-type-icon{color:#6b7280;height:1rem;width:1rem}.service-price-cell{color:#059669;font-size:.875rem;font-weight:600;min-width:120px}.service-category-cell{min-width:100px}.category-badge{background-color:#dbeafe;border-radius:9999px;color:#1e40af;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem;white-space:nowrap}.actions-cell{min-width:100px}.table-actions{align-items:center}.table-actions .delete-action-btn--table,.table-actions .edit-action-btn--table{flex-shrink:0;height:2.5rem;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.table-delete-btn,.table-edit-btn{transition:all .2s ease-in-out}.table-edit-btn{background-color:#dbeafe;color:#1d4ed8}.table-edit-btn:hover{background-color:#bfdbfe;transform:translateY(-1px)}.table-delete-btn{background-color:#fee2e2}.table-delete-btn:hover{background-color:#fecaca;transform:translateY(-1px)}.services-mobile-cards{display:none;flex-direction:column}.mobile-service-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:.75rem;overflow:hidden;transition:all .2s ease-in-out}.mobile-service-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.mobile-card-header{margin-bottom:0;width:auto}.mobile-service-info{align-items:flex-start;display:flex;flex:1 1;gap:0;min-width:0}.mobile-select-checkbox{accent-color:#fcd34d;height:1rem;margin-top:.125rem;width:1rem}.mobile-service-details{flex:1 1;margin-right:0;padding-right:0}.mobile-service-name{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem;padding-right:0;text-align:right}.mobile-service-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0;padding-right:0;text-align:right}.mobile-service-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.mobile-service-actions .delete-action-btn--mobile,.mobile-service-actions .edit-action-btn--mobile{flex-shrink:0;height:2.5rem;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.mobile-info-item{border-bottom:1px solid #f3f4f6;padding:.5rem 0}.mobile-info-item:last-child{border-bottom:none}.mobile-service-type{align-items:center;background-color:#f3f4f6;border-radius:.375rem;color:#374151;display:flex;font-size:.8125rem;font-weight:500;padding:.25rem .5rem}.mobile-service-price{color:#059669;font-size:.875rem;font-weight:600}.mobile-category-badge{background-color:#dbeafe;border-radius:9999px;color:#1e40af;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.modal-content{direction:rtl}.small-modal{max-width:400px}.modal-close{transition:all .2s ease-in-out}.form-group:last-child{margin-bottom:0}.form-input,.form-select,.form-textarea{background-color:#fff;direction:rtl;transition:all .2s ease-in-out;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#fcd34d;box-shadow:0 0 0 3px #fcd34d1a}.dimensions-container{grid-gap:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem;padding:1rem}.change-category-message{color:#6b7280;font-size:.875rem;margin-bottom:1rem;text-align:center}@media (max-width:1024px){.services-table-container{display:none}.services-mobile-cards{display:flex}}@media (max-width:768px){.services-container{min-height:auto;padding:1rem}.services-content{padding:1rem}.list-header{align-items:stretch;flex-direction:column}.search-filters{flex-direction:row;gap:.5rem;max-width:none}.search-box{flex:1 1;max-width:none}.header-buttons{justify-content:center}.bulk-actions{flex-direction:column;gap:.75rem;text-align:center}.bulk-buttons{justify-content:center}.services-mobile-cards{display:flex!important}.services-table-container{display:none!important}.mobile-select-checkbox,.mobile-service-description{display:none}.modal-content{margin:.5rem;max-width:calc(100vw - 1rem)}.modal-body,.modal-footer,.modal-header{padding:1rem 1.5rem}.modal-footer{flex-direction:column;padding:.75rem 1.5rem 1rem}.modal-buttons-row{flex-direction:row;gap:.75rem}.dimensions-container{grid-template-columns:1fr}.mobile-card-header{align-items:flex-start;gap:1rem;justify-content:space-between;padding:1rem}.mobile-service-actions{align-self:flex-start;flex-shrink:0}}@media (max-width:480px){.services-container h1{font-size:1.5rem}.modal-overlay{padding:.5rem}.modal-header h2{font-size:1.125rem}.modal-buttons-row{flex-direction:row;gap:.5rem}}.template-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:1.5rem;transition:border-color .2s}.template-field:hover{border-color:#06b6d4}.field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.field-type-label{background:#06b6d4;border-radius:1rem;color:#fff;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.delete-field-btn{align-items:center;background:#ef4444;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color .2s}.delete-field-btn:hover{background:#dc2626}.field-config{margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-input{width:100%}.options-list{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem}.option-item{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.option-item:last-of-type{margin-bottom:1rem}.option-input{flex:1 1;margin-bottom:0}.remove-option-btn{align-items:center;background:#ef4444;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.375rem;transition:background-color .2s}.remove-option-btn:hover{background:#dc2626}.add-option-btn{background:#10b981;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s}.add-option-btn:hover{background:#059669}.field-preview{border-top:1px solid #e5e7eb;padding-top:1rem}.preview-label{display:block;margin-bottom:.5rem}.radio-preview{display:flex;flex-direction:column;gap:.5rem}.radio-option{cursor:not-allowed}.radio-option span{color:#6b7280}.checkbox-preview{display:flex;flex-direction:column;gap:.5rem}.checkbox-option{cursor:not-allowed}.checkbox-option span{color:#6b7280}@media (max-width:768px){.template-field{padding:1rem}.field-header{align-items:flex-start;flex-direction:column;gap:.5rem}.option-item{align-items:stretch;flex-direction:column;gap:.25rem}.remove-option-btn{align-self:flex-end;width:-webkit-fit-content;width:fit-content}}.templates-container{margin:0 auto;max-width:1300px;min-height:100vh;padding:1.5rem;text-align:right}.templates-container h1{border-bottom:2px solid #be185d;color:#000;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}@media (max-width:768px){.templates-container h1{display:none}}.templates-content{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2rem}.search-box{min-width:250px}.search-icon{color:#9ca3af}.search-input{transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.templates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:border-color .2s,box-shadow .2s}.template-card:hover{border-color:#06b6d4;box-shadow:0 4px 6px -1px #0000001a}.template-card-header{margin-bottom:1rem}.template-info h3.template-name{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.template-description{color:#6b7280;font-size:.875rem;line-height:1.4}.template-card-body{margin-bottom:1rem}.template-stats{display:flex;flex-direction:column;gap:.5rem}.stat-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.stat-icon{color:#06b6d4;height:1rem;width:1rem}.template-date{color:#9ca3af;font-size:.75rem}.template-card-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem}.template-card-actions .delete-action-btn,.template-card-actions .edit-action-btn,.template-card-actions .view-action-btn{flex-shrink:0;height:2.5rem;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.empty-state{grid-column:1/-1;padding:3rem 1rem}.empty-icon{color:#d1d5db;margin:0 auto 1rem}.empty-state h3{font-weight:500}.modal-content{background:#fff;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column}.large-modal{max-width:900px}.modal-header{padding:1.5rem}.modal-close{line-height:1;padding:.5rem;transition:color .2s}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{background:#f9fafb;border-radius:0 0 .75rem .75rem;gap:.75rem;justify-content:flex-end;padding:1.5rem}.template-form{display:flex;flex-direction:column;margin:0}.form-input,.form-label{text-align:right}.form-input{border:1px solid #d1d5db;border-radius:.375rem;direction:rtl;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a;outline:none}.form-input::placeholder{color:#9ca3af}.fields-section{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.fields-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem}.fields-header h3{color:#374151;font-size:1rem;font-weight:600;margin:0}.field-type-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.field-type-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s}.field-type-btn:hover{background:#f0f9ff;border-color:#06b6d4;color:#0891b2}.field-type-icon{font-size:1rem;font-weight:700}.fields-list{max-height:370px;overflow-y:auto;padding:1rem}.no-fields{color:#6b7280;padding:2rem;text-align:center}.no-fields p{margin:.5rem 0}.template-preview{max-height:500px;overflow-y:auto}.preview-header{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1rem}.preview-header h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.preview-header p{color:#6b7280;margin:0}.preview-form{gap:1.5rem}.preview-field,.preview-form{display:flex;flex-direction:column}.preview-field{gap:.5rem}.preview-label{color:#374151;font-weight:500;text-align:right}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-option{align-items:center;cursor:pointer;direction:rtl;display:flex;gap:.5rem}.radio-option input[type=radio]{margin:0}.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-option{align-items:center;cursor:pointer;direction:rtl;display:flex;gap:.5rem}.checkbox-option input[type=checkbox]{margin:0}@media (max-width:768px){.templates-container,.templates-content{padding:1rem}.list-header{align-items:stretch;flex-direction:column;gap:1rem}.search-filters{max-width:none}.search-box{min-width:auto}.templates-grid{gap:1rem;grid-template-columns:1fr}.template-card{padding:1rem}.template-card-actions{flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.template-card-actions .delete-action-btn,.template-card-actions .edit-action-btn,.template-card-actions .view-action-btn{flex-shrink:0;height:2.5rem;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.modal-content{margin:.5rem;max-height:95vh}.large-modal{max-width:none}.modal-body,.modal-header{padding:1rem}.modal-footer{flex-direction:column;padding:1rem}.fields-header{align-items:stretch;flex-direction:column}.field-type-btn,.field-type-buttons{justify-content:center}.field-type-btn{flex:1 1;min-width:0}}@media (max-width:480px){.templates-container{padding:1rem}.field-type-buttons{flex-direction:column}.field-type-btn{flex:none}}.success-modal{max-width:400px;padding-bottom:2rem;padding-top:2rem;text-align:center}.success-icon-container{align-items:center;background-color:#dcfce7;border-radius:50%;display:flex;height:5rem;justify-content:center;margin:0 auto 1rem;width:5rem}.success-icon-container svg{color:#22c55e;height:3rem;width:3rem}.customer-history-container{margin:0 auto;max-width:1300px;min-height:100vh;padding:1.5rem;text-align:right}.customer-history-header{align-items:center;border-bottom:2px solid #eab308;display:flex;font-family:Tajawal,sans-serif;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.page-title{border-bottom:none;flex:1 1;padding-bottom:0;text-align:center}.page-title h1{border:none!important;color:#1f2937;font-size:1.875rem;font-weight:700;margin:0;padding:0!important}.customer-history-header .back-button.add-btn .add-btn__icon{transition:transform .3s ease}.customer-history-header .back-button.add-btn:hover .add-btn__icon{transform:translateX(-2px) scale(1.1)}.customer-balance-card{align-items:center;background:linear-gradient(135deg,#eab308,#f59e0b);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff;display:flex;gap:1rem;margin-bottom:1rem;padding:1.5rem}.customer-history-container .balance-icon{align-items:center;background-color:#fff3;border-radius:50%;display:flex;justify-content:center;padding:1rem}.customer-history-container .balance-info h3{font-size:1rem;font-weight:500;margin:0 0 .5rem;opacity:.9}.customer-history-container .balance-amount{font-size:2rem;font-weight:700;margin:0 0 .25rem}.customer-history-container .balance-amount.positive{color:#fef3c7}.customer-history-container .balance-amount.negative{color:#fecaca}.customer-history-container .balance-label{font-size:.875rem;opacity:.8}.customer-history-content{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2rem}.search-box{max-width:400px}.search-icon{pointer-events:none}.search-input{background-color:#fff;direction:rtl;transition:all .2s ease-in-out}.search-input:focus{border-color:#eab308;box-shadow:0 0 0 3px #eab3081a}.search-input.searching{background-color:#fefce8;border-color:#eab308}.date-filters{gap:.5rem}.balance-summary{align-items:center;display:flex;gap:.5rem}.balance-summary h4{color:#6b7280;font-size:.875rem;font-weight:500;margin:0}.balance-number{font-size:1.25rem;font-weight:600}.balance-number.positive{color:#dc2626}.balance-number.negative{color:#059669}.search-loading{align-items:center;display:flex;justify-content:center;left:1rem;position:absolute}.search-spinner{animation:spin 1s linear infinite;border:2px solid #f3f4f6;border-radius:50%;border-top-color:#eab308;height:1rem;width:1rem}.date-filters{align-items:center;display:flex;gap:1rem}.history-date-range .date-range-picker-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.history-date-range .date-range-picker-button:hover{border-color:#eab308;box-shadow:0 0 0 3px #eab3081a}.history-date-range .date-range-picker-icon{color:#6b7280;height:2rem!important;width:2rem!important}.history-table-container{margin-top:1rem}.history-table-wrapper{border:1px solid #e5e7eb;border-radius:.75rem;overflow-x:auto}.history-table{background-color:#fff;border-collapse:collapse;width:100%}.history-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:1rem;text-align:right}.history-table td{border-bottom:1px solid #f3f4f6;font-size:.875rem;padding:1rem;vertical-align:middle}.history-table tr:hover{background-color:#f9fafb}.history-row-project{border-right:4px solid #3b82f6}.history-row-receipt{border-right:4px solid #10b981}.type-cell{text-align:right}.type-indicator{font-weight:500;gap:.5rem;justify-content:flex-start}.type-indicator,.type-info{align-items:center;display:flex}.type-info{flex-direction:column;gap:.125rem}.receipt-number{color:#6b7280;font-size:.75rem;font-weight:500}.project-name-cell{color:#1f2937;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-cell{background-color:#f3f4f6;border-radius:.25rem;font-size:.8rem;padding:.25rem .5rem}.amount-cell,.due-cell,.paid-cell,.receipt-cell{font-family:Courier New,monospace;text-align:center}.amount-cell,.due-cell,.paid-cell{font-weight:600}.amount-cell{color:#1f2937}.paid-cell{color:#059669}.due-cell{color:#dc2626}.date-cell{font-size:.8rem}.actions-cell,.date-cell{text-align:center}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{border:3px solid #f3f4f6;border-top-color:#eab308;height:3rem;margin-bottom:1rem;width:3rem}.error-message{color:#dc2626;font-size:1rem}.empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{height:4rem;margin-bottom:1rem;opacity:.5;width:4rem}.empty-state h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state p{font-size:.875rem;margin:0}@media (max-width:768px){.customer-history-container{padding:0}.customer-history-header{align-items:stretch;border-bottom:none;flex-direction:column;gap:.5rem;margin-bottom:2px;padding-bottom:.5rem}.page-title h1{font-size:1.5rem;text-align:center}.customer-balance-card{flex-direction:column;gap:1rem;text-align:center}.balance-amount{font-size:1.75rem}.customer-history-content{padding:1rem}.list-header{align-items:stretch;flex-direction:column}.search-filters{flex-direction:column;gap:1rem;max-width:none}.search-box{flex:1 1;max-width:none}.date-filters{flex-direction:column;gap:1rem}.balance-summary{justify-content:center;margin-top:1rem}.history-table-wrapper{display:none}.history-mobile-cards{display:flex;flex-direction:column;gap:1rem}.history-mobile-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:0;overflow:hidden;transition:all .2s ease}.history-mobile-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.history-mobile-card.project{border-right:4px solid #3b82f6}.history-mobile-card.receipt{border-right:4px solid #10b981}.mobile-card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.mobile-card-info{display:flex;flex:1 1;gap:.75rem;min-width:0}.mobile-card-type{color:#111827;font-size:1rem;font-weight:600}.mobile-card-actions,.mobile-card-type{align-items:center;display:flex;gap:.5rem}.mobile-card-actions{flex-shrink:0}.mobile-card-actions .view-action-btn--mobile{flex-shrink:0;height:2.5rem;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.mobile-type-info{display:flex;flex-direction:column;gap:.125rem}.mobile-receipt-number{color:#6b7280;font-size:.75rem;font-weight:500}.mobile-card-date{color:#6b7280;font-size:.8rem}.mobile-card-content{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.mobile-card-row{align-items:center;display:flex;justify-content:space-between}.mobile-card-label{color:#6b7280}.mobile-card-label,.mobile-card-value{font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:500}.mobile-card-value{color:#111827;text-align:left}}@media (max-width:1024px){.history-table-wrapper{display:none!important}.history-mobile-cards{display:flex!important}}@media (min-width:1025px){.history-mobile-cards{display:none!important}}.customers-container{margin:0 auto;max-width:1300px;min-height:100vh;padding:1.5rem;text-align:right}.customers-container h1{border-bottom:2px solid #eab308;color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}@media (max-width:768px){.customers-container h1{display:none}}.customers-content{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2rem}.add-customer-btn{align-items:center;background-color:#eab308;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-family:Tajawal,sans-serif;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.add-customer-btn:hover{background-color:#ca8a04}.customers-display{width:100%}.customers-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;direction:rtl;display:block;overflow:hidden}.customers-table{border-collapse:collapse;direction:rtl;width:100%}.customers-table thead{background-color:#f9fafb}.customers-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:600;padding:1rem;text-align:right}.customers-table td{border-bottom:1px solid #f3f4f6;padding:1rem;text-align:right;vertical-align:middle}.customer-row:hover{background-color:#f9fafb}.customer-cell{padding:1rem!important}.customer-name-table{color:#111827;font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.phone-cell{direction:rtl;font-family:Tajawal,sans-serif;padding:1rem!important;text-align:right!important}.address-cell{word-wrap:break-word;color:#374151;max-width:200px}.address-cell,.balance-cell{font-family:Tajawal,sans-serif;font-size:.875rem}.balance-amount,.balance-cell{font-weight:600}.actions-cell{width:150px}.table-delete-btn,.table-edit-btn,.table-view-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.table-view-btn{background-color:#f0f9ff;color:#0284c7}.table-view-btn:hover{background-color:#e0f2fe;color:#0369a1}.customers-mobile-cards{display:none;flex-direction:column}.mobile-customer-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1rem;overflow:hidden;transition:all .2s}.mobile-customer-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.mobile-customer-info{display:flex;flex:1 1;gap:.75rem;min-width:0}.mobile-customer-name{color:#111827;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .25rem}.mobile-customer-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.mobile-customer-actions .delete-action-btn--mobile,.mobile-customer-actions .edit-action-btn--mobile,.mobile-customer-actions .view-action-btn--mobile{flex-shrink:0;height:2.5rem;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.mobile-delete-btn,.mobile-edit-btn,.mobile-view-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;height:2rem;justify-content:center;padding:.5rem;transition:all .2s;width:2rem}.mobile-view-btn{background-color:#f0f9ff;color:#0284c7}.mobile-view-btn:hover{background-color:#e0f2fe;color:#0369a1}.mobile-info-item{gap:.5rem}.mobile-info-icon{color:#6b7280;flex-shrink:0;height:1rem;width:1rem}.mobile-info-value{flex:1 1}.mobile-balance{font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:600}@media (max-width:1024px){.customers-table-container{display:none!important}.customers-mobile-cards{display:flex!important}}@media (max-width:768px){.customers-container{min-height:auto;padding:1rem}.customers-content{padding:1rem}.list-header{align-items:stretch;flex-direction:column}.search-filters{flex-direction:row;gap:.5rem;max-width:none}.search-box{flex:1 1}.add-customer-btn{justify-content:center;text-align:center}.customers-table-container{display:none!important}.customers-mobile-cards{display:flex!important}.modal-content{margin:.5rem;max-width:calc(100vw - 1rem)}.modal-header{padding:1rem 1.5rem .75rem}.modal-body{padding:1rem 1.5rem}.modal-footer{flex-direction:column;padding:.75rem 1.5rem 1rem}.modal-buttons-row{flex-direction:row;gap:.75rem}}@media (max-width:480px){.modal-overlay{padding:.5rem}.modal-content{margin:0;max-width:100vw}.modal-header h2{font-size:1.125rem}.modal-footer{flex-direction:column;gap:.5rem}.modal-buttons-row{flex-direction:row;gap:.5rem}.mobile-customer-card{margin-bottom:.75rem}.mobile-card-body,.mobile-card-header{padding:.75rem}.mobile-customer-name{font-size:.875rem}.mobile-customer-email{font-size:.75rem}}.departments-container{margin:0 auto;max-width:1300px;min-height:100vh;padding:1.5rem;text-align:right}.departments-container h1{border-bottom:2px solid #0d9488;color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}@media (max-width:768px){.departments-container h1{display:none}}.departments-content{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2rem}.add-department-btn{align-items:center;background-color:#0d9488;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-family:Tajawal,sans-serif;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.add-department-btn:hover{background-color:#0f766e}.departments-display{width:100%}.departments-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;direction:rtl;display:block;overflow:hidden}.departments-table{border-collapse:collapse;direction:rtl;width:100%}.departments-table thead{background-color:#f9fafb}.departments-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:600;padding:1rem;text-align:right}.departments-table td{border-bottom:1px solid #f3f4f6;padding:1rem;vertical-align:middle}.department-row:hover{background-color:#f9fafb}.department-cell{padding:1rem!important}.department-info-row{align-items:center;display:flex;gap:.75rem}.department-avatar-small{align-items:center;background-color:#f3f4f6;border-radius:.5rem;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.avatar-icon-small{color:#6b7280}.department-details{flex:1 1;min-width:0}.department-name-table{color:#111827;font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.department-description-table{color:#6b7280;font-family:Tajawal,sans-serif;font-size:.75rem;line-height:1.25}.employees-cell,.manager-cell{color:#374151;font-family:Tajawal,sans-serif;font-size:.875rem}.employee-count{background-color:#dbeafe;border-radius:.375rem;color:#1e40af;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.table-actions{justify-content:center}.table-delete-btn,.table-edit-btn{padding:.5rem}.table-edit-btn{background-color:#f3f4f6;color:#374151}.table-edit-btn:hover{background-color:#e5e7eb;color:#111827}.table-delete-btn{background-color:#fef2f2;color:#dc2626}.table-delete-btn:hover{background-color:#fee2e2;color:#b91c1c}.departments-mobile-cards{display:none;flex-direction:column}.mobile-department-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1rem;overflow:hidden;transition:all .2s}.mobile-department-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.mobile-card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;gap:1rem}.mobile-department-info{display:flex;flex:1 1;gap:.75rem;min-width:0}.mobile-department-avatar{align-items:center;background-color:#f3f4f6;border-radius:.5rem;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.mobile-avatar-icon{color:#6b7280}.mobile-department-details{flex:1 1;min-width:0}.mobile-department-name{color:#111827;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .25rem}.mobile-department-description{color:#6b7280;font-family:Tajawal,sans-serif;font-size:.875rem;line-height:1.4;margin:0}.mobile-department-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.mobile-department-actions .delete-action-btn--mobile,.mobile-department-actions .edit-action-btn--mobile{flex-shrink:0;height:2.5rem;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.mobile-delete-btn,.mobile-edit-btn{border-radius:.375rem;height:2rem;padding:.5rem;width:2rem}.mobile-edit-btn{background-color:#f3f4f6;color:#374151}.mobile-edit-btn:hover{background-color:#e5e7eb;color:#111827}.mobile-delete-btn{background-color:#fef2f2;color:#dc2626}.mobile-delete-btn:hover{background-color:#fee2e2;color:#b91c1c}.mobile-btn-icon{height:1rem;width:1rem}.mobile-info-label,.mobile-info-value{font-family:Tajawal,sans-serif}.mobile-info-value{color:#111827}.mobile-employee-count{background-color:#dbeafe;border-radius:.375rem;color:#1e40af;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.modal-content{box-shadow:0 10px 25px #00000040}.modal-header h2{color:#111827;font-family:Tajawal,sans-serif}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:.5rem;font-family:Tajawal,sans-serif;font-size:.875rem;padding:.75rem;text-align:right}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:80px;resize:vertical}@media (max-width:1024px){.departments-table-container{display:none!important}.departments-mobile-cards{display:flex!important}}@media (max-width:768px){.departments-container{min-height:auto;padding:1rem}.departments-content{padding:1rem}.list-header{align-items:stretch;flex-direction:column}.search-filters{flex-direction:row;gap:.5rem;max-width:none}.search-box{flex:1 1}.add-department-btn{justify-content:center;text-align:center}.departments-table-container{display:none!important}.departments-mobile-cards{display:flex!important}.modal-content{margin:.5rem;max-width:calc(100vw - 1rem)}.modal-header{padding:1rem 1.5rem .75rem}.modal-body{padding:1rem 1.5rem}.modal-footer{flex-direction:column;padding:.75rem 1.5rem 1rem}.modal-buttons-row{flex-direction:row;gap:.75rem}}@media (max-width:480px){.modal-overlay{padding:.5rem}.modal-content{margin:0;max-width:100vw}.modal-header h2{font-size:1.125rem}.modal-footer{flex-direction:column;gap:.5rem}.modal-buttons-row{flex-direction:row;gap:.5rem}.mobile-department-card{margin-bottom:.75rem}.mobile-card-body,.mobile-card-header{padding:.75rem}.mobile-department-avatar{height:2.5rem;width:2.5rem}.mobile-avatar-icon{height:1.25rem;width:1.25rem}.mobile-department-name{font-size:.875rem}.mobile-department-description{font-size:.75rem}}.tasks-container{font-family:Tajawal,sans-serif;margin:0 auto;max-width:1300px;min-height:100vh;padding:1.5rem;text-align:right}.tasks-container h1{border-bottom:2px solid #f97316;color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}.tasks-content{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2rem}.tasks-header{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem}.search-container{max-width:500px;position:relative;width:100%}.search-input{font-size:1rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s}.search-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.tasks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.task-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;border-right-width:4px;box-shadow:0 1px 2px 0 #0000000d;display:flex;flex-direction:column}.task-card.status-pending{border-right-color:#f59e0b}.task-card.status-assigned{border-right-color:#3b82f6}.task-card.status-review{border-right-color:#8b5cf6}.task-card.status-completed{border-right-color:#10b981}.task-card.status-blocked{border-right-color:#9ca3af}.task-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1rem 1.25rem}.task-project-title{background-color:#f3f4f6;border-radius:.375rem;color:#4b5563;font-size:.8rem;font-weight:500;padding:.25rem .6rem}.task-status{border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.task-body{flex-grow:1;padding:1.25rem}.task-title{color:#1f2937;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.task-footer{align-items:center;background-color:#f9fafb;border-radius:0 0 .6rem .6rem;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1rem 1.25rem}.task-assignee,.task-department{align-items:center;color:#4b5563;display:flex;font-size:.875rem;gap:.5rem}.assignee-icon{color:#6b7280;height:1rem;width:1rem}.task-actions{background-color:#fafafa;border-top:1px solid #f3f4f6;padding:1.25rem}.action-container{display:flex;flex-direction:column;gap:.75rem}.action-row-compact{align-items:center;display:flex;gap:.5rem;height:50px;padding-left:10px;padding-right:10px;width:100%}.action-row-compact select{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;flex:1 1;font-size:.875rem;padding:.75rem;transition:all .2s}.action-row-compact select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.icon-only-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;padding:0;transition:all .2s;width:2.5rem}.icon-only-btn:disabled{cursor:not-allowed;opacity:.3}.icon-only-btn .btn-icon{stroke-width:2.5;height:1.5rem;transition:all .2s;width:1.5rem}.icon-only-btn.assign-btn .btn-icon{color:#3b82f6}.icon-only-btn.assign-btn:hover:not(:disabled) .btn-icon{color:#2563eb;transform:scale(1.15)}.icon-only-btn.assign-btn:disabled .btn-icon{color:#93c5fd}.icon-only-btn.transfer-btn .btn-icon{color:#a855f7}.icon-only-btn.transfer-btn:hover:not(:disabled) .btn-icon{color:#9333ea;transform:scale(1.15)}.icon-only-btn.transfer-btn:disabled .btn-icon{color:#d8b4fe}.action-buttons-row{display:flex;gap:.5rem;width:100%}.reject-form{display:flex;flex-direction:column;gap:.75rem}.action-container button:not(.icon-btn):not(.icon-only-btn),.reject-buttons button{border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.action-container button:disabled{cursor:not-allowed;opacity:.6}.action-container select{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s;width:100%}.action-container select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.assign-action button:not(.icon-btn):not(.icon-only-btn){background-color:#3b82f6;color:#fff}.assign-action button:not(.icon-btn):not(.icon-only-btn):hover:not(:disabled){background-color:#2563eb}.complete-btn{background-color:#10b981;color:#fff}.complete-btn:hover:not(:disabled){background-color:#059669}.review-action{flex-direction:row;justify-content:space-between}.review-action .approve{background-color:#8b5cf6;color:#fff}.review-action .approve:hover:not(:disabled){background-color:#7c3aed}.review-action .finalize{background-color:#1f2937;color:#fff}.review-action .finalize:hover:not(:disabled){background-color:#111827}.review-action .reject{background-color:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.review-action .reject:hover:not(:disabled){background-color:#e5e7eb}.reject-form textarea{border:1px solid #d1d5db;border-radius:.5rem;min-height:70px;padding:.75rem;resize:vertical;width:100%}.reject-buttons{display:flex;gap:.5rem}.reject-buttons button:first-child{background-color:#ef4444;color:#fff}.reject-buttons button:first-child:hover{background-color:#dc2626}.reject-buttons button:last-child{background-color:#e5e7eb;color:#374151}.no-tasks{background-color:#f9fafb;border-radius:.75rem;color:#6b7280;padding:4rem 2rem;text-align:center}.no-tasks-icon{color:#d1d5db;height:4rem;margin:0 auto 1rem;width:4rem}.no-tasks h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}@media (max-width:768px){.tasks-container{padding:1rem}.tasks-container h1{display:none}.tasks-content{padding:1rem}.tasks-grid{grid-template-columns:1fr}.search-container{max-width:none}.task-card{padding:0}.task-actions,.task-body,.task-footer,.task-header{padding:1rem}.action-buttons-row{flex-direction:column}.icon-btn{width:100%}.action-row-compact{flex-wrap:wrap}.action-row-compact select{flex:1 1 100%;min-width:100%}.action-row-compact .icon-only-btn{flex:1 1;width:auto}}.task-header-right{align-items:center;display:flex;gap:.5rem}.details-btn{align-items:center;background:none;border:1px solid #d1d5db;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s;width:2rem}.details-btn:hover{background-color:#f3f4f6;color:#1f2937}.details-btn svg{height:1rem;width:1rem}.task-details-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.task-details-modal-content{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.task-details-modal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:2rem 2rem 1rem}.task-title-section h2{color:#1f2937;font-size:1.875rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:600;margin-top:.5rem;padding:.5rem 1rem}.status-badge.status-pending{background:#fef3c7;border:1px solid #fbbf24;color:#d97706}.status-badge.status-assigned{background:#dbeafe;border:1px solid #3b82f6;color:#2563eb}.status-badge.status-review{background:#ede9fe;border:1px solid #8b5cf6;color:#7c3aed}.status-badge.status-completed{background:#d1fae5;border:1px solid #10b981;color:#059669}.close-button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.close-button:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.close-button svg{height:1.25rem;width:1.25rem}.task-details-modal-body{display:flex;flex:1 1;flex-direction:column;gap:2rem;overflow-y:auto;padding:1rem 2rem 2rem}.activity-input-section h3,.task-info-section h3,.timeline-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.task-info-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:1rem}.task-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.task-info-header h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.task-info-header .info-item{margin:0;padding:0}.task-info-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{align-items:center;display:flex;padding:.25rem}.info-item label{color:#6b7280;flex-shrink:0;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-item label:after{content:"";margin-right:6px}.info-item span{color:#1f2937;flex:1 1;font-size:.875rem;font-weight:500}.template-data-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.template-data-section h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.template-data-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.template-data-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;padding:.75rem}.template-data-item label{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.template-data-item span{color:#1f2937;font-size:.875rem;font-weight:500;word-break:break-word}.activity-input-section{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:16px;padding:1.5rem}.activity-input-area{display:flex;flex-direction:column;gap:1rem}.activity-input-area textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:.875rem;line-height:1.5;min-height:100px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.activity-input-area textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.selected-file{margin:.5rem 0}.file-preview{align-items:center;background:#fff;border:2px solid #0ea5e9;border-radius:12px;display:flex;gap:.75rem;padding:1rem;position:relative}.file-preview .file-icon{color:#0ea5e9;flex-shrink:0;height:1.5rem;width:1.5rem}.file-icon-small{flex-shrink:0;height:24px;width:24px}.react-file-icon-wrapper{height:80px;width:80px}.file-type-icon,.react-file-icon-wrapper{align-items:center;display:flex;justify-content:center}.file-type-icon{height:32px;width:32px}.file-preview .file-name{color:#0c4a6e;flex:1 1;font-size:.875rem;font-weight:500;word-break:break-all}.remove-file{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:1.25rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:1.25rem}.remove-file:hover{background:#dc2626;transform:scale(1.1)}.remove-file svg{height:.75rem;width:.75rem}.activity-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.attachment-btn{padding:.75rem 1rem}.attachment-btn,.submit-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;text-decoration:none;transition:all .3s ease}.submit-btn{padding:.75rem 2rem}.attachment-btn{background:#fff;border:2px solid #d1d5db;color:#374151}.attachment-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.attachment-btn svg{height:1rem;width:1rem}.submit-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);border:2px solid #0000;color:#fff;min-width:100px}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 8px 16px #0ea5e94d;transform:translateY(-1px)}.submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.timeline-section{background:#fafafa;border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem}.timeline{position:relative}.loading-activities{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:2rem;margin-bottom:.5rem;width:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-activities{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.no-activities svg{height:2.5rem;margin-bottom:.75rem;opacity:.5;width:2.5rem}.timeline-item,.timeline-items{position:relative}.timeline-item{display:flex;gap:1rem;margin-bottom:1.5rem}.timeline-item:last-child{margin-bottom:0}.timeline-marker{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.timeline-icon,.user-avatar{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;height:2.5rem;justify-content:center;position:relative;width:2.5rem;z-index:2}.user-avatar{border:2px solid #fff}.user-initials{font-size:.875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.timeline-icon.bg-blue-500{background:#3b82f6}.timeline-icon.bg-yellow-500{background:#eab308}.timeline-icon.bg-green-500{background:#22c55e}.timeline-icon.bg-purple-500{background:#a855f7}.timeline-icon.bg-red-500{background:#ef4444}.timeline-icon.bg-indigo-500{background:#6366f1}.timeline-icon.bg-orange-500{background:#f97316}.timeline-icon.bg-cyan-500{background:#06b6d4}.timeline-icon.bg-gray-500{background:#6b7280}.timeline-icon.bg-sky-500{background:#0ea5e9}.timeline-icon.bg-emerald-500{background:#10b981}.timeline-icon.bg-violet-500{background:#8b5cf6}.timeline-icon.bg-amber-500{background:#f59e0b}.timeline-icon svg{height:1rem;width:1rem}.timeline-line{background:linear-gradient(180deg,#e5e7eb,#0000);flex:1 1;margin-top:.5rem;width:2px}.timeline-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000001a;flex:1 1;padding:1rem;position:relative;transition:all .3s ease}.timeline-content:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.timeline-content:before{border-bottom:6px solid #0000;border-left:6px solid #fff;border-top:6px solid #0000;content:"";height:0;position:absolute;right:-6px;top:.75rem;width:0}.activity-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.activity-meta{display:flex;flex-direction:column;gap:.125rem}.user-name{color:#1f2937;font-size:.875rem;font-weight:600}.activity-time{color:#6b7280;font-size:.75rem}.activity-date{color:#9ca3af;font-size:.625rem;text-align:right}.activity-body{color:#374151;font-size:.875rem;line-height:1.5}.log-content p,.note-content p{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:8px;margin:0;padding:.75rem}.activity-description{margin:0}.activity-description .main-description{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:8px;color:#1f2937;font-weight:500;margin:0 0 .5rem;padding:.75rem}.activity-description .sub-description{background:#f1f5f9;border-left:2px solid #cbd5e1;border-radius:6px;color:#64748b;font-size:.8rem;margin:0 0 .25rem;padding:.5rem .75rem}.activity-description .activity-notes{background:#fef3c7;border-left:2px solid #f59e0b;border-radius:6px;color:#92400e;font-size:.8rem;font-style:italic;margin:.5rem 0 0;padding:.5rem .75rem}.task-assignment-activity{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:2px solid #0284c7;box-shadow:0 4px 12px #0284c726;overflow:hidden;position:relative}.task-assignment-activity:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0284c7,#0ea5e9,#38bdf8);content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}.task-assignment-activity .activity-description .main-description{align-items:center;background:#ffffffe6;border-left:4px solid #0284c7;color:#0f172a;display:flex;font-weight:600;gap:.5rem}.task-assignment-activity .activity-description .main-description:before{content:"👤";display:inline-block;font-size:1.1rem}.task-assignment-activity .main-description .assignment-inline{background:#fffc;border:1px solid #bae6fd;border-radius:4px;color:#0c4a6e;display:inline-block;font-size:.8rem;font-weight:500;margin-left:.5rem;padding:.25rem .5rem}.task-assignment-activity .main-description .assignment-inline strong{color:#0369a1;font-weight:600}.task-completion-activity{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border:2px solid #10b981;box-shadow:0 4px 12px #10b98126;overflow:hidden;position:relative}.task-completion-activity:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);content:"";height:4px;left:0;position:absolute;right:0;top:0}.task-completion-activity .activity-description .main-description{align-items:center;background:#ffffffe6;border-left:4px solid #10b981;color:#0f172a;display:flex;font-weight:600;gap:.5rem}.task-completion-activity .activity-description .main-description:before{content:"✅";display:inline-block;font-size:1.1rem}.task-completion-activity .timeline-content:before{border-left-color:#10b981}.task-review-activity{background:linear-gradient(135deg,#ede9fe,#f5f3ff);border:2px solid #8b5cf6;box-shadow:0 4px 12px #8b5cf626;overflow:hidden;position:relative}.task-review-activity:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd);content:"";height:4px;left:0;position:absolute;right:0;top:0}.task-review-activity .activity-description .main-description{align-items:center;background:#ffffffe6;border-left:4px solid #8b5cf6;color:#0f172a;display:flex;font-weight:600;gap:.5rem}.task-review-activity .activity-description .main-description:before{content:"🔍";display:inline-block;font-size:1.1rem}.task-review-activity .timeline-content:before{border-left-color:#8b5cf6}.task-creation-activity{background:linear-gradient(135deg,#dbeafe,#eff6ff);border:2px solid #3b82f6;box-shadow:0 4px 12px #3b82f626;overflow:hidden;position:relative}.task-creation-activity:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);content:"";height:4px;left:0;position:absolute;right:0;top:0}.task-creation-activity .activity-description .main-description{align-items:center;background:#ffffffe6;border-left:4px solid #3b82f6;color:#0f172a;display:flex;font-weight:600;gap:.5rem}.task-creation-activity .activity-description .main-description:before{content:"🆕";display:inline-block;font-size:1.1rem}.task-creation-activity .timeline-content:before{border-left-color:#3b82f6}.status-change-activity{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:2px solid #f59e0b;box-shadow:0 4px 12px #f59e0b26;overflow:hidden;position:relative}.status-change-activity:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f59e0b,#fbbf24,#fcd34d);content:"";height:4px;left:0;position:absolute;right:0;top:0}.status-change-activity .activity-description .main-description{align-items:center;background:#ffffffe6;border-left:4px solid #f59e0b;color:#0f172a;display:flex;font-weight:600;gap:.5rem}.status-change-activity .activity-description .main-description:before{content:"🔄";display:inline-block;font-size:1.1rem}.status-change-activity .timeline-content:before{border-left-color:#f59e0b}.status-change-activity .main-description .assignment-inline,.task-assignment-activity .main-description .assignment-inline,.task-completion-activity .main-description .assignment-inline,.task-creation-activity .main-description .assignment-inline,.task-review-activity .main-description .assignment-inline{background:#fffc;border:1px solid #0000001a;border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;margin-left:.5rem;padding:.25rem .5rem}.status-change-activity .main-description .assignment-inline strong,.task-assignment-activity .main-description .assignment-inline strong,.task-completion-activity .main-description .assignment-inline strong,.task-creation-activity .main-description .assignment-inline strong,.task-review-activity .main-description .assignment-inline strong{font-weight:600}.task-assignment-activity .activity-description .sub-description{background:#fffc;border-left:3px solid #0ea5e9;color:#0c4a6e;font-weight:500}.task-assignment-activity .timeline-content:before{border-left-color:#0284c7}.assignment-details{background:#fffffff2;border:1px solid #bae6fd;border-radius:8px;margin-top:.75rem;padding:.75rem}.assignment-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.assignment-meta-item{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;color:#0c4a6e;display:flex;font-size:.8rem;gap:.25rem;padding:.25rem .5rem}.assignment-meta-item strong{font-weight:600}.assignment-avatar{background:linear-gradient(135deg,#0284c7,#0ea5e9)!important;border:3px solid #bae6fd!important;box-shadow:0 6px 16px #0284c74d!important;position:relative}.attachment-content{margin-top:.75rem}.attachment-item{background:#fafafa;border:1px solid #e5e7eb}.image-preview{display:block;position:relative}.image-preview img{display:block;max-height:200px;object-fit:cover;width:100%}.image-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;gap:8px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-preview:hover .image-overlay{opacity:1}.image-overlay .download-btn,.image-overlay .view-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;color:#fff;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .2s ease;width:36px}.image-overlay .view-btn{background:#3b82f6cc}.image-overlay .download-btn{background:#10b981cc}.image-overlay .view-btn:hover{background:#3b82f6;transform:scale(1.1)}.image-overlay .download-btn:hover{background:#10b981;transform:scale(1.1)}.image-overlay svg{height:18px;width:18px}.file-attachment{gap:.75rem;justify-content:space-between;padding:.75rem}.file-attachment,.file-info{align-items:center;display:flex}.file-info{flex:1 1;gap:.5rem;min-width:0}.file-type-icon{color:#6b7280;flex-shrink:0;height:2rem;width:2rem}.file-details{display:flex;flex-direction:column;min-width:0}.file-name{color:#1f2937;font-size:.875rem;font-weight:500;word-break:break-all}.file-type{color:#6b7280;font-size:.625rem;font-weight:600;text-transform:uppercase}.file-actions{display:flex;flex-shrink:0;gap:.25rem}.file-actions .download-btn,.file-actions .view-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;height:1.75rem;width:1.75rem}.file-actions .download-btn:hover,.file-actions .view-btn:hover{background:#e5e7eb;color:#1f2937}.file-actions svg{height:.875rem;width:.875rem}@media (max-width:768px){.task-details-modal-overlay{padding:.5rem}.task-details-modal-content{border-radius:16px;max-height:95vh}.task-details-modal-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1.5rem 1.5rem 1rem}.task-title-section{order:2}.close-button{align-self:flex-end;order:1}.task-details-modal-body{gap:1.5rem;padding:1rem 1.5rem 1.5rem}.activity-input-section,.task-info-section,.timeline-section{padding:1rem}.task-info-grid{grid-template-columns:1fr}.timeline-item{gap:.75rem}.timeline-content{padding:.75rem}.activity-actions{justify-content:stretch}.attachment-btn,.submit-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.file-attachment{align-items:stretch;flex-direction:column;gap:.75rem}.file-actions{justify-content:center}.activity-header{flex-direction:column;gap:.25rem}.activity-date{font-size:.75rem;text-align:left}.task-title-section h2{font-size:1.5rem}}.add-activity .multiple-file-section{margin-top:15px}.add-activity .multiple-file-controls{align-items:center;display:flex;gap:12px;margin-bottom:12px}.add-activity .multiple-file-controls input[type=file]{background:#4f46e50d;border:2px dashed #4f46e54d;border-radius:8px;color:#374151;flex:1 1;font-size:14px;padding:8px 12px;transition:all .3s ease}.add-activity .multiple-file-controls input[type=file]:hover{background:#4f46e51a;border-color:#4f46e580}.add-activity .file-count{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:20px;box-shadow:0 2px 8px #4f46e54d;color:#fff;font-size:12px;font-weight:600;min-width:60px;padding:6px 12px;text-align:center}.add-activity .selected-files-preview{grid-gap:12px;background:#f9fafb80;border:1px solid #e5e7ebcc;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:200px;overflow-y:auto;padding:8px}.add-activity .selected-file-item{align-items:center;background:#fff;border:1px solid #e5e7eb99;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.add-activity .selected-file-item:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.add-activity .selected-file-item .file-type-icon{color:#6b7280;height:20px;width:20px}.add-activity .selected-file-item .file-name{color:#374151;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-activity .selected-file-item .remove-file{color:#ef4444;cursor:pointer;flex-shrink:0;height:16px;transition:all .2s ease;width:16px}.add-activity .selected-file-item .remove-file:hover{color:#dc2626;transform:scale(1.1)}.multiple-attachments{background:#f9fafbcc;border:1px solid #e5e7eb99;border-radius:12px;margin-top:16px;padding:16px}.multiple-attachments .attachments-title{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:12px}.multiple-attachments .attachments-title:before{content:"📎";font-size:16px}.batch-content{display:flex;flex-direction:column;gap:16px}.batch-content .note-content{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;margin-bottom:8px;padding:16px}.batch-content .note-content p{color:#374151;font-size:14px;line-height:1.6;margin:0}.batch-attachments{margin-top:8px}.file-logo-preview{align-items:center;border-radius:12px;cursor:pointer;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:120px}.file-logo-preview:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.file-logo{align-items:center;color:#fff;display:flex;font-weight:700;height:100%;justify-content:center;position:relative;transition:all .3s ease;width:100%}.file-extension{color:#000;font-size:18px;font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px #0003;text-transform:uppercase}.file-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;gap:8px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.file-logo-preview:hover .file-overlay{opacity:1}.file-overlay .download-btn,.file-overlay .view-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;color:#fff;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .2s ease;width:36px}.file-overlay .view-btn{background:#3b82f6cc}.file-overlay .download-btn{background:#10b981cc}.file-overlay .view-btn:hover{background:#3b82f6;transform:scale(1.1)}.file-overlay .download-btn:hover{background:#10b981;transform:scale(1.1)}.file-overlay svg{height:18px;width:18px}.attachments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.attachment-item{background:#fff;border:1px solid #e5e7eb99;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:120px;overflow:hidden;transition:all .3s ease;width:120px}.attachment-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.attachment-item .image-preview{border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.attachment-item .image-preview img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.attachment-item .image-preview:hover img{transform:scale(1.05)}.attachment-item .image-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;gap:8px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.attachment-item .image-preview:hover .image-overlay{opacity:1}.attachment-item .image-overlay .download-btn,.attachment-item .image-overlay .view-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;color:#fff;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .2s ease;width:36px}.attachment-item .image-overlay .view-btn{background:#3b82f6cc}.attachment-item .image-overlay .download-btn{background:#10b981cc}.attachment-item .image-overlay .view-btn:hover{background:#3b82f6;transform:scale(1.1)}.attachment-item .image-overlay .download-btn:hover{background:#10b981;transform:scale(1.1)}.attachment-item .image-overlay svg{height:18px;width:18px}.attachment-item .file-attachment{align-items:center;display:flex;justify-content:space-between;padding:12px}.attachment-item .file-info{align-items:center;display:flex;flex:1 1;gap:10px}.attachment-item .file-type-icon{color:#6b7280;height:24px;width:24px}.attachment-item .file-details{display:flex;flex-direction:column;gap:2px}.attachment-item .file-name{color:#374151;font-size:13px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-item .file-type{color:#6b7280;font-size:11px;font-weight:600;text-transform:uppercase}.attachment-item .file-actions{display:flex;gap:6px}.attachment-item .file-actions .download-btn,.attachment-item .file-actions .view-btn{align-items:center;background:#4f46e51a;border-radius:6px;color:#4f46e5;display:flex;height:28px;justify-content:center;text-decoration:none;transition:all .2s ease;width:28px}.attachment-item .file-actions .download-btn:hover,.attachment-item .file-actions .view-btn:hover{background:#4f46e533;transform:scale(1.05)}.attachment-item .file-actions svg{height:14px;width:14px}.update-note{background:#3b82f60d;border-left:3px solid #3b82f6;border-radius:6px;margin-top:8px;padding:12px}.update-note p{color:#374151;font-size:14px;line-height:1.5;margin:0}.users-container{margin:0 auto;max-width:1300px;min-height:100vh;padding:1.5rem;text-align:right}.users-container h1{border-bottom:2px solid #06b6d4;color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}@media (max-width:768px){.users-container h1{display:none}}.users-content{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2rem}.list-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.search-filters{display:flex;flex:1 1;gap:1rem;max-width:600px}.search-box{flex:1 1;position:relative}.search-icon{color:#6b7280;height:1.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1.25rem}.search-input{border:1px solid #d1d5db;border-radius:.5rem;font-family:Tajawal,sans-serif;font-size:.875rem;padding:.75rem 2.5rem .75rem .75rem;text-align:right;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.department-filter{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-family:Tajawal,sans-serif;font-size:.875rem;min-width:150px;padding:.75rem}.department-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-user-btn{align-items:center;background-color:#06b6d4;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-family:Tajawal,sans-serif;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.add-user-btn:hover{background-color:#0891b2}.btn-icon{height:1.25rem;width:1.25rem}.users-display{width:100%}.users-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;direction:rtl;display:block;overflow:hidden}.users-table{border-collapse:collapse;direction:rtl;font-family:Tajawal,sans-serif;width:100%}.users-table thead{background-color:#f8fafc}.users-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:1rem 1.5rem;text-align:right}.users-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.users-table tbody tr:hover{background-color:#f9fafb}.users-table td{padding:1rem 1.5rem;text-align:right;vertical-align:middle}.user-cell{min-width:250px}.user-info-row{align-items:center;display:flex;gap:.75rem}.user-avatar-small{align-items:center;background-color:#3b82f6;border-radius:50%;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.avatar-icon-small{color:#fff;height:1.25rem;width:1.25rem}.user-details{flex:1 1;min-width:0}.user-name-table{color:#1f2937;font-size:.875rem;font-weight:600;margin-bottom:.125rem}.user-email-table{color:#6b7280;font-size:.75rem}.phone-cell{color:#374151;direction:ltr;font-size:.875rem;text-align:left}.date-cell{color:#6b7280;font-size:.875rem}.date-cell,.role-cell{text-align:right}.role-badge{background-color:#dbeafe;border-radius:9999px;color:#1e40af;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.actions-cell{text-align:right;width:120px}.table-actions{display:flex;gap:.5rem;justify-content:flex-end}.table-delete-btn,.table-edit-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s;width:2rem}.table-edit-btn{background-color:#fbbf24;color:#fff}.table-edit-btn:hover{background-color:#f59e0b}.table-delete-btn{background-color:#ef4444;color:#fff}.table-delete-btn:hover{background-color:#dc2626}.table-btn-icon{height:1rem;width:1rem}.users-mobile-cards{display:none;flex-direction:column}.mobile-user-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1rem;overflow:hidden;transition:box-shadow .15s ease}.mobile-user-card:hover{box-shadow:0 4px 6px -1px #0000001a}.mobile-card-header{align-items:center;background-color:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.mobile-user-info{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.mobile-user-avatar{align-items:center;background-color:#3b82f6;border-radius:50%;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.mobile-avatar-icon{color:#fff;height:1.5rem;width:1.5rem}.mobile-user-details{flex:1 1;min-width:0}.mobile-user-name{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.mobile-user-email{color:#6b7280;font-size:.875rem;margin:0}.mobile-user-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.mobile-user-actions .delete-action-btn--mobile,.mobile-user-actions .edit-action-btn--mobile{flex-shrink:0;height:2.5rem;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.mobile-delete-btn,.mobile-edit-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;height:2.25rem;justify-content:center;transition:all .2s;width:2.25rem}.mobile-edit-btn{background-color:#fbbf24;color:#fff}.mobile-edit-btn:hover{background-color:#f59e0b}.mobile-delete-btn{background-color:#ef4444;color:#fff}.mobile-delete-btn:hover{background-color:#dc2626}.mobile-btn-icon{height:1.125rem;width:1.125rem}.mobile-card-body{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.mobile-info-item{align-items:center;display:flex;justify-content:space-between}.mobile-info-label{color:#6b7280;font-size:.875rem;font-weight:500}.mobile-info-value{color:#1f2937;font-size:.875rem;font-weight:500}.mobile-role-badge{background-color:#dbeafe;border-radius:9999px;color:#1e40af;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.modal-overlay{align-items:center;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{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem 1rem}.modal-header h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:.25rem;transition:all .2s;width:2rem}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2rem}.modal-footer{border-top:1px solid #e5e7eb;padding:1rem 2rem 1.5rem}.modal-buttons-row,.modal-footer{display:flex;gap:1rem;justify-content:center}.modal-buttons-row{width:100%}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:500}.form-input,.form-select{border:1px solid #d1d5db;border-radius:.5rem;font-family:Tajawal,sans-serif;font-size:.875rem;padding:.75rem;text-align:right}.form-input:focus,.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:1024px){.users-table-container{display:none!important}.users-mobile-cards{display:flex!important}}@media (max-width:768px){.users-container{min-height:auto;padding:1rem}.users-content{padding:1rem}.list-header{align-items:stretch;flex-direction:column}.search-filters{flex-direction:row;gap:.5rem;max-width:none}.search-box{flex:1 1}.add-user-btn{justify-content:center;text-align:center}.users-table-container{display:none!important}.users-mobile-cards{display:flex!important}.modal-content{margin:.5rem;max-width:calc(100vw - 1rem)}.modal-header{padding:1rem 1.5rem .75rem}.modal-body{padding:1rem 1.5rem}.modal-footer{flex-direction:column;padding:.75rem 1.5rem 1rem}.modal-buttons-row{flex-direction:row;gap:.75rem}}@media (max-width:480px){.modal-overlay{padding:.5rem}.modal-content{margin:0;max-width:100vw}.modal-header h2{font-size:1.125rem}.modal-footer{flex-direction:column;gap:.5rem}.modal-buttons-row{flex-direction:row;gap:.5rem}.mobile-user-card{margin-bottom:.75rem}.mobile-card-body,.mobile-card-header{padding:.75rem}.mobile-user-avatar{height:2.5rem;width:2.5rem}.mobile-avatar-icon{height:1.25rem;width:1.25rem}.mobile-user-name{font-size:.875rem}.mobile-user-email{font-size:.75rem}}.settings-container{margin:0 auto;max-width:1300px;min-height:100vh;padding:1.5rem;text-align:right}.settings-container h1{border-bottom:2px solid #6b7280;color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}@media (max-width:768px){.settings-container{min-height:auto;padding:1rem}.settings-container h1{display:none}}.settings-section{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-bottom:2rem;overflow:hidden}.section-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:1.5rem}.section-header,.section-title{align-items:center;display:flex}.section-title{color:#1f2937;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.section-icon{color:#6b7280;height:1.5rem;width:1.5rem}.section-content{padding:1.5rem}.edit-button{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;box-shadow:0 2px 4px #fbbf2433;cursor:pointer;display:flex;flex-direction:row;gap:4px;height:32px;justify-content:center;min-width:75px;overflow:hidden;padding:6px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-button:hover{box-shadow:0 8px 25px #fbbf2466,0 4px 12px #fbbf244d;transform:translateY(-2px)}.edit-button:hover .edit-button-background{background:linear-gradient(135deg,#fcd34d,#f59e0b)}.edit-button:active{box-shadow:0 4px 12px #fbbf2440;transform:translateY(-1px)}.edit-button:disabled{box-shadow:none;cursor:not-allowed;transform:none}.edit-button:disabled,.edit-button:disabled .edit-button-background{background:linear-gradient(135deg,#d1d5db,#9ca3af)}.edit-button:disabled:hover{box-shadow:none;transform:none}.edit-button-background{background:linear-gradient(135deg,#fbbf24,#f59e0b);bottom:0;left:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.edit-button-content{align-items:center;display:flex;flex-direction:row;gap:4px;height:100%;justify-content:center;position:relative;width:100%;z-index:3}.edit-button-text{color:#fff;font-family:Tajawal,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px;order:0;text-align:center}.edit-button-icon-container,.edit-button-text{align-items:center;display:flex;flex:none;flex-direction:row;flex-grow:0;justify-content:center;padding:0}.edit-button-icon-container{order:1}.edit-button-icon{color:#fff;flex:none;flex-grow:0;height:14px;order:0;width:14px}.profile-picture-section{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.profile-picture-container{margin-bottom:1rem}.profile-picture{object-fit:cover}.profile-picture,.profile-picture-placeholder{border:4px solid #e5e7eb;border-radius:50%;height:120px;width:120px}.profile-picture-placeholder{align-items:center;background-color:#f3f4f6;display:flex;justify-content:center}.placeholder-icon{color:#9ca3af;height:3rem;width:3rem}.banner-picture-section{margin-bottom:2rem}.banner-picture-container{border:2px solid #e5e7eb;border-radius:.5rem;height:200px;margin-bottom:1rem;overflow:hidden;width:100%}.banner-picture{height:100%;object-fit:cover;width:100%}.banner-picture-placeholder{align-items:center;background-color:#f3f4f6;color:#9ca3af;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;width:100%}.banner-picture-placeholder span{font-size:1rem;font-weight:500}.picture-actions{display:flex;justify-content:center}.change-photo-button{align-items:center;background-color:#3b82f6;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.change-photo-button:hover{background-color:#2563eb}.camera-icon{height:1rem;width:1rem}.file-input{display:none}.form-group{margin-bottom:1.5rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input,.form-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-display{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;display:flex;min-height:2.75rem;padding:.75rem}.password-section-header{border-top:1px solid #e5e7eb;margin:1.5rem 0 1rem;padding-top:1.5rem}.toggle-password-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:500;padding:0;text-decoration:underline}.toggle-password-button:hover{color:#2563eb}.password-fields{margin-top:1rem}.section-actions{border-top:1px solid #e5e7eb;padding-top:1.5rem}.logout-section,.section-actions{display:flex;justify-content:center;margin-top:2rem}@media (max-width:640px){.settings-container{padding:1rem}.section-header{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between;padding:1rem}.section-title{flex:1 1;font-size:1.125rem;gap:.5rem;min-width:0}.section-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-content{padding:1rem}.profile-picture,.profile-picture-placeholder{height:100px;width:100px}.banner-picture-container{height:150px}.form-group{margin-bottom:1rem}.section-actions{margin-top:1.5rem;padding-top:1rem}}@media (max-width:480px){.settings-container h1{font-size:1.5rem}.section-header{padding:.75rem}.section-title{font-size:1rem}.section-icon{height:1.25rem;width:1.25rem}.section-content{padding:.75rem}.profile-picture,.profile-picture-placeholder{height:80px;width:80px}.banner-picture-container{height:120px}}.App{direction:rtl;font-family:Tajawal,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*,.rtl-text{text-align:right}.rtl-text{direction:rtl}.transition-all{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.login-page{align-items:center;background-color:#f3f4f6;direction:rtl;display:flex;font-family:Tajawal,sans-serif;justify-content:center;min-height:100vh}.login-container{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin:1rem;max-width:400px;padding:2.5rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-logo{height:80px;margin-bottom:1rem;width:80px}.login-title{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0}.login-subtitle{color:#6b7280;font-size:1rem;margin-top:.5rem}.login-form .form-group{margin-bottom:1.5rem}.login-form label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.login-form input{border:1px solid #d1d5db;border-radius:.5rem;font-family:Tajawal,sans-serif;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.login-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.login-button{background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #3b82f633,0 2px 4px -1px #3b82f61a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s;width:100%}.login-button:hover{box-shadow:0 10px 15px -3px #3b82f64d,0 4px 6px -2px #3b82f633;transform:translateY(-2px)}.login-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.error-message{background-color:#fee2e2;border-radius:.5rem;color:#b91c1c;font-size:.875rem;margin-bottom:1rem;padding:.75rem;text-align:center}
/*# sourceMappingURL=main.95e26e1e.css.map*/