@import url(https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200;300;400;500;600;700&display=swap);:root{--global-bg:#eef3f9;--global-text:#1f2937;--global-text-secondary:#374151;--global-text-muted:#6b7280;--global-border:#e5e7eb;--global-card-bg:#fff;--global-hover-bg:#f9fafb;--global-shadow:#0000001a;--global-overlay:#00000080}[data-theme=dark]{--global-bg:#0f172a;--global-text:#f8fafc;--global-text-secondary:#e2e8f0;--global-text-muted:#94a3b8;--global-border:#334155;--global-card-bg:#1e293b;--global-hover-bg:#334155;--global-shadow:#0000004d;--global-overlay:#000000b3}*{box-sizing:border-box;font-family:Readex Pro,sans-serif!important;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.min-h-screen{min-height:100vh}.bg-gray-100{background-color:#f9fafb;background-color:var(--global-hover-bg);transition:background-color .3s cubic-bezier(.4,0,.2,1)}.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:#fff;background-color:var(--global-card-bg);transition:background-color .3s cubic-bezier(.4,0,.2,1)}.border-gray-200{border-color:#e5e7eb;border-color:var(--global-border);transition:border-color .3s cubic-bezier(.4,0,.2,1)}.text-gray-500{color:#6b7280;color:var(--global-text-muted);transition:color .3s cubic-bezier(.4,0,.2,1)}.justify-between{justify-content:space-between}.hover\:bg-gray-50:hover{background-color:#f9fafb;background-color:var(--global-hover-bg)}.bg-black{background-color:#000}.bg-opacity-50{background-color:#00000080;background-color:var(--global-overlay);transition:background-color .3s cubic-bezier(.4,0,.2,1)}.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;color:var(--global-text)}.text-gray-700,.text-gray-800{transition:color .3s cubic-bezier(.4,0,.2,1)}.text-gray-700{color:#374151;color:var(--global-text-secondary)}.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 #0000001a;box-shadow:0 4px 6px -1px var(--global-shadow),0 2px 4px -1px var(--global-shadow)}.shadow-md,.shadow-sm{transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.shadow-sm{box-shadow:0 1px 2px 0 #0000001a;box-shadow:0 1px 2px 0 var(--global-shadow)}.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 #0000001a;box-shadow:0 1px 2px 0 var(--global-shadow)}.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;background-color:#eef3f9;background-color:var(--global-bg);color:#1f2937;color:var(--global-text);direction:rtl;font-family:Readex Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[data-theme=dark] .bg-gray-100{background-color:#374151!important}[data-theme=dark] .bg-gray-50{background-color:#1e293b!important}[data-theme=dark] .text-gray-700{color:#e2e8f0!important}[data-theme=dark] .text-gray-500{color:#94a3b8!important}[data-theme=dark] .text-gray-800{color:#f8fafc!important}[data-theme=dark] .border-gray-200{border-color:#334155!important}[data-theme=dark] .shadow-md{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003!important}[data-theme=dark] .shadow-sm{box-shadow:0 1px 2px 0 #0003!important}[data-theme=dark] .hover\:bg-gray-50:hover{background-color:#334155!important}:root{--sidebar-bg:#f7f8fc;--sidebar-border:#e5e7eb;--sidebar-text:#1f2937;--sidebar-text-secondary:#374151;--sidebar-text-muted:#6b7280;--sidebar-hover-bg:#f3f4f6;--sidebar-mobile-bar-bg:#f7f8fc;--sidebar-user-profile-bg:#f7f8fc;--sidebar-logout-bg:#fef2f2;--sidebar-logout-hover:#fee2e2;--sidebar-logout-active:#fecaca;--sidebar-overlay:#00000080;--user-name-color:#000;--brand-primary:#144a87;--logout-icon-color:#dc2626}[data-theme=dark]{--sidebar-bg:#1f2937;--sidebar-border:#374151;--sidebar-text:#f9fafb;--sidebar-text-secondary:#e5e7eb;--sidebar-text-muted:#9ca3af;--sidebar-hover-bg:#374151;--sidebar-mobile-bar-bg:#1f2937;--sidebar-user-profile-bg:#374151;--sidebar-logout-bg:#7f1d1d;--sidebar-logout-hover:#991b1b;--sidebar-logout-active:#b91c1c;--sidebar-overlay:#000000b3;--user-name-color:#fff!important;--brand-primary:#60a5fa;--logout-icon-color:#f87171}.sidebar-container,.sidebar-footer-text,.sidebar-menu-text,.sidebar-title{font-family:Readex Pro,sans-serif}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.dark-mode-icon,.footer-dark-mode,.footer-dark-mode-toggle,.mobile-top-bar,.sidebar-container,.sidebar-header,.sidebar-logout-button,.sidebar-menu-icon,.sidebar-menu-item,.sidebar-menu-text,.sidebar-title,.user-avatar,.user-email,.user-name,.user-profile{transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-top-bar{align-items:center;background-color:#f7f8fc;background-color:var(--sidebar-mobile-bar-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--sidebar-border);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;color:var(--sidebar-text);font-family:Readex Pro,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:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-button:hover{background-color:#f3f4f6;background-color:var(--sidebar-hover-bg)}.mobile-menu-icon{color:#374151;color:var(--sidebar-text-secondary);height:1.5rem;width:1.5rem}.sidebar-mobile-button{display:none}.sidebar-overlay{background-color:#00000080;background-color:var(--sidebar-overlay);bottom:0;left:0;position:fixed;right:0;top:0;z-index:30}.sidebar-container{background-color:#f7f8fc;background-color:var(--sidebar-bg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;height:100%;overflow-y:auto;position:fixed;right:0;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s 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;border-bottom:1px solid var(--sidebar-border);padding-right:20px}.sidebar-header-content{align-items:center;direction:rtl;display:flex;flex-direction:row;justify-content:flex-start}.sidebar-title{color:#144a87;color:var(--brand-primary);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{transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-menu-item.active{color:#1f2937;color:var(--sidebar-text);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;color:var(--sidebar-text-secondary)}.sidebar-menu-item.inactive:hover{transform:translateX(-2px)}.sidebar-menu li:first-child .sidebar-menu-item.inactive:hover{background-color:#dbeafe4d;color:#1e40af}.sidebar-menu li:nth-child(2) .sidebar-menu-item.inactive:hover{background-color:#e9d5ff4d;color:#7c3aed}.sidebar-menu li:nth-child(3) .sidebar-menu-item.inactive:hover{background-color:#fed7aa4d;color:#c2410c}.sidebar-menu li:nth-child(4) .sidebar-menu-item.inactive:hover{background-color:#dcfce74d;color:#16a34a}.sidebar-menu li:nth-child(5) .sidebar-menu-item.inactive:hover{background-color:#fee2e24d;color:#dc2626}.sidebar-menu li:nth-child(6) .sidebar-menu-item.inactive:hover{background-color:#fce7f34d;color:#be185d}.sidebar-menu li:nth-child(7) .sidebar-menu-item.inactive:hover{background-color:#fef3c74d;color:#ca8a04}.sidebar-menu li:nth-child(8) .sidebar-menu-item.inactive:hover{background-color:#f0fdfa4d;color:#0d9488}.sidebar-menu li:nth-child(9) .sidebar-menu-item.inactive:hover{background-color:#cffafe4d;color:#0891b2}.sidebar-menu li:nth-child(10) .sidebar-menu-item.inactive:hover{background-color:#f3f4f64d;color:#4b5563}.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;text-decoration:none;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}.sidebar-menu-text{font-size:.875rem}.sidebar-menu-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.sidebar-footer{bottom:0;left:0;padding:1rem;position:absolute;right:0}.user-profile{align-items:center;background-color:#f7f8fc;background-color:var(--sidebar-user-profile-bg);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{color:#000;color:var(--user-name-color);margin:0 0 .25rem}[data-theme=dark] .user-name{color:#fff!important}.user-email{color:#6b7280;color:var(--sidebar-text-muted);font-size:.75rem;margin:0;text-align:right}.sidebar-logout-button{align-items:center;background:#fef2f2;background:var(--sidebar-logout-bg);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;background:var(--sidebar-logout-hover);box-shadow:0 2px 4px #dc26261a;transform:translateY(-1px)}.sidebar-logout-button:active{background:#fecaca;background:var(--sidebar-logout-active);box-shadow:0 1px 2px #dc26261a;transform:translateY(0)}.sidebar-logout-icon{color:#dc2626;color:var(--logout-icon-color);height:1.25rem;width:1.25rem}.dark-mode-toggle{align-items:center;background:#f7f8fc;background:var(--sidebar-user-profile-bg);border:2px solid #e5e7eb;border:2px solid var(--sidebar-border);border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-left:.5rem;transition:all .2s ease-in-out;width:40px}.dark-mode-toggle:hover{background:#f3f4f6;background:var(--sidebar-hover-bg);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.dark-mode-toggle:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.dark-mode-icon{color:#374151;color:var(--sidebar-text-secondary);height:1.25rem;transition:all .2s ease-in-out;width:1.25rem}.dark-mode-toggle:hover .dark-mode-icon{color:#1f2937;color:var(--sidebar-text);transform:rotate(15deg)}.dark-mode-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--sidebar-border);margin-bottom:1rem;padding:1rem}.dark-mode-toggle-button{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#374151;color:var(--sidebar-text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;justify-content:flex-start;padding:.75rem 1rem;text-align:right;transition:all .2s ease-in-out;width:100%}.dark-mode-toggle-button:hover{background-color:#f3f4f6;background-color:var(--sidebar-hover-bg);color:#1f2937;color:var(--sidebar-text);transform:translateX(-2px)}.dark-mode-toggle-button:hover .dark-mode-icon{transform:rotate(15deg)}.dark-mode-text{font-family:Readex Pro,sans-serif;font-size:.875rem}.footer-dark-mode{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--sidebar-border);margin-bottom:.75rem;padding:.75rem .5rem}.footer-dark-mode-toggle{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#374151;color:var(--sidebar-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;justify-content:flex-start;padding:.5rem .75rem;text-align:right;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.footer-dark-mode-toggle:hover{background-color:#f3f4f6;background-color:var(--sidebar-hover-bg);color:#1f2937;color:var(--sidebar-text);transform:translateX(-2px)}.footer-dark-mode-toggle:hover .dark-mode-icon{transform:rotate(15deg)}.footer-dark-mode .dark-mode-text{font-family:Readex Pro,sans-serif;font-size:.875rem}.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}}.stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover{border-color:#c4d3e8e6;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff1a;transform:translateY(-1px)}.stat-card:hover:before{opacity:1}.stat-header{gap:12px;margin-bottom:16px}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;padding:12px;transition:all .3s ease;width:48px}.stat-icon.income-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 4px 8px #05966926;color:#059669}.stat-icon.expense-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 4px 8px #dc262626;color:#dc2626}.stat-icon.profit-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 4px 8px #2563eb26;color:#2563eb}.stat-icon.cash-icon{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);box-shadow:0 4px 8px #7c3aed26;color:#7c3aed}.stat-card:hover .stat-icon{transform:scale(1.05)}.stat-header h3{font-size:16px;letter-spacing:.025em}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#4b5563);background-clip:text;-webkit-background-clip:text;font-size:32px;line-height:1.1;margin:0;padding-bottom:10px;transition:all .3s ease}.stat-value.income-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#10b981);background-clip:text;-webkit-background-clip:text}.stat-value.expense-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#ef4444);background-clip:text;-webkit-background-clip:text}.stat-value.available-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9333ea,#a855f7);background-clip:text;-webkit-background-clip:text}.stat-value.profit-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6);background-clip:text;-webkit-background-clip:text}.stat-value.cash-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#8b5cf6);background-clip:text;-webkit-background-clip:text}.stat-card:hover .stat-value{transform:scale(1.02)}.dark .stat-card,[data-theme=dark] .stat-card,body.dark .stat-card,body[data-theme=dark] .stat-card,html.dark .stat-card,html[data-theme=dark] .stat-card{background:linear-gradient(135deg,#1f2937,#374151);border-color:#4b55634d;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,0 0 0 1px #ffffff0d}.dark .stat-card:hover,[data-theme=dark] .stat-card:hover,body.dark .stat-card:hover,body[data-theme=dark] .stat-card:hover,html.dark .stat-card:hover,html[data-theme=dark] .stat-card:hover{border-color:#6b728080;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003,0 0 0 1px #ffffff1a}.dark .stat-header h3,[data-theme=dark] .stat-header h3,body.dark .stat-header h3,body[data-theme=dark] .stat-header h3,html.dark .stat-header h3,html[data-theme=dark] .stat-header h3{color:#e5e7eb}.dark .stat-value,[data-theme=dark] .stat-value,body.dark .stat-value,body[data-theme=dark] .stat-value,html.dark .stat-value,html[data-theme=dark] .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f9fafb,#e5e7eb);background-clip:text;-webkit-background-clip:text}@media (max-width:768px){.stat-card{border-radius:12px;min-height:120px;padding:18px}.stat-icon{border-radius:10px;height:40px;padding:10px;width:40px}.stat-header{gap:10px;margin-bottom:14px}.stat-header h3{font-size:14px}.stat-value{font-size:26px}}@media (max-width:480px){.stat-card{border-radius:10px;min-height:100px;padding:16px}.stat-icon{border-radius:8px;height:36px;padding:8px;width:36px}.stat-header{gap:8px;margin-bottom:12px}.stat-header h3{font-size:13px}.stat-value{font-size:22px}}.stat-card.loading{opacity:.7;pointer-events:none}.stat-card.loading .stat-value{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stat-card:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.stat-card{border:2px solid #000;box-shadow:none}.stat-value{-webkit-text-fill-color:inherit!important;background:none!important;color:inherit!important}}.stat-icon.stat-icon-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 4px 8px #f59e0b26;color:#f59e0b}.stat-icon.stat-icon-assigned{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 4px 8px #3b82f626;color:#3b82f6}.stat-icon.stat-icon-review{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);box-shadow:0 4px 8px #8b5cf626;color:#8b5cf6}.stat-icon.stat-icon-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 4px 8px #10b98126;color:#10b981}.stat-value-pending{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);background-clip:text;-webkit-background-clip:text}.stat-value-assigned{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);background-clip:text;-webkit-background-clip:text}.stat-value-review{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#7c3aed);background-clip:text;-webkit-background-clip:text}.stat-value-completed{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);background-clip:text;-webkit-background-clip:text}:root{--dashboard-light-bg:#fff;--dashboard-light-container-bg:#f7f8fc;--dashboard-light-card-bg:#f7f8fc;--dashboard-light-welcome-bg:#f7f8fc;--dashboard-light-stats-bg:#f7f8fc;--dashboard-light-action-bg:#edeff9;--dashboard-light-task-bg:#edeff9;--dashboard-light-text:#1f2937;--dashboard-light-secondary:#6b7280;--dashboard-light-border:#e5e7eb;--dashboard-light-hover:#f9fafb}[data-theme=dark],body[data-theme=dark],html[data-theme=dark]{--dashboard-dark-bg:#1f2937;--dashboard-dark-container-bg:#374151;--dashboard-dark-card-bg:#4b5563;--dashboard-dark-welcome-bg:#374151;--dashboard-dark-stats-bg:#374151;--dashboard-dark-action-bg:#4b5563;--dashboard-dark-task-bg:#4b5563;--dashboard-dark-text:#f9fafb;--dashboard-dark-secondary:#d1d5db;--dashboard-dark-border:#6b7280;--dashboard-dark-hover:#6b7280}.dashboard-container{margin:0 auto;max-width:1300px;min-height:100vh;padding:1.5rem;text-align:right}.welcome-section{align-items:center;background-color:#f7f8fc;border:1px solid #e5e7eb;border-left:4px solid #1e40af;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#1f2937;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}[data-theme=dark] .welcome-section,body[data-theme=dark] .welcome-section,html[data-theme=dark] .welcome-section{background-color:var(--dashboard-dark-welcome-bg)!important;border-color:var(--dashboard-dark-border)!important;border-left-color:#1e40af!important;box-shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003!important;color:var(--dashboard-dark-text)!important}.welcome-content h1{color:#1e40af;font-family:Tajawal,sans-serif;font-size:1.875rem;font-weight:600;margin:0 0 .5rem}.welcome-subtitle{color:#6b7280;font-family:Tajawal,sans-serif;font-size:1rem;margin:0}[data-theme=dark] .welcome-subtitle,body[data-theme=dark] .welcome-subtitle,html[data-theme=dark] .welcome-subtitle{color:var(--dashboard-dark-secondary)!important}.clock-section{text-align:left}.clock-time{align-items:center;color:#1e40af;display:flex;font-family:Tajawal,sans-serif;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.clock-icon{color:#1e40af;height:1.25rem;width:1.25rem}.clock-date{color:#6b7280;font-family:Tajawal,sans-serif;font-size:1.25rem;font-weight:600}[data-theme=dark] .clock-date,body[data-theme=dark] .clock-date,html[data-theme=dark] .clock-date{color:var(--dashboard-dark-secondary)!important}.stats-section{margin-bottom:2rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.dashboard-container h1{display:none}}.dashboard-content{background-color:#f7f8fc;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2rem}[data-theme=dark] .dashboard-content,body[data-theme=dark] .dashboard-content,html[data-theme=dark] .dashboard-content{background-color:var(--dashboard-dark-container-bg)!important;box-shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003!important}.dashboard-section{margin-bottom:3rem}.dashboard-section:last-child{margin-bottom:0}.section-title{border:none!important;color:#374151;font-family:Tajawal,sans-serif;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem}[data-theme=dark] .section-title,body[data-theme=dark] .section-title,html[data-theme=dark] .section-title{color:var(--dashboard-dark-text)!important}.section-header{background-color:none!important;border:none!important;margin-bottom:1.5rem}.view-all-btn{background-color:#f7f8fc;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}[data-theme=dark] .view-all-btn,body[data-theme=dark] .view-all-btn,html[data-theme=dark] .view-all-btn{background-color:var(--dashboard-dark-card-bg)!important;border-color:var(--dashboard-dark-border)!important;color:var(--dashboard-dark-text)!important}.view-all-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}[data-theme=dark] .view-all-btn:hover,body[data-theme=dark] .view-all-btn:hover,html[data-theme=dark] .view-all-btn:hover{background-color:var(--dashboard-dark-hover)!important;border-color:var(--dashboard-dark-secondary)!important}.fast-actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.fast-action-card{background-color:#edeff9;border:1px solid #e5e7eb;border-radius:.75rem;color:inherit;cursor:pointer;padding:2rem;text-align:center;text-decoration:none;transition:all .2s}[data-theme=dark] .fast-action-card,body[data-theme=dark] .fast-action-card,html[data-theme=dark] .fast-action-card{background-color:var(--dashboard-dark-action-bg)!important;border-color:var(--dashboard-dark-border)!important;color:var(--dashboard-dark-text)!important}.fast-action-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}[data-theme=dark] .fast-action-card:hover,body[data-theme=dark] .fast-action-card:hover,html[data-theme=dark] .fast-action-card:hover{border-color:var(--dashboard-dark-secondary)!important;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d!important}.fast-action-icon{align-items:center;border-radius:50%;display:flex;height:3rem;justify-content:center;margin:0 auto 1rem;width:3rem}.fast-action-icon svg{color:#fff;height:1.5rem;width:1.5rem}.fast-action-icon.receipt{background-color:#10b981}.fast-action-icon.project{background-color:#8b5cf6}.fast-action-icon.customer{background-color:#f59e0b}.fast-action-icon.service{background-color:#ef4444}.fast-action-card h3{color:#1f2937;font-family:Tajawal,sans-serif;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}[data-theme=dark] .fast-action-card h3,body[data-theme=dark] .fast-action-card h3,html[data-theme=dark] .fast-action-card h3{color:var(--dashboard-dark-text)!important}.fast-action-card p{color:#6b7280;font-family:Tajawal,sans-serif;font-size:.875rem;margin:0}[data-theme=dark] .fast-action-card p,body[data-theme=dark] .fast-action-card p,html[data-theme=dark] .fast-action-card p{color:var(--dashboard-dark-secondary)!important}.task-item{background-color:#edeff9;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;padding:1.5rem;transition:all .2s}[data-theme=dark] .task-item,body[data-theme=dark] .task-item,html[data-theme=dark] .task-item{background-color:var(--dashboard-dark-task-bg)!important;border-color:var(--dashboard-dark-border)!important}.task-item:hover{background-color:#f0f2fc;border-color:#d1d5db}[data-theme=dark] .task-item:hover,body[data-theme=dark] .task-item:hover,html[data-theme=dark] .task-item:hover{background-color:var(--dashboard-dark-hover)!important;border-color:var(--dashboard-dark-secondary)!important}.task-item:last-child{margin-bottom:0}.task-header{align-items:flex-start;gap:1rem;margin-bottom:1rem}.task-title{flex:1 1;font-family:Tajawal,sans-serif;font-size:1rem}[data-theme=dark] .task-title,body[data-theme=dark] .task-title,html[data-theme=dark] .task-title{color:var(--dashboard-dark-text)!important}.task-status{font-family:Tajawal,sans-serif;font-weight:500;white-space:nowrap}.task-details{display:flex;flex-wrap:wrap;gap:1rem}.task-detail{align-items:center;color:#6b7280;display:flex;font-family:Tajawal,sans-serif;font-size:.875rem;gap:.5rem}[data-theme=dark] .task-detail,body[data-theme=dark] .task-detail,html[data-theme=dark] .task-detail{color:var(--dashboard-dark-secondary)!important}.detail-icon{flex-shrink:0;height:1rem;width:1rem}.loading-state{color:#6b7280;font-family:Tajawal,sans-serif;padding:3rem}[data-theme=dark] .loading-state,body[data-theme=dark] .loading-state,html[data-theme=dark] .loading-state{color:var(--dashboard-dark-secondary)!important}.empty-state{padding:3rem}[data-theme=dark] .empty-state,body[data-theme=dark] .empty-state,html[data-theme=dark] .empty-state{color:var(--dashboard-dark-secondary)!important}.empty-icon{color:#d1d5db;height:3rem;width:3rem}[data-theme=dark] .empty-icon,body[data-theme=dark] .empty-icon,html[data-theme=dark] .empty-icon{color:var(--dashboard-dark-border)!important}.empty-state p{font-family:Tajawal,sans-serif}@media (max-width:768px){.dashboard-container{padding:1rem}.welcome-section{flex-direction:column;gap:1rem;padding:1.5rem}.clock-section,.welcome-section{text-align:center}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-content{padding:1.5rem}.fast-actions-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.fast-action-card{padding:1.5rem}.task-details{flex-direction:column;gap:.5rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}}.save-changes-button{--save-changes-btn-bg-gradient:linear-gradient(135deg,#059669,#047857 50%,#065f46);--save-changes-btn-bg-hover-gradient:linear-gradient(135deg,#047857,#065f46 50%,#064e3b);--save-changes-btn-text:#fff;--save-changes-btn-border:#fff3;--save-changes-btn-shadow-base:#0000001a;--save-changes-btn-shadow-sm:#0000000f;--save-changes-btn-shadow-hover:#05966966;--save-changes-btn-shadow-hover-sm:#05966933;--save-changes-btn-focus-outline:#10b981;--save-changes-btn-shine:#fff6;--save-changes-btn-disabled-text:#ffffffb3;align-items:center;background:var(--save-changes-btn-bg-gradient);border:none;border:1px solid var(--save-changes-btn-border);border-radius:.75rem;box-shadow:0 4px 6px -1px var(--save-changes-btn-shadow-base),0 2px 4px -1px var(--save-changes-btn-shadow-sm);color:var(--save-changes-btn-text);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:var(--save-changes-btn-bg-hover-gradient);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,var(--save-changes-btn-shine),#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 var(--save-changes-btn-shadow-hover),0 10px 10px -5px var(--save-changes-btn-shadow-hover-sm);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 var(--save-changes-btn-shadow-base),0 2px 4px -1px var(--save-changes-btn-shadow-sm);cursor:not-allowed;opacity:.5;pointer-events:none;transform:none}.save-changes-button:disabled .save-changes-button-text{color:var(--save-changes-btn-disabled-text)}.save-changes-button:focus-visible{outline:2px solid var(--save-changes-btn-focus-outline);outline-offset:2px}[dir=rtl] .save-changes-button{direction:rtl}[dir=rtl] .save-changes-button__shine{background:linear-gradient(-90deg,#0000,var(--save-changes-btn-shine),#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 var(--save-changes-btn-shadow-base),0 2px 4px -1px var(--save-changes-btn-shadow-sm);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%}}.dark .save-changes-button,[data-theme=dark] .save-changes-button,body.dark .save-changes-button,body[data-theme=dark] .save-changes-button,html.dark .save-changes-button,html[data-theme=dark] .save-changes-button{--save-changes-btn-bg-gradient:linear-gradient(135deg,#064e3b,#065f46 50%,#047857)!important;--save-changes-btn-bg-hover-gradient:linear-gradient(135deg,#052e16,#064e3b 50%,#065f46)!important;--save-changes-btn-text:#d1fae5!important;--save-changes-btn-border:#6ee7b74d!important;--save-changes-btn-shadow-base:#0000004d!important;--save-changes-btn-shadow-sm:#0003!important;--save-changes-btn-shadow-hover:#064e3b99!important;--save-changes-btn-shadow-hover-sm:#064e3b66!important;--save-changes-btn-focus-outline:#34d399!important;--save-changes-btn-shine:#6ee7b766!important;--save-changes-btn-disabled-text:#d1fae580!important}@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}}:root{--cancel-btn-bg:linear-gradient(135deg,#f3f4f6,#e5e7eb 50%,#d1d5db);--cancel-btn-bg-hover:linear-gradient(135deg,#e5e7eb,#d1d5db 50%,#9ca3af);--cancel-btn-text:#374151;--cancel-btn-border:#0000001a;--cancel-btn-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--cancel-btn-hover-shadow:0 20px 25px -5px #9ca3af4d,0 10px 10px -5px #9ca3af1a;--cancel-btn-focus-color:#6b7280;--cancel-btn-disabled-text:#9ca3af}.dark,.dark :root,[data-theme=dark],[data-theme=dark] :root,body.dark,body.dark :root,body[data-theme=dark],body[data-theme=dark] :root,html.dark,html.dark :root,html[data-theme=dark],html[data-theme=dark] :root{--cancel-btn-bg:linear-gradient(135deg,#374151,#4b5563 50%,#6b7280);--cancel-btn-bg-hover:linear-gradient(135deg,#4b5563,#6b7280 50%,#9ca3af);--cancel-btn-text:#f9fafb;--cancel-btn-border:#ffffff1a;--cancel-btn-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--cancel-btn-hover-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003;--cancel-btn-focus-color:#9ca3af;--cancel-btn-disabled-text:#6b7280}.cancel-button{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb 50%,#d1d5db);background:var(--cancel-btn-bg);border:1px solid #0000001a;border:1px solid var(--cancel-btn-border);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--cancel-btn-shadow);color:#374151;color:var(--cancel-btn-text);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);background:var(--cancel-btn-bg-hover);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;box-shadow:var(--cancel-btn-hover-shadow);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;box-shadow:var(--cancel-btn-shadow);cursor:not-allowed;opacity:.5;pointer-events:none;transform:none}.cancel-button:disabled .cancel-button-text{color:#9ca3af;color:var(--cancel-btn-disabled-text)}.cancel-button:focus-visible{outline:2px solid #6b7280;outline:2px solid var(--cancel-btn-focus-color);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;box-shadow:var(--cancel-btn-shadow);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%}}.dark .cancel-button,[data-theme=dark] .cancel-button,body.dark .cancel-button,body[data-theme=dark] .cancel-button,html.dark .cancel-button,html[data-theme=dark] .cancel-button{background:linear-gradient(135deg,#f3f4f6,#e5e7eb 50%,#d1d5db)!important;background:var(--cancel-btn-bg)!important;border:1px solid #0000001a!important;border:1px solid var(--cancel-btn-border)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;box-shadow:var(--cancel-btn-shadow)!important;color:#374151!important;color:var(--cancel-btn-text)!important}.dark .cancel-button__background,[data-theme=dark] .cancel-button__background,body.dark .cancel-button__background,body[data-theme=dark] .cancel-button__background,html.dark .cancel-button__background,html[data-theme=dark] .cancel-button__background{background:linear-gradient(135deg,#e5e7eb,#d1d5db 50%,#9ca3af)!important;background:var(--cancel-btn-bg-hover)!important}.dark .cancel-button:hover,[data-theme=dark] .cancel-button:hover,body.dark .cancel-button:hover,body[data-theme=dark] .cancel-button:hover,html.dark .cancel-button:hover,html[data-theme=dark] .cancel-button:hover{box-shadow:0 20px 25px -5px #9ca3af4d,0 10px 10px -5px #9ca3af1a!important;box-shadow:var(--cancel-btn-hover-shadow)!important}.dark .cancel-button:disabled .cancel-button-text,[data-theme=dark] .cancel-button:disabled .cancel-button-text,body.dark .cancel-button:disabled .cancel-button-text,body[data-theme=dark] .cancel-button:disabled .cancel-button-text,html.dark .cancel-button:disabled .cancel-button-text,html[data-theme=dark] .cancel-button:disabled .cancel-button-text{color:#9ca3af!important;color:var(--cancel-btn-disabled-text)!important}@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{--save-btn-bg-gradient:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);--save-btn-bg-hover-gradient:linear-gradient(135deg,#2563eb,#1d4ed8 50%,#1e40af);--save-btn-text:#fff;--save-btn-border:#fff3;--save-btn-shadow-base:#0000001a;--save-btn-shadow-sm:#0000000f;--save-btn-shadow-hover:#3b82f666;--save-btn-shadow-hover-sm:#3b82f633;--save-btn-focus-outline:#3b82f6;--save-btn-shine:#fff6;--save-btn-disabled-text:#ffffffb3;align-items:center;background:var(--save-btn-bg-gradient);border:none;border:1px solid var(--save-btn-border);border-radius:.75rem;box-shadow:0 4px 6px -1px var(--save-btn-shadow-base),0 2px 4px -1px var(--save-btn-shadow-sm);color:var(--save-btn-text);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:var(--save-btn-bg-hover-gradient);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,var(--save-btn-shine),#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 var(--save-btn-shadow-hover),0 10px 10px -5px var(--save-btn-shadow-hover-sm);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 var(--save-btn-shadow-base),0 2px 4px -1px var(--save-btn-shadow-sm);cursor:not-allowed;opacity:.5;pointer-events:none;transform:none}.save-button:disabled .save-button-text{color:var(--save-btn-disabled-text)}.save-button:focus-visible{outline:2px solid var(--save-btn-focus-outline);outline-offset:2px}[dir=rtl] .save-button{direction:rtl}[dir=rtl] .save-button__shine{background:linear-gradient(-90deg,#0000,var(--save-btn-shine),#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 var(--save-btn-shadow-base),0 2px 4px -1px var(--save-btn-shadow-sm);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%}}.dark .save-button,[data-theme=dark] .save-button,body.dark .save-button,body[data-theme=dark] .save-button,html.dark .save-button,html[data-theme=dark] .save-button{--save-btn-bg-gradient:linear-gradient(135deg,#1e40af,#1d4ed8 50%,#2563eb)!important;--save-btn-bg-hover-gradient:linear-gradient(135deg,#1e3a8a,#1e40af 50%,#1d4ed8)!important;--save-btn-text:#e0f2fe!important;--save-btn-border:#93c5fd4d!important;--save-btn-shadow-base:#0000004d!important;--save-btn-shadow-sm:#0003!important;--save-btn-shadow-hover:#1e40af99!important;--save-btn-shadow-hover-sm:#1e40af66!important;--save-btn-focus-outline:#60a5fa!important;--save-btn-shine:#93c5fd66!important;--save-btn-disabled-text:#e0f2fe80!important}@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}}:root{--filter-btn-bg:#fff;--filter-btn-border:#d1d5db;--filter-btn-text:#374151;--filter-btn-hover-bg:#f9fafb;--filter-btn-hover-border:#9ca3af;--filter-btn-active-bg:#f3f4f6;--filter-btn-active-border:#6b7280;--filter-btn-disabled-bg:#f9fafb;--filter-btn-disabled-text:#9ca3af;--filter-btn-disabled-border:#e5e7eb;--filter-btn-icon-color:#6b7280;--filter-dropdown-bg:#fff;--filter-dropdown-border:#d1d5db;--filter-dropdown-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--filter-option-text:#374151;--filter-option-hover-bg:#f3f4f6;--filter-scrollbar-track:#f1f1f1;--filter-scrollbar-thumb:#c1c1c1;--filter-scrollbar-thumb-hover:#a8a8a8}.dark,.dark :root,[data-theme=dark],[data-theme=dark] :root,body.dark,body.dark :root,body[data-theme=dark],body[data-theme=dark] :root,html.dark,html.dark :root,html[data-theme=dark],html[data-theme=dark] :root{--filter-btn-bg:#1f2937;--filter-btn-border:#374151;--filter-btn-text:#f9fafb;--filter-btn-hover-bg:#374151;--filter-btn-hover-border:#4b5563;--filter-btn-active-bg:#374151;--filter-btn-active-border:#6b7280;--filter-btn-disabled-bg:#111827;--filter-btn-disabled-text:#6b7280;--filter-btn-disabled-border:#374151;--filter-btn-icon-color:#9ca3af;--filter-dropdown-bg:#1f2937;--filter-dropdown-border:#374151;--filter-dropdown-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--filter-option-text:#f9fafb;--filter-option-hover-bg:#374151;--filter-scrollbar-track:#374151;--filter-scrollbar-thumb:#6b7280;--filter-scrollbar-thumb-hover:#9ca3af}.filter-button-container{display:inline-block;position:relative}.filter-button{align-items:center;background-color:#fff;background-color:var(--filter-btn-bg);border:1px solid #d1d5db;border:1px solid var(--filter-btn-border);border-radius:.5rem;color:#374151;color:var(--filter-btn-text);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;background-color:var(--filter-btn-hover-bg);border-color:#9ca3af;border-color:var(--filter-btn-hover-border)}.filter-button:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-button.active{background-color:#f3f4f6;background-color:var(--filter-btn-active-bg);border-color:#6b7280;border-color:var(--filter-btn-active-border)}.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;color:var(--filter-btn-disabled-text);cursor:not-allowed}.filter-button:disabled,.filter-button:disabled:hover{background-color:#f9fafb;background-color:var(--filter-btn-disabled-bg);border-color:#e5e7eb;border-color:var(--filter-btn-disabled-border)}.filter-button-content{align-items:center;display:flex;justify-content:center}.filter-icon{color:#6b7280;color:var(--filter-btn-icon-color);flex-shrink:0;height:1.25rem;transition:color .2s ease-in-out;width:1.25rem}.filter-icon-active{color:#fff}.filter-dropdown{margin-top:.25rem;min-width:180px;width:-webkit-max-content;width:max-content;z-index:50}.filter-dropdown-content{background-color:#fff;background-color:var(--filter-dropdown-bg);border:1px solid #d1d5db;border:1px solid var(--filter-dropdown-border);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--filter-dropdown-shadow);max-height:200px;min-width:180px;overflow-y:auto;padding:.25rem}.filter-option{background-color:initial;border:none;border-radius:.375rem;color:#374151;color:var(--filter-option-text);display:block;font-family:Tajawal,sans-serif;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;background-color:var(--filter-option-hover-bg)}.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;background:var(--filter-scrollbar-track);border-radius:3px}.filter-dropdown-content::-webkit-scrollbar-thumb{background:#c1c1c1;background:var(--filter-scrollbar-thumb);border-radius:3px}.filter-dropdown-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8;background:var(--filter-scrollbar-thumb-hover)}.dark .filter-button,[data-theme=dark] .filter-button,body.dark .filter-button,body[data-theme=dark] .filter-button,html.dark .filter-button,html[data-theme=dark] .filter-button{background-color:#fff!important;background-color:var(--filter-btn-bg)!important;border:1px solid #d1d5db!important;border:1px solid var(--filter-btn-border)!important;color:#374151!important;color:var(--filter-btn-text)!important}.dark .filter-button:hover,[data-theme=dark] .filter-button:hover,body.dark .filter-button:hover,body[data-theme=dark] .filter-button:hover,html.dark .filter-button:hover,html[data-theme=dark] .filter-button:hover{background-color:#f9fafb!important;background-color:var(--filter-btn-hover-bg)!important;border-color:#9ca3af!important;border-color:var(--filter-btn-hover-border)!important}.dark .filter-button.active,[data-theme=dark] .filter-button.active,body.dark .filter-button.active,body[data-theme=dark] .filter-button.active,html.dark .filter-button.active,html[data-theme=dark] .filter-button.active{background-color:#f3f4f6!important;background-color:var(--filter-btn-active-bg)!important;border-color:#6b7280!important;border-color:var(--filter-btn-active-border)!important}.dark .filter-dropdown-content,[data-theme=dark] .filter-dropdown-content,body.dark .filter-dropdown-content,body[data-theme=dark] .filter-dropdown-content,html.dark .filter-dropdown-content,html[data-theme=dark] .filter-dropdown-content{background-color:#fff!important;background-color:var(--filter-dropdown-bg)!important;border:1px solid #d1d5db!important;border:1px solid var(--filter-dropdown-border)!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;box-shadow:var(--filter-dropdown-shadow)!important}.dark .filter-option,[data-theme=dark] .filter-option,body.dark .filter-option,body[data-theme=dark] .filter-option,html.dark .filter-option,html[data-theme=dark] .filter-option{color:#374151!important;color:var(--filter-option-text)!important}.dark .filter-option:hover,[data-theme=dark] .filter-option:hover,body.dark .filter-option:hover,body[data-theme=dark] .filter-option:hover,html.dark .filter-option:hover,html[data-theme=dark] .filter-option:hover{background-color:#f3f4f6!important;background-color:var(--filter-option-hover-bg)!important}.dark .filter-icon,[data-theme=dark] .filter-icon,body.dark .filter-icon,body[data-theme=dark] .filter-icon,html.dark .filter-icon,html[data-theme=dark] .filter-icon{color:#6b7280!important;color:var(--filter-btn-icon-color)!important}:root{--delete-btn-bg:linear-gradient(135deg,#fee2e2,#fecaca);--delete-btn-color:#dc2626;--delete-btn-border:#fca5a5;--delete-btn-hover-bg:linear-gradient(135deg,#fca5a5,#f87171);--delete-btn-hover-color:#991b1b;--delete-btn-hover-border:#f87171;--delete-btn-shadow:#dc262626;--delete-btn-active-shadow:#dc262633;--delete-modal-bg:#fff;--delete-modal-text:#111827;--delete-modal-text-muted:#6b7280;--delete-modal-overlay:#00000080;--delete-modal-shadow:#0000001a;--delete-cancel-bg:#f9fafb;--delete-cancel-color:#374151;--delete-cancel-border:#d1d5db;--delete-cancel-hover-bg:#f3f4f6;--delete-cancel-hover-border:#9ca3af}[data-theme=dark]{--delete-btn-bg:linear-gradient(135deg,#7f1d1d,#991b1b);--delete-btn-color:#fca5a5;--delete-btn-border:#dc2626;--delete-btn-hover-bg:linear-gradient(135deg,#991b1b,#b91c1c);--delete-btn-hover-color:#fecaca;--delete-btn-hover-border:#f87171;--delete-btn-shadow:#f8717133;--delete-btn-active-shadow:#f871714d;--delete-modal-bg:#1f2937;--delete-modal-text:#f9fafb;--delete-modal-text-muted:#d1d5db;--delete-modal-overlay:#000000b3;--delete-modal-shadow:#0000004d;--delete-cancel-bg:#374151;--delete-cancel-color:#f9fafb;--delete-cancel-border:#4b5563;--delete-cancel-hover-bg:#4b5563;--delete-cancel-hover-border:#6b7280}.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 .3s 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);background:var(--delete-btn-bg);border:1px solid #fca5a5;border:1px solid var(--delete-btn-border);color:#dc2626;color:var(--delete-btn-color);height:2.5rem;min-width:2.5rem;padding:.5rem}.delete-action-btn__icon{stroke-width:2;height:1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:1.125rem}.delete-action-btn__text{font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.delete-action-btn:hover{box-shadow:0 4px 12px #dc262626;box-shadow:0 4px 12px var(--delete-btn-shadow);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);background:var(--delete-btn-hover-bg);border-color:#f87171;border-color:var(--delete-btn-hover-border);color:#991b1b;color:var(--delete-btn-hover-color)}.delete-action-btn:hover .delete-action-btn__icon{transform:scale(1.1)}.delete-action-btn:active{box-shadow:0 2px 4px #dc262633;box-shadow:0 2px 4px var(--delete-btn-active-shadow);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;background-color:var(--delete-modal-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.delete-action-btn__confirmation-modal{animation:delete-action-btn-modal-slideIn .3s ease-out;background:#fff;background:var(--delete-modal-bg);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000001a;box-shadow:0 20px 25px -5px var(--delete-modal-shadow),0 10px 10px -5px var(--delete-modal-shadow);max-width:400px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);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;color:var(--delete-modal-text);font-size:1.125rem;font-weight:600;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-action-btn__confirmation-message{color:#6b7280;color:var(--delete-modal-text-muted);line-height:1.5;margin:0 0 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.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 .3s cubic-bezier(.4,0,.2,1)}.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;background:var(--delete-cancel-bg);border-color:#d1d5db;border-color:var(--delete-cancel-border);color:#374151;color:var(--delete-cancel-color)}.delete-action-btn__cancel:hover{background:#f3f4f6;background:var(--delete-cancel-hover-bg);border-color:#9ca3af;border-color:var(--delete-cancel-hover-border);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%}}[data-theme=dark] .delete-action-btn--icon-only,[data-theme=dark] .delete-action-btn--mobile,[data-theme=dark] .delete-action-btn--table{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--delete-btn-bg);border-color:#fca5a5;border-color:var(--delete-btn-border);color:#dc2626;color:var(--delete-btn-color)}[data-theme=dark] .delete-action-btn:hover{box-shadow:0 4px 12px #dc262626;box-shadow:0 4px 12px var(--delete-btn-shadow)}[data-theme=dark] .delete-action-btn--icon-only:hover,[data-theme=dark] .delete-action-btn--mobile:hover,[data-theme=dark] .delete-action-btn--table:hover{background:linear-gradient(135deg,#fca5a5,#f87171);background:var(--delete-btn-hover-bg);border-color:#f87171;border-color:var(--delete-btn-hover-border);color:#991b1b;color:var(--delete-btn-hover-color)}[data-theme=dark] .delete-action-btn__confirmation-modal{background:#fff;background:var(--delete-modal-bg);color:#111827;color:var(--delete-modal-text)}[data-theme=dark] .delete-action-btn__confirmation-overlay{background-color:#00000080;background-color:var(--delete-modal-overlay)}[data-theme=dark] .delete-action-btn__confirmation-header h3{color:#111827;color:var(--delete-modal-text)}[data-theme=dark] .delete-action-btn__confirmation-message{color:#6b7280;color:var(--delete-modal-text-muted)}[data-theme=dark] .delete-action-btn__cancel{background:#f9fafb;background:var(--delete-cancel-bg);border-color:#d1d5db;border-color:var(--delete-cancel-border);color:#374151;color:var(--delete-cancel-color)}[data-theme=dark] .delete-action-btn__cancel:hover{background:#f3f4f6;background:var(--delete-cancel-hover-bg);border-color:#9ca3af;border-color:var(--delete-cancel-hover-border)}:root{--edit-btn-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--edit-btn-color:#2563eb;--edit-btn-border:#93c5fd;--edit-btn-hover-bg:linear-gradient(135deg,#93c5fd,#60a5fa);--edit-btn-hover-color:#1d4ed8;--edit-btn-hover-border:#60a5fa;--edit-btn-shadow:#2563eb26;--edit-btn-active-shadow:#2563eb33;--edit-btn-success-bg:linear-gradient(135deg,#bbf7d0,#86efac);--edit-btn-success-color:#059669;--edit-btn-success-border:#86efac}[data-theme=dark]{--edit-btn-bg:linear-gradient(135deg,#1e3a8a,#1d4ed8);--edit-btn-color:#dbeafe;--edit-btn-border:#3b82f6;--edit-btn-hover-bg:linear-gradient(135deg,#1d4ed8,#2563eb);--edit-btn-hover-color:#fff;--edit-btn-hover-border:#60a5fa;--edit-btn-shadow:#3b82f633;--edit-btn-active-shadow:#3b82f64d;--edit-btn-success-bg:linear-gradient(135deg,#064e3b,#059669);--edit-btn-success-color:#bbf7d0;--edit-btn-success-border:#10b981}.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 .3s 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);background:var(--edit-btn-bg);border:1px solid #93c5fd;border:1px solid var(--edit-btn-border);color:#2563eb;color:var(--edit-btn-color);height:2.5rem;min-width:2.5rem;padding:.5rem}.edit-action-btn__icon{stroke-width:2;height:1.125rem;width:1.125rem}.edit-action-btn__icon,.edit-action-btn__text{transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.edit-action-btn__text{font-size:.875rem;font-weight:500;white-space:nowrap}.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;box-shadow:0 4px 12px var(--edit-btn-shadow);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);background:var(--edit-btn-hover-bg);border-color:#60a5fa;border-color:var(--edit-btn-hover-border);color:#1d4ed8;color:var(--edit-btn-hover-color)}.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;box-shadow:0 2px 4px var(--edit-btn-active-shadow);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);background:var(--edit-btn-success-bg);border-color:#86efac;border-color:var(--edit-btn-success-border);color:#059669;color:var(--edit-btn-success-color)}.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}}[data-theme=dark] .edit-action-btn--icon-only,[data-theme=dark] .edit-action-btn--mobile,[data-theme=dark] .edit-action-btn--table{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--edit-btn-bg);border-color:#93c5fd;border-color:var(--edit-btn-border);color:#2563eb;color:var(--edit-btn-color)}[data-theme=dark] .edit-action-btn:hover{box-shadow:0 4px 12px #2563eb26;box-shadow:0 4px 12px var(--edit-btn-shadow)}[data-theme=dark] .edit-action-btn--icon-only:hover,[data-theme=dark] .edit-action-btn--mobile:hover,[data-theme=dark] .edit-action-btn--table:hover{background:linear-gradient(135deg,#93c5fd,#60a5fa);background:var(--edit-btn-hover-bg);border-color:#60a5fa;border-color:var(--edit-btn-hover-border);color:#1d4ed8;color:var(--edit-btn-hover-color)}[data-theme=dark] .edit-action-btn--success{background:linear-gradient(135deg,#bbf7d0,#86efac);background:var(--edit-btn-success-bg);border-color:#86efac;border-color:var(--edit-btn-success-border);color:#059669;color:var(--edit-btn-success-color)}:root{--view-btn-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--view-btn-color:#16a34a;--view-btn-border:#86efac;--view-btn-hover-bg:linear-gradient(135deg,#86efac,#4ade80);--view-btn-hover-text:#fff;--view-btn-shadow:#16a34a26;--view-btn-shadow-hover:#16a34a33;--view-btn-focus-outline:#16a34a;--view-btn-shine-bg:linear-gradient(90deg,#0000,#fff6,#0000);--view-btn-radial-bg:radial-gradient(circle,#ffffff4d 0%,#0000 70%)}[data-theme=dark]{--view-btn-bg:linear-gradient(135deg,#064e3b,#065f46);--view-btn-color:#bbf7d0;--view-btn-border:#059669;--view-btn-hover-bg:linear-gradient(135deg,#059669,#10b981);--view-btn-hover-text:#fff;--view-btn-shadow:#10b98126;--view-btn-shadow-hover:#10b98133;--view-btn-focus-outline:#059669;--view-btn-shine-bg:linear-gradient(90deg,#0000,#fff3,#0000);--view-btn-radial-bg:radial-gradient(circle,#fff3 0%,#0000 70%)}.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);background:var(--view-btn-bg);border:1px solid #86efac;border:1px solid var(--view-btn-border);color:#16a34a;color:var(--view-btn-color);height:2.5rem;min-width:2.5rem;padding:.5rem}.view-action-btn__background{background:linear-gradient(135deg,#86efac,#4ade80);background:var(--view-btn-hover-bg);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);background:var(--view-btn-shine-bg);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;box-shadow:0 8px 25px var(--view-btn-shadow);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;color:var(--view-btn-hover-text);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;box-shadow:0 4px 12px var(--view-btn-shadow-hover);transform:translateY(-1px) scale(.98)}.view-action-btn:focus-visible{outline:2px solid #16a34a;outline:2px solid var(--view-btn-focus-outline);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%);background:var(--view-btn-radial-bg);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%}}[data-theme=dark] .view-action-btn--icon-only,[data-theme=dark] .view-action-btn--mobile,[data-theme=dark] .view-action-btn--table{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--view-btn-bg);border-color:#86efac;border-color:var(--view-btn-border);color:#16a34a;color:var(--view-btn-color)}[data-theme=dark] .view-action-btn__background{background:linear-gradient(135deg,#86efac,#4ade80);background:var(--view-btn-hover-bg)}[data-theme=dark] .view-action-btn:hover .view-action-btn__text{color:#fff;color:var(--view-btn-hover-text)}[data-theme=dark] .view-action-btn:hover{box-shadow:0 8px 25px #16a34a26;box-shadow:0 8px 25px var(--view-btn-shadow)}[data-theme=dark] .view-action-btn:focus-visible{outline-color:#16a34a;outline-color:var(--view-btn-focus-outline)}[data-theme=dark] .view-action-btn__shine{background:linear-gradient(90deg,#0000,#fff6,#0000);background:var(--view-btn-shine-bg)}[data-theme=dark] .view-action-btn:before{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);background:var(--view-btn-radial-bg)}@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}}:root{--add-btn-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--add-btn-hover-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000d}.dark,.dark :root,[data-theme=dark],[data-theme=dark] :root,body.dark,body.dark :root,body[data-theme=dark],body[data-theme=dark] :root,html.dark,html.dark :root,html[data-theme=dark],html[data-theme=dark] :root{--add-btn-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--add-btn-hover-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}.add-btn{align-items:center;border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--add-btn-shadow);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)}.dark .add-btn--blue:hover,[data-theme=dark] .add-btn--blue:hover,body.dark .add-btn--blue:hover,body[data-theme=dark] .add-btn--blue:hover,html.dark .add-btn--blue:hover,html[data-theme=dark] .add-btn--blue:hover{box-shadow:0 20px 25px -5px #0ea5e999,0 10px 10px -5px #0ea5e94d}.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)}.dark .add-btn--teal:hover,[data-theme=dark] .add-btn--teal:hover,body.dark .add-btn--teal:hover,body[data-theme=dark] .add-btn--teal:hover,html.dark .add-btn--teal:hover,html[data-theme=dark] .add-btn--teal:hover{box-shadow:0 20px 25px -5px #14b8a699,0 10px 10px -5px #14b8a64d}.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)}.dark .add-btn--yellow:hover,[data-theme=dark] .add-btn--yellow:hover,body.dark .add-btn--yellow:hover,body[data-theme=dark] .add-btn--yellow:hover,html.dark .add-btn--yellow:hover,html[data-theme=dark] .add-btn--yellow:hover{box-shadow:0 20px 25px -5px #eab30899,0 10px 10px -5px #eab3084d}.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)}.dark .add-btn--red:hover,[data-theme=dark] .add-btn--red:hover,body.dark .add-btn--red:hover,body[data-theme=dark] .add-btn--red:hover,html.dark .add-btn--red:hover,html[data-theme=dark] .add-btn--red:hover{box-shadow:0 20px 25px -5px #ef444499,0 10px 10px -5px #ef44444d}.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)}.dark .add-btn--purple:hover,[data-theme=dark] .add-btn--purple:hover,body.dark .add-btn--purple:hover,body[data-theme=dark] .add-btn--purple:hover,html.dark .add-btn--purple:hover,html[data-theme=dark] .add-btn--purple:hover{box-shadow:0 20px 25px -5px #8b5cf699,0 10px 10px -5px #8b5cf64d}.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)}.dark .add-btn--pink:hover,[data-theme=dark] .add-btn--pink:hover,body.dark .add-btn--pink:hover,body[data-theme=dark] .add-btn--pink:hover,html.dark .add-btn--pink:hover,html[data-theme=dark] .add-btn--pink:hover{box-shadow:0 20px 25px -5px #ec489999,0 10px 10px -5px #ec48994d}.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%}}.dark .add-btn,[data-theme=dark] .add-btn,body.dark .add-btn,body[data-theme=dark] .add-btn,html.dark .add-btn,html[data-theme=dark] .add-btn{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--add-btn-shadow)}.dark .add-btn:hover,[data-theme=dark] .add-btn:hover,body.dark .add-btn:hover,body[data-theme=dark] .add-btn:hover,html.dark .add-btn:hover,html[data-theme=dark] .add-btn:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000d;box-shadow:var(--add-btn-hover-shadow)}@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{--voucher-btn-shadow-base:#0000001a;--voucher-btn-shadow-sm:#0000000f;--voucher-btn-shine:#fff6;--voucher-btn-focus-outline:currentColor;align-items:center;border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px var(--voucher-btn-shadow-base),0 2px 4px -1px var(--voucher-btn-shadow-sm);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,var(--voucher-btn-shine),#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.voucher-btn--expense{--voucher-btn-expense-bg:linear-gradient(135deg,#ef4444,#dc2626 50%,#b91c1c);--voucher-btn-expense-bg-hover:linear-gradient(135deg,#dc2626,#b91c1c 50%,#991b1b);--voucher-btn-expense-text:#fff;--voucher-btn-expense-border:#fff3;--voucher-btn-expense-shadow-hover:#ef444466;--voucher-btn-expense-shadow-hover-sm:#ef444433;background:var(--voucher-btn-expense-bg);border:1px solid var(--voucher-btn-expense-border);color:var(--voucher-btn-expense-text)}.voucher-btn--expense .voucher-btn__background{background:var(--voucher-btn-expense-bg-hover)}.voucher-btn--expense:hover{box-shadow:0 20px 25px -5px var(--voucher-btn-expense-shadow-hover),0 10px 10px -5px var(--voucher-btn-expense-shadow-hover-sm);transform:translateY(-2px)}.voucher-btn--receipt{--voucher-btn-receipt-bg:linear-gradient(135deg,#10b981,#059669 50%,#047857);--voucher-btn-receipt-bg-hover:linear-gradient(135deg,#059669,#047857 50%,#065f46);--voucher-btn-receipt-text:#fff;--voucher-btn-receipt-border:#fff3;--voucher-btn-receipt-shadow-hover:#10b98166;--voucher-btn-receipt-shadow-hover-sm:#10b98133;background:var(--voucher-btn-receipt-bg);border:1px solid var(--voucher-btn-receipt-border);color:var(--voucher-btn-receipt-text)}.voucher-btn--receipt .voucher-btn__background{background:var(--voucher-btn-receipt-bg-hover)}.voucher-btn--receipt:hover{box-shadow:0 20px 25px -5px var(--voucher-btn-receipt-shadow-hover),0 10px 10px -5px var(--voucher-btn-receipt-shadow-hover-sm);transform:translateY(-2px)}.voucher-btn--transfer{--voucher-btn-transfer-bg:linear-gradient(135deg,#8b5cf6,#7c3aed 50%,#6d28d9);--voucher-btn-transfer-bg-hover:linear-gradient(135deg,#7c3aed,#6d28d9 50%,#5b21b6);--voucher-btn-transfer-text:#fff;--voucher-btn-transfer-border:#fff3;--voucher-btn-transfer-shadow-hover:#8b5cf666;--voucher-btn-transfer-shadow-hover-sm:#8b5cf633;background:var(--voucher-btn-transfer-bg);border:1px solid var(--voucher-btn-transfer-border);color:var(--voucher-btn-transfer-text)}.voucher-btn--transfer .voucher-btn__background{background:var(--voucher-btn-transfer-bg-hover)}.voucher-btn--transfer:hover{box-shadow:0 20px 25px -5px var(--voucher-btn-transfer-shadow-hover),0 10px 10px -5px var(--voucher-btn-transfer-shadow-hover-sm);transform:translateY(-2px)}.voucher-btn--payment{--voucher-btn-payment-bg:linear-gradient(135deg,#f97316,#ea580c 50%,#c2410c);--voucher-btn-payment-bg-hover:linear-gradient(135deg,#ea580c,#c2410c 50%,#9a3412);--voucher-btn-payment-text:#fff;--voucher-btn-payment-border:#fff3;--voucher-btn-payment-shadow-hover:#f9731666;--voucher-btn-payment-shadow-hover-sm:#f9731633;background:var(--voucher-btn-payment-bg);border:1px solid var(--voucher-btn-payment-border);color:var(--voucher-btn-payment-text)}.voucher-btn--payment .voucher-btn__background{background:var(--voucher-btn-payment-bg-hover)}.voucher-btn--payment:hover{box-shadow:0 20px 25px -5px var(--voucher-btn-payment-shadow-hover),0 10px 10px -5px var(--voucher-btn-payment-shadow-hover-sm);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 var(--voucher-btn-focus-outline);outline-offset:2px}[dir=rtl] .voucher-btn{direction:rtl}[dir=rtl] .voucher-btn__shine{background:linear-gradient(-90deg,#0000,var(--voucher-btn-shine),#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 var(--voucher-btn-shadow-base),0 2px 4px -1px var(--voucher-btn-shadow-sm);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%}}.dark .voucher-btn,[data-theme=dark] .voucher-btn,body.dark .voucher-btn,body[data-theme=dark] .voucher-btn,html.dark .voucher-btn,html[data-theme=dark] .voucher-btn{--voucher-btn-shadow-base:#0000004d!important;--voucher-btn-shadow-sm:#0003!important;--voucher-btn-shine:#ffffff4d!important;--voucher-btn-focus-outline:currentColor!important}.dark .voucher-btn--expense,[data-theme=dark] .voucher-btn--expense,body.dark .voucher-btn--expense,body[data-theme=dark] .voucher-btn--expense,html.dark .voucher-btn--expense,html[data-theme=dark] .voucher-btn--expense{--voucher-btn-expense-bg:linear-gradient(135deg,#b91c1c,#991b1b 50%,#7f1d1d)!important;--voucher-btn-expense-bg-hover:linear-gradient(135deg,#991b1b,#7f1d1d 50%,#6b1d1d)!important;--voucher-btn-expense-text:#fef2f2!important;--voucher-btn-expense-border:#f871714d!important;--voucher-btn-expense-shadow-hover:#b91c1c99!important;--voucher-btn-expense-shadow-hover-sm:#b91c1c66!important}.dark .voucher-btn--receipt,[data-theme=dark] .voucher-btn--receipt,body.dark .voucher-btn--receipt,body[data-theme=dark] .voucher-btn--receipt,html.dark .voucher-btn--receipt,html[data-theme=dark] .voucher-btn--receipt{--voucher-btn-receipt-bg:linear-gradient(135deg,#047857,#065f46 50%,#064e3b)!important;--voucher-btn-receipt-bg-hover:linear-gradient(135deg,#065f46,#064e3b 50%,#052e16)!important;--voucher-btn-receipt-text:#d1fae5!important;--voucher-btn-receipt-border:#6ee7b74d!important;--voucher-btn-receipt-shadow-hover:#04785799!important;--voucher-btn-receipt-shadow-hover-sm:#04785766!important}.dark .voucher-btn--transfer,[data-theme=dark] .voucher-btn--transfer,body.dark .voucher-btn--transfer,body[data-theme=dark] .voucher-btn--transfer,html.dark .voucher-btn--transfer,html[data-theme=dark] .voucher-btn--transfer{--voucher-btn-transfer-bg:linear-gradient(135deg,#6d28d9,#5b21b6 50%,#4c1d95)!important;--voucher-btn-transfer-bg-hover:linear-gradient(135deg,#5b21b6,#4c1d95 50%,#3c1a78)!important;--voucher-btn-transfer-text:#f3e8ff!important;--voucher-btn-transfer-border:#c4b5fd4d!important;--voucher-btn-transfer-shadow-hover:#6d28d999!important;--voucher-btn-transfer-shadow-hover-sm:#6d28d966!important}@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%}}:root{--remove-btn-bg:linear-gradient(135d .remove-action-btn:disabled,.remove-action-btn--disabled { opacity:0.5; cursor:not-allowed; background:var(--remove-btn-disabled-bg) !important; border-color:var(--remove-btn-disabled-border) !important; color:var(--remove-btn-disabled-text) !important; box-shadow:none !important; } .remove-action-btn:disabled:hover,.remove-action-btn--disabled:hover { background:var(--remove-btn-disabled-bg) !important; border-color:var(--remove-btn-disabled-border) !important; transform:none !important; box-shadow:none !important; } 0%,#fde68a 100%);--remove-btn-bg-hover:linear-gradient(135deg,#fde68a,#fcd34d);--remove-btn-text:#d97706;--remove-btn-text-hover:#b45309;--remove-btn-border:#fbbf24;--remove-btn-border-hover:#f59e0b;--remove-btn-shadow:0 4px 12px #d9770626;--remove-btn-shadow-active:0 2px 4px #d977061a;--remove-btn-focus-color:#f59e0b;--remove-btn-ripple:#d9770633}.dark,.dark :root,[data-theme=dark],[data-theme=dark] :root,body.dark,body.dark :root,body[data-theme=dark],body[data-theme=dark] :root,html.dark,html.dark :root,html[data-theme=dark],html[data-theme=dark] :root{--remove-btn-bg:linear-gradient(135deg,#451a03,#713f12);--remove-btn-bg-hover:linear-gradient(135deg,#713f12,#92400e);--remove-btn-text:#fbbf24;--remove-btn-text-hover:#fde68a;--remove-btn-border:#92400e;--remove-btn-border-hover:#d97706;--remove-btn-shadow:0 4px 12px #fbbf2426;--remove-btn-shadow-active:0 2px 4px #fbbf241a;--remove-btn-focus-color:#fbbf24;--remove-btn-ripple:#fbbf2433}.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(135d .remove-action-btn:disabled,.remove-action-btn--disabled { opacity:.5; cursor:not-allowed; background:var(--remove-btn-disabled-bg) !important; border-color:var(--remove-btn-disabled-border) !important; color:var(--remove-btn-disabled-text) !important; box-shadow:none !important; } .remove-action-btn:disabled:hover,.remove-action-btn--disabled:hover { background:var(--remove-btn-disabled-bg) !important; border-color:var(--remove-btn-disabled-border) !important; transform:none !important; box-shadow:none !important; } 0,#fde68a 100%);background:var(--remove-btn-bg);border:1px solid #fbbf24;border:1px solid var(--remove-btn-border);color:#d97706;color:var(--remove-btn-text);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;box-shadow:var(--remove-btn-shadow);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);background:var(--remove-btn-bg-hover);border-color:#f59e0b;border-color:var(--remove-btn-border-hover);color:#b45309;color:var(--remove-btn-text-hover)}.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;box-shadow:var(--remove-btn-shadow-active);transform:translateY(0)}.remove-action-btn--pressed .remove-action-btn__icon{transform:scale(.95)}.remove-action-btn:focus-visible{outline:2px solid var(--remove-btn-focus-color)}.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{color:var(--remove-btn-loading-text)!important;cursor:not-allowed;position:relative}.remove-action-btn--loading:before{animation:spin 1s linear infinite;border-top:2px solid var(--remove-btn-loading-border);border:2px solid var(--remove-btn-loading-border);border-radius:50%;border-top-color:var(--remove-btn-loading-border-active);content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.remove-action-btn__ripple{background:radial-gradient(circle,#d9770633 0,#0000 70%);background:radial-gradient(circle,var(--remove-btn-ripple) 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)}}.dark .remove-action-btn,[data-theme=dark] .remove-action-btn,body.dark .remove-action-btn,body[data-theme=dark] .remove-action-btn,html.dark .remove-action-btn,html[data-theme=dark] .remove-action-btn{--remove-btn-bg:#fed7aa!important;--remove-btn-bg-hover:#fdba74!important;--remove-btn-bg-active:#fb923c!important;--remove-btn-text:#431407!important;--remove-btn-text-hover:#431407!important;--remove-btn-text-active:#431407!important;--remove-btn-border:#fb923c!important;--remove-btn-border-hover:#f97316!important;--remove-btn-border-active:#ea580c!important;--remove-btn-shadow:#fb923c66!important;--remove-btn-shadow-hover:#f9731699!important;--remove-btn-shadow-active:#ea580ccc!important;--remove-btn-focus-outline:#fb923c!important;--remove-btn-ripple:#fb923c4d!important;--remove-btn-loading-text:#431407b3!important;--remove-btn-loading-border:#fb923c4d!important;--remove-btn-loading-border-active:#fb923c!important;--remove-btn-disabled-bg:#374151!important;--remove-btn-disabled-border:#4b5563!important;--remove-btn-disabled-text:#9ca3af!important}:root{--date-picker-bg:#fff;--date-picker-text:#1f2937;--date-picker-border:#d1d5db;--date-picker-hover-bg:#f9fafb;--date-picker-hover-border:#9ca3af;--date-picker-input-bg:#fff;--date-picker-dropdown-bg:#fff;--date-picker-header-border:#e5e7eb;--date-picker-footer-border:#e5e7eb;--date-picker-button-bg:#f3f4f6;--date-picker-button-text:#374151;--date-picker-icon-color:#6b7280;--date-picker-close-color:#6b7280;--date-picker-close-hover:#374151}.dark,.dark :root,[data-theme=dark],[data-theme=dark] :root,body.dark,body.dark :root,body[data-theme=dark],body[data-theme=dark] :root,html.dark,html.dark :root,html[data-theme=dark],html[data-theme=dark] :root{--date-picker-bg:#1f2937;--date-picker-text:#f9fafb;--date-picker-border:#374151;--date-picker-hover-bg:#374151;--date-picker-hover-border:#4b5563;--date-picker-input-bg:#374151;--date-picker-dropdown-bg:#1f2937;--date-picker-header-border:#374151;--date-picker-footer-border:#374151;--date-picker-button-bg:#374151;--date-picker-button-text:#f9fafb;--date-picker-icon-color:#9ca3af;--date-picker-close-color:#9ca3af;--date-picker-close-hover:#f9fafb}.date-range-picker{display:inline-block;position:relative}.date-range-picker-button{align-items:center;background-color:#fff;background-color:var(--date-picker-bg);border:1px solid #d1d5db;border:1px solid var(--date-picker-border);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;background-color:var(--date-picker-hover-bg);border-color:#9ca3af;border-color:var(--date-picker-hover-border)}.date-range-picker-button:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-range-picker-icon{color:#6b7280;color:var(--date-picker-icon-color);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;background:var(--date-picker-dropdown-bg);border:1px solid #d1d5db;border:1px solid var(--date-picker-border);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}.dark .date-range-picker-dropdown,[data-theme=dark] .date-range-picker-dropdown,body.dark .date-range-picker-dropdown,body[data-theme=dark] .date-range-picker-dropdown,html.dark .date-range-picker-dropdown,html[data-theme=dark] .date-range-picker-dropdown{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.date-range-picker-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--date-picker-header-border);display:flex;justify-content:space-between;padding:1rem}.date-range-picker-header h3{color:#1f2937;color:var(--date-picker-text);font-family:Readex Pro,sans-serif;font-size:1rem;font-weight:600;margin:0}.date-range-picker-close{background:none;border:none;border-radius:.25rem;color:#6b7280;color:var(--date-picker-close-color);cursor:pointer;font-size:1.5rem;padding:.25rem;transition:color .2s}.date-range-picker-close:hover{color:#374151;color:var(--date-picker-close-hover)}.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:#1f2937;color:var(--date-picker-text);font-family:Readex Pro,sans-serif;font-size:.875rem}.date-range-input{background-color:#fff;background-color:var(--date-picker-input-bg);border:1px solid #d1d5db;border:1px solid var(--date-picker-border);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-input::placeholder{color:#6b7280;color:var(--date-picker-icon-color)}.date-range-picker-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--date-picker-footer-border);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:Readex Pro,sans-serif;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.date-range-clear-btn{background-color:#f3f4f6;background-color:var(--date-picker-button-bg);color:#374151;color:var(--date-picker-button-text)}.date-range-clear-btn:hover{background-color:#f9fafb;background-color:var(--date-picker-hover-bg)}.dark .date-range-clear-btn:hover,[data-theme=dark] .date-range-clear-btn:hover,body.dark .date-range-clear-btn:hover,body[data-theme=dark] .date-range-clear-btn:hover,html.dark .date-range-clear-btn:hover,html[data-theme=dark] .date-range-clear-btn:hover{background-color:#4b5563}.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}}.dark .date-range-picker-button,[data-theme=dark] .date-range-picker-button,body.dark .date-range-picker-button,body[data-theme=dark] .date-range-picker-button,html.dark .date-range-picker-button,html[data-theme=dark] .date-range-picker-button{background-color:#1f2937!important;border:1px solid #374151!important;color:#f9fafb!important}.dark .date-range-picker-dropdown,[data-theme=dark] .date-range-picker-dropdown,body.dark .date-range-picker-dropdown,body[data-theme=dark] .date-range-picker-dropdown,html.dark .date-range-picker-dropdown,html[data-theme=dark] .date-range-picker-dropdown{background:#1f2937!important;border:1px solid #374151!important}.dark .date-range-input,[data-theme=dark] .date-range-input,body.dark .date-range-input,body[data-theme=dark] .date-range-input,html.dark .date-range-input,html[data-theme=dark] .date-range-input{background-color:#374151!important;border:1px solid #4b5563!important;color:#f9fafb!important}.dark .date-range-clear-btn,[data-theme=dark] .date-range-clear-btn,body.dark .date-range-clear-btn,body[data-theme=dark] .date-range-clear-btn,html.dark .date-range-clear-btn,html[data-theme=dark] .date-range-clear-btn{background-color:#374151!important;color:#f9fafb!important}:root{--projects-content-bg:#f7f8fc;--projects-text:#1f2937;--projects-text-secondary:#374151;--projects-text-muted:#6b7280;--projects-border:#e5e7eb;--projects-border-light:#f3f4f6;--projects-card-bg:#f7f8fc;--projects-card-hover:#f1f2f9;--projects-table-header:#ecf1fa;--projects-table-even:#f7f8fc;--projects-modal-bg:#fff;--projects-input-bg:#fff;--projects-input-border:#d1d5db;--projects-shadow:#0000001a;--projects-overlay:#00000080}.dark,[data-theme=dark],body.dark,body[data-theme=dark],html.dark,html[data-theme=dark]{--projects-content-bg:#1f2937;--projects-text:#f9fafb;--projects-text-secondary:#e5e7eb;--projects-text-muted:#d1d5db;--projects-border:#374151;--projects-border-light:#4b5563;--projects-card-bg:#374151;--projects-card-hover:#4b5563;--projects-table-header:#4b5563;--projects-table-even:#4b55634d;--projects-modal-bg:#1f2937;--projects-input-bg:#374151;--projects-input-border:#4b5563;--projects-shadow:#0000004d;--projects-overlay:#000000b3}.projects-container{margin:0 auto;max-width:1300px;min-height:100vh;padding:1.5rem;text-align:right}.projects-container,.projects-container h1{color:#1f2937;color:var(--projects-text);transition:all .3s cubic-bezier(.4,0,.2,1)}.projects-container h1{border-bottom:2px solid #8b5cf6;font-family:Readex Pro,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:#f7f8fc;background-color:var(--projects-content-bg);border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000001a;box-shadow:0 1px 3px 0 var(--projects-shadow),0 1px 2px 0 var(--projects-shadow);padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.projects-stats{grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.financial-stats,.projects-stats{display:grid;gap:1rem;margin-bottom:2rem}.financial-stats{grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.financial-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;color:#fff;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.financial-card:hover{box-shadow:0 8px 25px #0000001a;box-shadow:0 8px 25px var(--projects-shadow);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:Readex Pro,sans-serif;font-size:.875rem;font-weight:500;margin:0}.financial-value{color:#fff;font-family:Readex Pro,sans-serif;font-size:1.5rem;font-weight:700}.list-header{border-bottom:1px solid var(--projects-border);margin-bottom:1.5rem;padding-bottom:1rem}.search-input{background-color:var(--projects-input-bg);border:1px solid var(--projects-input-border);color:var(--projects-text);font-family:Readex Pro,sans-serif}.projects-display{width:100%}.projects-table-container{background-color:#fff;background-color:var(--projects-input-bg);border:1px solid #e5e7eb;border:1px solid var(--projects-border);border-radius:.75rem;direction:rtl;display:block;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.projects-table{border-collapse:collapse;direction:rtl;width:100%}.projects-table thead{background-color:#ecf1fa;background-color:var(--projects-table-header)}.projects-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--projects-border);color:#374151;color:var(--projects-text-secondary);font-family:Readex Pro,sans-serif;font-size:.875rem;font-weight:600}.projects-table td,.projects-table th{padding:1rem;text-align:right;transition:all .3s cubic-bezier(.4,0,.2,1)}.projects-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--projects-border-light);vertical-align:middle}.project-row{background-color:#fff;background-color:var(--projects-input-bg)}.project-row:nth-child(2n){background-color:#f7f8fc;background-color:var(--projects-table-even)}.project-row:hover{background-color:#f1f2f9!important;background-color:var(--projects-card-hover)!important}.dark .projects-table-container,[data-theme=dark] .projects-table-container,body.dark .projects-table-container,body[data-theme=dark] .projects-table-container,html.dark .projects-table-container,html[data-theme=dark] .projects-table-container{background-color:#374151!important;border-color:#4b5563!important}.dark .projects-table,[data-theme=dark] .projects-table,body.dark .projects-table,body[data-theme=dark] .projects-table,html.dark .projects-table,html[data-theme=dark] .projects-table{background-color:#374151!important}.dark .projects-table thead,[data-theme=dark] .projects-table thead,body.dark .projects-table thead,body[data-theme=dark] .projects-table thead,html.dark .projects-table thead,html[data-theme=dark] .projects-table thead{background-color:#4b5563!important}.dark .projects-table td,.dark .projects-table th,[data-theme=dark] .projects-table td,[data-theme=dark] .projects-table th,body.dark .projects-table td,body.dark .projects-table th,body[data-theme=dark] .projects-table td,body[data-theme=dark] .projects-table th,html.dark .projects-table td,html.dark .projects-table th,html[data-theme=dark] .projects-table td,html[data-theme=dark] .projects-table th{border-bottom-color:#4b5563!important;color:#f9fafb!important}.dark .project-row,[data-theme=dark] .project-row,body.dark .project-row,body[data-theme=dark] .project-row,html.dark .project-row,html[data-theme=dark] .project-row{background-color:initial!important}.dark .project-row:nth-child(2n),[data-theme=dark] .project-row:nth-child(2n),body.dark .project-row:nth-child(2n),body[data-theme=dark] .project-row:nth-child(2n),html.dark .project-row:nth-child(2n),html[data-theme=dark] .project-row:nth-child(2n){background-color:#4b55634d!important}.dark .project-row:hover,[data-theme=dark] .project-row:hover,body.dark .project-row:hover,body[data-theme=dark] .project-row:hover,html.dark .project-row:hover,html[data-theme=dark] .project-row:hover{background-color:#4b5563!important}.customer-cell{word-wrap:break-word;font-size:.875rem;max-width:200px}.customer-cell,.customer-name-table{color:#1f2937;color:var(--projects-text);font-family:Readex Pro,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .customer-cell,[data-theme=dark] .customer-name-table{color:#f9fafb!important}.project-type-cell{word-wrap:break-word;color:#374151;color:var(--projects-text-secondary);font-family:Readex Pro,sans-serif;font-size:.875rem;max-width:200px;transition:all .3s cubic-bezier(.4,0,.2,1)}.amount-cell,.paid-cell,.remaining-cell{font-family:Readex Pro,sans-serif;font-size:.875rem;font-weight:500;min-width:120px}.amount-value{color:#374151;color:var(--projects-text-secondary)}.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:Readex Pro,sans-serif!important;font-size:.75rem!important;font-weight:500!important;margin-top:0!important;padding:.25rem .75rem!important}.date-cell{color:var(--projects-text-muted);font-family:Readex Pro,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}[data-theme=dark] .date-cell{color:#f9fafb!important}.projects-mobile-cards{display:none;flex-direction:column;gap:1rem}.mobile-project-card{background-color:#fff;background-color:var(--projects-input-bg);border:1px solid #e5e7eb;border:1px solid var(--projects-border);border-radius:.75rem;margin-bottom:1rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-project-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000001a;box-shadow:0 4px 6px -1px var(--projects-shadow),0 2px 4px -1px var(--projects-shadow)}.mobile-card-header{border-bottom:1px solid var(--projects-border-light)}.mobile-project-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.mobile-project-title{color:#1f2937;color:var(--projects-text);font-size:1rem;font-weight:600}.mobile-customer-name,.mobile-project-title{font-family:Readex Pro,sans-serif;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-customer-name{color:#6b7280;color:var(--projects-text-muted);font-size:.875rem}[data-theme=dark] .mobile-project-title{color:#f9fafb!important}[data-theme=dark] .mobile-customer-name{color:#d1d5db!important}.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-label{color:var(--projects-text-muted);font-family:Readex Pro,sans-serif}.mobile-info-value{color:var(--projects-text);font-family:Readex Pro,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}.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:Readex Pro,sans-serif!important;font-size:.75rem!important;font-weight:500!important;padding:.25rem .75rem!important}.modal-overlay{background-color:var(--projects-overlay)}.modal-content{background-color:var(--projects-modal-bg);box-shadow:0 10px 25px #0000001a;box-shadow:0 10px 25px var(--projects-shadow);max-width:600px}.modal-header{border-bottom:1px solid var(--projects-border)}.modal-header h2{color:var(--projects-text);font-family:Readex Pro,sans-serif}.modal-close{color:var(--projects-text-muted)}.modal-close:hover{background-color:#f1f2f9;background-color:var(--projects-card-hover);color:var(--projects-text-secondary)}.modal-footer{border-top:1px solid var(--projects-border)}.modal-buttons-row{gap:.75rem}.form-row{grid-gap:1rem;gap:1rem}.form-label{color:var(--projects-text-secondary);font-family:Readex Pro,sans-serif}.form-input,.form-select,.form-textarea{background-color:var(--projects-input-bg);border:1px solid var(--projects-input-border);color:#1f2937;color:var(--projects-text);font-family:Readex Pro,sans-serif}@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}.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}.financial-card{padding:1rem}.financial-value{font-size:1.25rem}}.task-assignment-modal{direction:rtl;max-height:90vh;max-width:800px;overflow-y:auto}.assignment-intro{line-height:1.6}.assignments-list{display:flex;flex-direction:column;gap:1.5rem}.assignment-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;transition:all .2s ease}.assignment-item:hover{border-color:#3b82f6;box-shadow:0 4px 6px #0000000d}.assignment-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.assignment-title{flex:1 1}.assignment-title h4{color:#111827;font-size:1rem;font-weight:600;margin:0 0 .5rem}.combination-badge{background-color:#dbeafe;border-radius:9999px;color:#1e40af;display:inline-block;padding:.25rem .75rem}.assignment-meta{align-items:flex-end;flex-direction:column;gap:.5rem}.department-badge{background-color:#f3f4f6;color:#374151}.department-badge,.priority-badge{border-radius:.375rem;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.priority-badge.priority-عالي{background-color:#fee2e2;color:#991b1b}.priority-badge.priority-عادي{background-color:#fef3c7;color:#92400e}.priority-badge.priority-منخفض{background-color:#d1fae5;color:#065f46}.combined-services-list{background-color:#f9fafb;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.combined-service-item{color:#4b5563;font-size:.875rem;padding:.25rem 0}.assignment-select{margin-top:.75rem}.assignment-select .form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.assignment-select .form-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#111827;font-size:.875rem;padding:.625rem .75rem;transition:all .2s ease;width:100%}.assignment-select .form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.assignment-select .form-select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.no-users-message{color:#dc2626;font-size:.875rem;font-style:italic;margin-top:.5rem}[data-theme=dark] .task-assignment-modal,body[data-theme=dark] .task-assignment-modal,html[data-theme=dark] .task-assignment-modal{background-color:#1f2937;color:#f9fafb}[data-theme=dark] .assignment-item,body[data-theme=dark] .assignment-item,html[data-theme=dark] .assignment-item{background-color:#374151;border-color:#4b5563}[data-theme=dark] .assignment-item:hover,body[data-theme=dark] .assignment-item:hover,html[data-theme=dark] .assignment-item:hover{border-color:#60a5fa}[data-theme=dark] .assignment-title h4,body[data-theme=dark] .assignment-title h4,html[data-theme=dark] .assignment-title h4{color:#f9fafb}[data-theme=dark] .department-badge,body[data-theme=dark] .department-badge,html[data-theme=dark] .department-badge{background-color:#4b5563;color:#e5e7eb}[data-theme=dark] .combined-services-list,body[data-theme=dark] .combined-services-list,html[data-theme=dark] .combined-services-list{background-color:#1f2937}[data-theme=dark] .combined-service-item,body[data-theme=dark] .combined-service-item,html[data-theme=dark] .combined-service-item{color:#d1d5db}[data-theme=dark] .assignment-select .form-label,body[data-theme=dark] .assignment-select .form-label,html[data-theme=dark] .assignment-select .form-label{color:#e5e7eb}[data-theme=dark] .assignment-select .form-select,body[data-theme=dark] .assignment-select .form-select,html[data-theme=dark] .assignment-select .form-select{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .assignment-select .form-select:focus,body[data-theme=dark] .assignment-select .form-select:focus,html[data-theme=dark] .assignment-select .form-select:focus{border-color:#60a5fa}@media (max-width:768px){.task-assignment-modal{margin:1rem auto;max-width:95vw}.assignment-header{align-items:stretch;flex-direction:column}.assignment-meta{align-items:center;flex-direction:row;justify-content:flex-start}.assignments-list{gap:1rem}.assignment-item{padding:1rem}}:root{--new-project-light-bg:#fff;--new-project-light-container-bg:#f7f8fc;--new-project-light-card-bg:#f7f8fc;--new-project-light-section-bg:#f7f8fc;--new-project-light-service-bg:#ecf1fa;--new-project-light-attachment-bg:#ecf1fa;--new-project-light-text:#1f2937;--new-project-light-secondary:#6b7280;--new-project-light-border:#e5e7eb;--new-project-light-input-bg:#fff;--new-project-light-input-border:#d1d5db;--new-project-light-hover:#f9fafb;--new-project-light-table-header:#ecf1fa;--new-project-light-modal-bg:#fff;--new-project-light-summary-bg:#f1f5f9}[data-theme=dark],body[data-theme=dark],html[data-theme=dark]{--new-project-dark-bg:#1f2937;--new-project-dark-container-bg:#374151;--new-project-dark-card-bg:#4b5563;--new-project-dark-section-bg:#374151;--new-project-dark-service-bg:#4b5563;--new-project-dark-attachment-bg:#4b5563;--new-project-dark-text:#f9fafb;--new-project-dark-secondary:#d1d5db;--new-project-dark-border:#6b7280;--new-project-dark-input-bg:#6b7280;--new-project-dark-input-border:#9ca3af;--new-project-dark-hover:#6b7280;--new-project-dark-table-header:#4b5563;--new-project-dark-modal-bg:#374151;--new-project-dark-summary-bg:#4b5563}.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)}[data-theme=dark] .page-title h1,body[data-theme=dark] .page-title h1,html[data-theme=dark] .page-title h1{color:var(--new-project-dark-text)!important}.error-message{border:1px solid #fecaca;margin-bottom:2rem}[data-theme=dark] .error-message,body[data-theme=dark] .error-message,html[data-theme=dark] .error-message{background-color:#b91c1c33!important;border-color:#b91c1c4d!important}.new-project-content{background-color:initial;border-radius:0;box-shadow:none;overflow:visible}.project-form{padding:0}.form-section{background-color:initial;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:2.5rem;padding:2rem}[data-theme=dark] .form-section,body[data-theme=dark] .form-section,html[data-theme=dark] .form-section{background-color:initial!important;border-color:var(--new-project-dark-border)!important;box-shadow:0 1px 3px 0 #0000004d!important}.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}[data-theme=dark] .form-label,[data-theme=dark] .form-section h2,body[data-theme=dark] .form-label,body[data-theme=dark] .form-section h2,html[data-theme=dark] .form-label,html[data-theme=dark] .form-section h2{color:var(--new-project-dark-text)!important}.form-label.required:after{color:#dc2626;content:" *"}.form-input,.form-select,.form-textarea{font-size:1rem;transition:border-color .2s,box-shadow .2s}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea,body[data-theme=dark] .form-input,body[data-theme=dark] .form-select,body[data-theme=dark] .form-textarea,html[data-theme=dark] .form-input,html[data-theme=dark] .form-select,html[data-theme=dark] .form-textarea{background-color:var(--new-project-dark-input-bg)!important;border-color:var(--new-project-dark-input-border)!important;color:var(--new-project-dark-text)!important}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-textarea{min-height:100px}[data-theme=dark] .customer-search-input::placeholder,[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-select::placeholder,[data-theme=dark] .form-textarea::placeholder,[data-theme=dark] .price-input-table::placeholder,[data-theme=dark] .price-input::placeholder,[data-theme=dark] .quantity-input-table::placeholder,[data-theme=dark] .quantity-input::placeholder,[data-theme=dark] .template-input::placeholder,[data-theme=dark] .template-textarea::placeholder,body[data-theme=dark] .customer-search-input::placeholder,body[data-theme=dark] .form-input::placeholder,body[data-theme=dark] .form-select::placeholder,body[data-theme=dark] .form-textarea::placeholder,body[data-theme=dark] .price-input-table::placeholder,body[data-theme=dark] .price-input::placeholder,body[data-theme=dark] .quantity-input-table::placeholder,body[data-theme=dark] .quantity-input::placeholder,body[data-theme=dark] .template-input::placeholder,body[data-theme=dark] .template-textarea::placeholder,html[data-theme=dark] .customer-search-input::placeholder,html[data-theme=dark] .form-input::placeholder,html[data-theme=dark] .form-select::placeholder,html[data-theme=dark] .form-textarea::placeholder,html[data-theme=dark] .price-input-table::placeholder,html[data-theme=dark] .price-input::placeholder,html[data-theme=dark] .quantity-input-table::placeholder,html[data-theme=dark] .quantity-input::placeholder,html[data-theme=dark] .template-input::placeholder,html[data-theme=dark] .template-textarea::placeholder{color:var(--new-project-dark-secondary)!important;opacity:.8}.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}[data-theme=dark] .customer-suggestions,body[data-theme=dark] .customer-suggestions,html[data-theme=dark] .customer-suggestions{background:var(--new-project-dark-input-bg)!important;border-color:var(--new-project-dark-border)!important;box-shadow:0 4px 6px -1px #0006!important}.customer-suggestion{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s}[data-theme=dark] .customer-suggestion,body[data-theme=dark] .customer-suggestion,html[data-theme=dark] .customer-suggestion{border-bottom-color:var(--new-project-dark-border)!important}.customer-suggestion:hover{background-color:#f8fafc}[data-theme=dark] .customer-suggestion:hover,body[data-theme=dark] .customer-suggestion:hover,html[data-theme=dark] .customer-suggestion:hover{background-color:var(--new-project-dark-hover)!important}.customer-suggestion:last-child{border-bottom:none}.customer-suggestion .suggestion-name{color:#374151;font-weight:500}[data-theme=dark] .customer-suggestion .suggestion-name,body[data-theme=dark] .customer-suggestion .suggestion-name,html[data-theme=dark] .customer-suggestion .suggestion-name{color:var(--new-project-dark-text)!important}.customer-suggestion .suggestion-phone{color:#6b7280;font-size:.875rem}[data-theme=dark] .customer-suggestion .suggestion-phone,body[data-theme=dark] .customer-suggestion .suggestion-phone,html[data-theme=dark] .customer-suggestion .suggestion-phone{color:var(--new-project-dark-secondary)!important}.no-customers-found{background-color:#f9fafb;border-bottom:1px solid #f1f5f9;color:#6b7280;font-size:.875rem;padding:.75rem;text-align:center}[data-theme=dark] .no-customers-found,body[data-theme=dark] .no-customers-found,html[data-theme=dark] .no-customers-found{background-color:var(--new-project-dark-hover)!important;border-bottom-color:var(--new-project-dark-border)!important;color:var(--new-project-dark-secondary)!important}.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:initial;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:box-shadow .2s}[data-theme=dark] .service-container,body[data-theme=dark] .service-container,html[data-theme=dark] .service-container{background-color:initial!important;border-color:var(--new-project-dark-border)!important;box-shadow:0 1px 3px #0000004d!important}.service-container:hover{box-shadow:0 4px 6px #0000001a}[data-theme=dark] .service-container:hover,body[data-theme=dark] .service-container:hover,html[data-theme=dark] .service-container:hover{box-shadow:0 4px 6px #0006!important}.service-header{background-color:#ecf1fa;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}[data-theme=dark] .service-header,body[data-theme=dark] .service-header,html[data-theme=dark] .service-header{background-color:var(--new-project-dark-service-bg)!important;border-bottom-color:var(--new-project-dark-border)!important}.service-title{color:#374151;font-size:1.125rem;font-weight:600;margin:0}[data-theme=dark] .service-title,body[data-theme=dark] .service-title,html[data-theme=dark] .service-title{color:var(--new-project-dark-text)!important}.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}[data-theme=dark] .service-field label,body[data-theme=dark] .service-field label,html[data-theme=dark] .service-field label{color:var(--new-project-dark-text)!important}.service-field small{color:#6b7280;display:block;font-size:.75rem;font-style:italic;line-height:1.2;margin-top:.25rem}[data-theme=dark] .service-field small,body[data-theme=dark] .service-field small,html[data-theme=dark] .service-field small{color:var(--new-project-dark-secondary)!important}.metric-dimensions .dimensions-row{align-items:flex-start;display:flex;gap:1rem}.metric-dimensions{color:#374151}[data-theme=dark] .metric-dimensions,[data-theme=dark] .metric-dimensions *,[data-theme=dark] .service-container div,[data-theme=dark] .service-container p,[data-theme=dark] .service-container span,body[data-theme=dark] .metric-dimensions,body[data-theme=dark] .metric-dimensions *,body[data-theme=dark] .service-container div,body[data-theme=dark] .service-container p,body[data-theme=dark] .service-container span,html[data-theme=dark] .metric-dimensions,html[data-theme=dark] .metric-dimensions *,html[data-theme=dark] .service-container div,html[data-theme=dark] .service-container p,html[data-theme=dark] .service-container span{color:var(--new-project-dark-text)!important}.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}[data-theme=dark] .dimension-label,body[data-theme=dark] .dimension-label,html[data-theme=dark] .dimension-label{color:var(--new-project-dark-secondary)!important}.dimensions-separator{color:#6b7280;font-size:1.25rem;font-weight:700;line-height:1;margin-top:2.2rem}[data-theme=dark] .dimensions-separator,body[data-theme=dark] .dimensions-separator,html[data-theme=dark] .dimensions-separator{color:var(--new-project-dark-secondary)!important}.price-input,.quantity-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}[data-theme=dark] .price-input,[data-theme=dark] .quantity-input,body[data-theme=dark] .price-input,body[data-theme=dark] .quantity-input,html[data-theme=dark] .price-input,html[data-theme=dark] .quantity-input{background-color:var(--new-project-dark-input-bg)!important;border-color:var(--new-project-dark-input-border)!important;color:var(--new-project-dark-text)!important}.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}[data-theme=dark] .service-details,[data-theme=dark] .service-details *,[data-theme=dark] .service-field,[data-theme=dark] .service-field :not(.form-label):not(.dimension-label):not(.dimensions-separator),body[data-theme=dark] .service-details,body[data-theme=dark] .service-details *,body[data-theme=dark] .service-field,body[data-theme=dark] .service-field :not(.form-label):not(.dimension-label):not(.dimensions-separator),html[data-theme=dark] .service-details,html[data-theme=dark] .service-details *,html[data-theme=dark] .service-field,html[data-theme=dark] .service-field :not(.form-label):not(.dimension-label):not(.dimensions-separator){color:var(--new-project-dark-text)!important}.template-section{background-color:#ecf1fa;border-top:1px solid #e2e8f0;padding:1.5rem}[data-theme=dark] .template-section,body[data-theme=dark] .template-section,html[data-theme=dark] .template-section{background-color:var(--new-project-dark-service-bg)!important;border-top-color:var(--new-project-dark-border)!important}.template-title{color:#6b46c1;font-size:1rem;font-weight:600;margin:0 0 1rem}.template-header{align-items:center;display:flex;justify-content:space-between}.template-header-actions{align-items:center;display:flex;gap:.75rem}.duplicate-template-btn{align-items:center;background-color:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.duplicate-template-btn:hover{background-color:#7c3aed}.remove-last-template-btn{align-items:center;background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.remove-last-template-btn:hover{background-color:#dc2626}.template-instance{background-color:#ffffffb3;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:0!important;padding:1rem}.template-instance-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.template-instance-title{color:#374151;font-size:.875rem;font-weight:600}.remove-duplicate-btn{align-items:center;background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;padding:.25rem;transition:background-color .2s}.remove-duplicate-btn:hover{background-color:#dc2626}[data-theme=dark] .template-instance,body[data-theme=dark] .template-instance,html[data-theme=dark] .template-instance{background-color:#4b5563b3!important;border-color:var(--new-project-dark-border)!important}[data-theme=dark] .template-instance-header,body[data-theme=dark] .template-instance-header,html[data-theme=dark] .template-instance-header{border-bottom-color:var(--new-project-dark-border)!important}[data-theme=dark] .template-instance-title,body[data-theme=dark] .template-instance-title,html[data-theme=dark] .template-instance-title{color:var(--new-project-dark-text)!important}.attachments-section{background-color:#ecf1fa;border-top:1px solid #e2e8f0;padding:1.5rem}[data-theme=dark] .attachments-section,body[data-theme=dark] .attachments-section,html[data-theme=dark] .attachments-section{background-color:var(--new-project-dark-attachment-bg)!important;border-top-color:var(--new-project-dark-border)!important}.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}[data-theme=dark] .attachments-header h4,body[data-theme=dark] .attachments-header h4,html[data-theme=dark] .attachments-header h4{color:var(--new-project-dark-text)!important}.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}[data-theme=dark] .files-count,body[data-theme=dark] .files-count,html[data-theme=dark] .files-count{color:var(--new-project-dark-text)!important}.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}[data-theme=dark] .file-preview,body[data-theme=dark] .file-preview,html[data-theme=dark] .file-preview{background-color:var(--new-project-dark-input-bg)!important;border-color:var(--new-project-dark-border)!important}.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}[data-theme=dark] .file-name,body[data-theme=dark] .file-name,html[data-theme=dark] .file-name{color:var(--new-project-dark-text)!important}.file-size{color:#6b7280;display:block;font-size:.75rem;margin-top:.125rem}[data-theme=dark] .file-size,body[data-theme=dark] .file-size,html[data-theme=dark] .file-size{color:var(--new-project-dark-secondary)!important}.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}[data-theme=dark] .preview-btn,body[data-theme=dark] .preview-btn,html[data-theme=dark] .preview-btn{background-color:var(--new-project-dark-hover)!important;color:var(--new-project-dark-text)!important}.preview-btn:hover{background-color:#e5e7eb}[data-theme=dark] .preview-btn:hover,body[data-theme=dark] .preview-btn:hover,html[data-theme=dark] .preview-btn:hover{background-color:var(--new-project-dark-secondary)!important}.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}[data-theme=dark] .services-table-container,body[data-theme=dark] .services-table-container,html[data-theme=dark] .services-table-container{border-color:var(--new-project-dark-border)!important}.services-table{background-color:#fff}[data-theme=dark] .services-table,body[data-theme=dark] .services-table,html[data-theme=dark] .services-table{background-color:var(--new-project-dark-card-bg)!important}.services-table th{background-color:#ecf1fa;border-bottom:1px solid #e2e8f0;padding:.75rem;text-align:center}[data-theme=dark] .services-table th,body[data-theme=dark] .services-table th,html[data-theme=dark] .services-table th{background-color:var(--new-project-dark-table-header)!important;border-bottom-color:var(--new-project-dark-border)!important;color:var(--new-project-dark-text)!important}.services-table td{border-bottom:1px solid #f1f5f9;padding:.75rem;text-align:center}[data-theme=dark] .services-table td,body[data-theme=dark] .services-table td,html[data-theme=dark] .services-table td{border-bottom-color:var(--new-project-dark-border)!important;color:var(--new-project-dark-text)!important}.service-row:hover{background-color:#f8fafc}[data-theme=dark] .service-row:hover,body[data-theme=dark] .service-row:hover,html[data-theme=dark] .service-row:hover{background-color:var(--new-project-dark-hover)!important}.service-name{color:#374151;text-align:right!important}[data-theme=dark] .service-name,body[data-theme=dark] .service-name,html[data-theme=dark] .service-name{color:var(--new-project-dark-text)!important}.price-input-table,.quantity-input-table{border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem;padding:.375rem;text-align:center;width:80px}[data-theme=dark] .price-input-table,[data-theme=dark] .quantity-input-table,body[data-theme=dark] .price-input-table,body[data-theme=dark] .quantity-input-table,html[data-theme=dark] .price-input-table,html[data-theme=dark] .quantity-input-table{background-color:var(--new-project-dark-input-bg)!important;border-color:var(--new-project-dark-input-border)!important;color:var(--new-project-dark-text)!important}.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}[data-theme=dark] .template-row,body[data-theme=dark] .template-row,html[data-theme=dark] .template-row{background-color:var(--new-project-dark-hover)!important}.template-cell{padding:1rem!important}.template-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}[data-theme=dark] .template-container,body[data-theme=dark] .template-container,html[data-theme=dark] .template-container{background-color:var(--new-project-dark-card-bg)!important;border-color:var(--new-project-dark-border)!important}.template-header{border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:.5rem}[data-theme=dark] .template-header,body[data-theme=dark] .template-header,html[data-theme=dark] .template-header{border-bottom-color:var(--new-project-dark-border)!important}.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}[data-theme=dark] .field-group label,body[data-theme=dark] .field-group label,html[data-theme=dark] .field-group label{color:var(--new-project-dark-text)!important}.template-input,.template-select{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem}[data-theme=dark] .template-input,[data-theme=dark] .template-select,body[data-theme=dark] .template-input,body[data-theme=dark] .template-select,html[data-theme=dark] .template-input,html[data-theme=dark] .template-select{background-color:var(--new-project-dark-input-bg)!important;border-color:var(--new-project-dark-input-border)!important;color:var(--new-project-dark-text)!important}.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}[data-theme=dark] .template-notes label,body[data-theme=dark] .template-notes label,html[data-theme=dark] .template-notes label{color:var(--new-project-dark-text)!important}.template-textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;min-height:80px;padding:.5rem;resize:vertical}[data-theme=dark] .template-textarea,body[data-theme=dark] .template-textarea,html[data-theme=dark] .template-textarea{background-color:var(--new-project-dark-input-bg)!important;border-color:var(--new-project-dark-input-border)!important;color:var(--new-project-dark-text)!important}.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}[data-theme=dark] .checkbox-label,[data-theme=dark] .radio-label,body[data-theme=dark] .checkbox-label,body[data-theme=dark] .radio-label,html[data-theme=dark] .checkbox-label,html[data-theme=dark] .radio-label{color:var(--new-project-dark-text)!important}.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:#ecf1fa;border:2px dashed #cbd5e1;border-radius:.5rem;margin-top:2rem;padding:1.5rem}[data-theme=dark] .add-new-service,body[data-theme=dark] .add-new-service,html[data-theme=dark] .add-new-service{background-color:var(--new-project-dark-service-bg)!important;border-color:var(--new-project-dark-border)!important}.add-new-service h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem;text-align:center}[data-theme=dark] .add-new-service h3,body[data-theme=dark] .add-new-service h3,html[data-theme=dark] .add-new-service h3{color:var(--new-project-dark-text)!important}.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%}[data-theme=dark] .service-search-input,body[data-theme=dark] .service-search-input,html[data-theme=dark] .service-search-input{background-color:var(--new-project-dark-input-bg)!important;border-color:var(--new-project-dark-input-border)!important;color:var(--new-project-dark-text)!important}[data-theme=dark] .service-search-input::placeholder,body[data-theme=dark] .service-search-input::placeholder,html[data-theme=dark] .service-search-input::placeholder{color:var(--new-project-dark-secondary)!important;opacity:.8}.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}[data-theme=dark] .service-suggestions,body[data-theme=dark] .service-suggestions,html[data-theme=dark] .service-suggestions{background-color:var(--new-project-dark-input-bg)!important;border-color:var(--new-project-dark-border)!important;box-shadow:0 4px 6px -1px #0006!important}.service-suggestion{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s}[data-theme=dark] .service-suggestion,body[data-theme=dark] .service-suggestion,html[data-theme=dark] .service-suggestion{border-bottom-color:var(--new-project-dark-border)!important}.service-suggestion:hover{background-color:#f8fafc}[data-theme=dark] .service-suggestion:hover,body[data-theme=dark] .service-suggestion:hover,html[data-theme=dark] .service-suggestion:hover{background-color:var(--new-project-dark-hover)!important}.service-suggestion:last-child{border-bottom:none}.suggestion-name{color:#374151;font-weight:500}[data-theme=dark] .suggestion-name,body[data-theme=dark] .suggestion-name,html[data-theme=dark] .suggestion-name{color:var(--new-project-dark-text)!important}.suggestion-price{color:#6b7280;font-size:.875rem;font-weight:600}[data-theme=dark] .suggestion-price,body[data-theme=dark] .suggestion-price,html[data-theme=dark] .suggestion-price{color:var(--new-project-dark-secondary)!important}.no-services-found{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#6b7280;font-style:italic;padding:1rem;text-align:center}[data-theme=dark] .no-services-found,body[data-theme=dark] .no-services-found,html[data-theme=dark] .no-services-found{background-color:var(--new-project-dark-input-bg)!important;border-color:var(--new-project-dark-border)!important;color:var(--new-project-dark-secondary)!important}.add-service-row{background-color:#f8fafc}[data-theme=dark] .add-service-row,body[data-theme=dark] .add-service-row,html[data-theme=dark] .add-service-row{background-color:var(--new-project-dark-hover)!important}.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}[data-theme=dark] .services-summary,body[data-theme=dark] .services-summary,html[data-theme=dark] .services-summary{background-color:var(--new-project-dark-summary-bg)!important;border-color:var(--new-project-dark-border)!important}.summary-row{align-items:center;display:flex;justify-content:space-between}.summary-label{color:#374151;font-weight:600}[data-theme=dark] .summary-label,body[data-theme=dark] .summary-label,html[data-theme=dark] .summary-label{color:var(--new-project-dark-text)!important}.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}[data-theme=dark] .breakdown-label,body[data-theme=dark] .breakdown-label,html[data-theme=dark] .breakdown-label{color:var(--new-project-dark-secondary)!important}.breakdown-value{color:#374151;font-size:.875rem;font-weight:500}[data-theme=dark] .breakdown-value,body[data-theme=dark] .breakdown-value,html[data-theme=dark] .breakdown-value{color:var(--new-project-dark-text)!important}.breakdown-divider{background-color:#e5e7eb;height:1px;margin:.75rem 0}[data-theme=dark] .breakdown-divider,body[data-theme=dark] .breakdown-divider,html[data-theme=dark] .breakdown-divider{background-color:var(--new-project-dark-border)!important}.total-row{align-items:center;display:flex;justify-content:space-between}.additional-fees-section{background-color:#ecf1fa;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}[data-theme=dark] .additional-fees-section,body[data-theme=dark] .additional-fees-section,html[data-theme=dark] .additional-fees-section{background-color:var(--new-project-dark-summary-bg)!important;border-color:var(--new-project-dark-border)!important}.additional-fees-section h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 1.5rem}[data-theme=dark] .additional-fees-section h3,body[data-theme=dark] .additional-fees-section h3,html[data-theme=dark] .additional-fees-section h3{color:var(--new-project-dark-text)!important}.fees-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.fees-summary{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1rem;padding:1rem}[data-theme=dark] .fees-summary,body[data-theme=dark] .fees-summary,html[data-theme=dark] .fees-summary{background-color:var(--new-project-dark-card-bg)!important;border-color:var(--new-project-dark-border)!important}.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}[data-theme=dark] .fees-summary .summary-label,body[data-theme=dark] .fees-summary .summary-label,html[data-theme=dark] .fees-summary .summary-label{color:var(--new-project-dark-text)!important}.fees-summary .summary-value{color:#059669;font-size:1.125rem;font-weight:600}.total-amount{background-color:#fff;border:1px solid #e5e7eb}[data-theme=dark] .total-amount,body[data-theme=dark] .total-amount,html[data-theme=dark] .total-amount{background-color:var(--new-project-dark-card-bg)!important;border-color:var(--new-project-dark-border)!important}.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}[data-theme=dark] .total-amount .summary-label,body[data-theme=dark] .total-amount .summary-label,html[data-theme=dark] .total-amount .summary-label{color:var(--new-project-dark-text)!important}.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}[data-theme=dark] .total-amount .discount-row,body[data-theme=dark] .total-amount .discount-row,html[data-theme=dark] .total-amount .discount-row{background-color:#b91c1c33!important;border-color:#b91c1c4d!important}.total-amount .discount-value{color:#dc2626;font-weight:700}.total-amount .discount-row .summary-label{color:#991b1b}[data-theme=dark] .total-amount .discount-row .summary-label,body[data-theme=dark] .total-amount .discount-row .summary-label,html[data-theme=dark] .total-amount .discount-row .summary-label{color:#fca5a5!important}.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}[data-theme=dark] .compact-field .form-label,body[data-theme=dark] .compact-field .form-label,html[data-theme=dark] .compact-field .form-label{color:var(--new-project-dark-text)!important}.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%}[data-theme=dark] .compact-input,body[data-theme=dark] .compact-input,html[data-theme=dark] .compact-input{background-color:var(--new-project-dark-input-bg)!important;border-color:var(--new-project-dark-input-border)!important;color:var(--new-project-dark-text)!important}[data-theme=dark] .compact-input::placeholder,body[data-theme=dark] .compact-input::placeholder,html[data-theme=dark] .compact-input::placeholder{color:var(--new-project-dark-secondary)!important;opacity:.8}.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}[data-theme=dark] .compact-field .form-hint,body[data-theme=dark] .compact-field .form-hint,html[data-theme=dark] .compact-field .form-hint{color:var(--new-project-dark-secondary)!important}.modal-content{border-radius:1rem;width:90%}[data-theme=dark] .modal-content,body[data-theme=dark] .modal-content,html[data-theme=dark] .modal-content{background-color:var(--new-project-dark-modal-bg)!important;box-shadow:0 20px 25px -5px #0006!important}.modal-header{border-bottom:1px solid #f1f5f9}[data-theme=dark] .modal-header,body[data-theme=dark] .modal-header,html[data-theme=dark] .modal-header{border-bottom-color:var(--new-project-dark-border)!important}.modal-header h2{color:#374151}[data-theme=dark] .modal-header h2,body[data-theme=dark] .modal-header h2,html[data-theme=dark] .modal-header h2{color:var(--new-project-dark-text)!important}.modal-close{height:24px;padding:0;width:24px}[data-theme=dark] .modal-close,body[data-theme=dark] .modal-close,html[data-theme=dark] .modal-close{color:var(--new-project-dark-secondary)!important}[data-theme=dark] .modal-close:hover,body[data-theme=dark] .modal-close:hover,html[data-theme=dark] .modal-close:hover{color:var(--new-project-dark-text)!important}.modal-footer{border-top:1px solid #f1f5f9}[data-theme=dark] .modal-footer,body[data-theme=dark] .modal-footer,html[data-theme=dark] .modal-footer{border-top-color:var(--new-project-dark-border)!important}.modal-buttons-row{justify-content:flex-end}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-row.payment-row{gap:1rem;grid-template-columns:1fr 1fr 1fr}.form-row .form-group{margin-bottom:0}.total-amount{align-items:center;background-color:#ecf1fa;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}[data-theme=dark] .total-label,body[data-theme=dark] .total-label,html[data-theme=dark] .total-label{color:var(--new-project-dark-text)!important}.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-row.payment-row{gap:1rem;grid-template-columns: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}.services-section-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.services-section-header h2{color:#374151;font-size:1.25rem;font-weight:600;margin:0}[data-theme=dark] .services-section-header h2{color:var(--new-project-dark-text)!important}[data-theme=dark] .services-section-header{border-color:var(--new-project-dark-border)!important}.combination-controls{align-items:center;display:flex;gap:.5rem}.combination-mode-btn{border-radius:.375rem;font-size:.75rem;font-weight:500;min-height:2.25rem;padding:.375rem .75rem;transition:all .2s ease}.combination-mode-controls{align-items:center;display:flex;gap:.5rem;padding:.5rem 0}.combination-info{color:#6b7280;font-size:.75rem;font-weight:400}.combination-mode-controls .combination-info,.services-section-header .combination-info{color:#000!important;margin:0!important}[data-theme=dark] .combination-info{color:#9ca3af!important}[data-theme=dark] .combination-mode-controls .combination-info,[data-theme=dark] .services-section-header .combination-info{color:#fff!important}.combinations-display{background:#0000;border:1px dashed #cbd5e1;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}[data-theme=dark] .combinations-display{background:#0000;border-color:var(--new-project-dark-border)!important}.combinations-display h3{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .75rem;text-align:center}[data-theme=dark] .combinations-display h3{color:var(--new-project-dark-text)!important}.combination-group{background:#0000!important;border:1px solid #e2e8f0;border-radius:.375rem;margin-bottom:.5rem;padding:.75rem}.new-project-container .combination-controls .add-btn,.new-project-container .combination-mode-controls .add-btn,.services-section-header .combination-controls .add-btn,.services-section-header .combination-mode-controls .add-btn{background:#0000!important;background-color:initial!important;background-image:none!important;border:1px solid #e2e8f0!important;color:#374151!important}.new-project-container .combination-controls .add-btn__background,.new-project-container .combination-mode-controls .add-btn__background,.services-section-header .combination-controls .add-btn__background,.services-section-header .combination-mode-controls .add-btn__background{background:#0000!important;background-color:initial!important;background-image:none!important;opacity:0!important}.new-project-container .combination-controls .add-btn:hover,.new-project-container .combination-mode-controls .add-btn:hover,.services-section-header .combination-controls .add-btn:hover,.services-section-header .combination-mode-controls .add-btn:hover{background:#0000!important;background-color:initial!important;background-image:none!important;border-color:#3b82f6!important;box-shadow:none!important;transform:none!important}.new-project-container .combination-controls .add-btn--blue,.new-project-container .combination-controls .add-btn--gray,.new-project-container .combination-controls .add-btn--green,.new-project-container .combination-mode-controls .add-btn--blue,.new-project-container .combination-mode-controls .add-btn--gray,.new-project-container .combination-mode-controls .add-btn--green,.services-section-header .combination-controls .add-btn--blue,.services-section-header .combination-controls .add-btn--gray,.services-section-header .combination-controls .add-btn--green,.services-section-header .combination-mode-controls .add-btn--blue,.services-section-header .combination-mode-controls .add-btn--gray,.services-section-header .combination-mode-controls .add-btn--green{background:#0000!important;background-color:initial!important;background-image:none!important}[data-theme=dark] .new-project-container .combination-controls .add-btn,[data-theme=dark] .new-project-container .combination-mode-controls .add-btn,[data-theme=dark] .services-section-header .combination-controls .add-btn,[data-theme=dark] .services-section-header .combination-mode-controls .add-btn{background:#0000!important;background-color:initial!important;background-image:none!important;border-color:var(--new-project-dark-border)!important;color:var(--new-project-dark-text)!important}[data-theme=dark] .new-project-container .combination-controls .add-btn:hover,[data-theme=dark] .new-project-container .combination-mode-controls .add-btn:hover,[data-theme=dark] .services-section-header .combination-controls .add-btn:hover,[data-theme=dark] .services-section-header .combination-mode-controls .add-btn:hover{background:#0000!important;background-color:initial!important;background-image:none!important;border-color:#60a5fa!important}[data-theme=dark] .combination-group{background:#0000!important;border-color:var(--new-project-dark-border)!important}.combination-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.combination-info{flex:1 1}.combination-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin:0 0 .25rem}[data-theme=dark] .combination-title{color:#f9fafb;color:var(--text-primary,#f9fafb)}.combination-count{background:#0000;border:1px solid #e2e8f0;border-radius:.25rem;color:#6b7280;font-size:.75rem;padding:.125rem .5rem}[data-theme=dark] .combination-count{background:#0000;border-color:var(--new-project-dark-border);color:#9ca3af}.remove-combination-btn{align-items:center;background:#ef4444;background:var(--color-danger,#ef4444);border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.remove-combination-btn:hover{background:#dc2626;background:var(--color-danger-hover,#dc2626);transform:scale(1.05)}.remove-combination-btn svg{height:14px;width:14px}.combination-services-summary{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem}.service-name-pill{background:#e2e8f0;background:var(--bg-secondary,#e2e8f0);border-radius:.375rem;color:#374151;color:var(--text-primary,#374151);font-size:.75rem;font-weight:500;padding:.25rem .5rem}[data-theme=dark] .service-name-pill{background:#6b7280;background:var(--bg-secondary,#6b7280);color:#e5e7eb;color:var(--text-primary,#e5e7eb)}.separator{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-weight:700}.service-container.in-combination{background:#0000;border-left:4px solid #3b82f6;border-left:4px solid var(--color-primary,#3b82f6)}[data-theme=dark] .service-container.in-combination{background:#0000}.service-container.selected-for-combination{background:#0000;border:2px solid #3b82f6;border:2px solid var(--color-primary,#3b82f6);box-shadow:0 4px 12px #3b82f626;transform:scale(1.01)}[data-theme=dark] .service-container.selected-for-combination{background:#0000;border-color:#60a5fa;border-color:var(--color-primary,#60a5fa);box-shadow:0 4px 12px #60a5fa26}.service-selection-checkbox{align-items:center;display:flex;margin-left:.75rem}.checkbox-container{align-items:center;border-radius:.375rem;cursor:pointer;display:flex;padding:.25rem;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.checkbox-container:hover{background:#3b82f60d}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{align-items:center;background-color:#fff;border:2px solid #d1d5db;border-radius:.375rem;display:flex;height:18px;justify-content:center;position:relative;transition:all .2s ease;width:18px}[data-theme=dark] .checkmark{background-color:#374151;border-color:#6b7280}.checkbox-container:hover .checkmark{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-container input:checked~.checkmark{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .checkbox-container input:checked~.checkmark{background-color:#60a5fa;border-color:#60a5fa}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-60%) rotate(45deg);width:4px}.checkbox-container input:checked~.checkmark:after{display:block}.service-title-area{align-items:center;display:flex;flex:1 1;gap:.75rem}.combination-badge{background:#dbeafe;background:var(--color-primary-light,#dbeafe);border-radius:.375rem;color:#3b82f6;color:var(--color-primary,#3b82f6);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}[data-theme=dark] .combination-badge{background:#1e3a8a;background:var(--color-primary-dark,#1e3a8a);color:#60a5fa;color:var(--color-primary,#60a5fa)}.badge-icon{height:12px;width:12px}.combination-preview{background:#f8fafc;background:var(--bg-card,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-secondary,#e2e8f0);border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}[data-theme=dark] .combination-preview{background:#4b5563;background:var(--bg-card,#4b5563);border-color:#6b7280;border-color:var(--border-secondary,#6b7280)}.combination-preview h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;margin:0 0 .75rem}[data-theme=dark] .combination-preview h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}.services-list{display:flex;flex-direction:column;gap:.5rem}.service-preview-item{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-secondary,#e2e8f0);border-radius:.375rem;display:flex;justify-content:space-between;padding:.5rem .75rem}[data-theme=dark] .service-preview-item{background:#374151;background:var(--bg-primary,#374151);border-color:#6b7280;border-color:var(--border-secondary,#6b7280)}.service-name{color:var(--text-primary,#1f2937);font-weight:500}[data-theme=dark] .service-name{color:#f9fafb;color:var(--text-primary,#f9fafb)}.service-price{color:#059669;color:var(--color-success,#059669);font-size:.875rem;font-weight:600}[data-theme=dark] .service-price{color:#10b981;color:var(--color-success,#10b981)}.combination-info-text{background:#eff6ff;background:var(--bg-info,#eff6ff);border:1px solid #93c5fd;border:1px solid var(--border-info,#93c5fd);border-radius:.375rem;margin-top:1rem;padding:.75rem}[data-theme=dark] .combination-info-text{background:#1e3a8a;background:var(--bg-info,#1e3a8a);border-color:#3b82f6;border-color:var(--border-info,#3b82f6)}.combination-info-text p{color:#1e40af;color:var(--text-info,#1e40af);font-size:.875rem;margin:0;text-align:center}[data-theme=dark] .combination-info-text p{color:#93c5fd;color:var(--text-info,#93c5fd)}@media (max-width:768px){.services-section-header{align-items:stretch;flex-direction:column}.combination-controls{flex-wrap:wrap}.combination-mode-controls{align-items:stretch}.combination-header,.combination-mode-controls{flex-direction:column;gap:.5rem}.combination-services-summary{align-items:stretch;flex-direction:column}.service-name-pill{text-align:center}}.form-section .services-section-header .combination-controls,.form-section .services-section-header .combination-controls *,.form-section .services-section-header .combination-mode-controls,.form-section .services-section-header .combination-mode-controls *,.new-project-container .form-section .services-section-header .combination-controls,.new-project-container .form-section .services-section-header .combination-controls *,.new-project-container .form-section .services-section-header .combination-mode-controls,.new-project-container .form-section .services-section-header .combination-mode-controls *{background:#0000!important;background-color:initial!important;background-image:none!important}.combination-simple-btn{align-items:center;background:#0000;border:1.5px solid #e2e8f0;border-radius:.5rem;color:#000!important;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;min-height:2.5rem;padding:.625rem 1rem;transition:all .2s ease;white-space:nowrap}.combination-simple-btn span,.combination-simple-btn svg{color:#000!important}.combination-simple-btn:hover{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 2px 4px #0000001a;color:#3b82f6;transform:translateY(-1px)}.combination-simple-btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.combination-simple-btn:disabled{cursor:not-allowed;opacity:.5}.combination-simple-btn:disabled,.combination-simple-btn:disabled:hover{background:#0000;border-color:#e2e8f0;box-shadow:none;color:#6b7280;transform:none}.combination-confirm-btn:hover:not(:disabled){background:#10b9810d;border-color:#10b981;color:#10b981}.combination-cancel-btn:hover:not(:disabled){background:#ef44440d;border-color:#ef4444;color:#ef4444}.combination-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:.375rem;color:#000!important;font-size:.875rem;font-weight:500;margin:0;padding:.5rem .75rem}[data-theme=dark] .combination-simple-btn{border-color:var(--new-project-dark-border)}[data-theme=dark] .combination-info,[data-theme=dark] .combination-simple-btn,[data-theme=dark] .combination-simple-btn span,[data-theme=dark] .combination-simple-btn svg{color:var(--new-project-dark-text)!important}[data-theme=dark] .combination-simple-btn:hover{border-color:#60a5fa;color:#60a5fa}[data-theme=dark] .combination-confirm-btn:hover{border-color:#34d399;color:#34d399}[data-theme=dark] .combination-cancel-btn:hover{border-color:#f87171;color:#f87171}[data-theme=dark] .combination-simple-btn:disabled,[data-theme=dark] .combination-simple-btn:disabled:hover{border-color:var(--new-project-dark-border);color:#6b7280}.clean-combinations-display{background:#0000!important;border:none!important;margin-bottom:1.5rem;padding:0}.clean-combinations-title{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 1rem;text-align:right}[data-theme=dark] .clean-combinations-title{color:#f9fafb}.clean-combination-group{background:#0000!important;border:1px solid #e2e8f0!important;border-radius:.5rem;margin-bottom:.75rem;padding:1rem}[data-theme=dark] .clean-combination-group{background:#0000!important;border-color:#6b7280!important}.clean-combination-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.clean-combination-info{flex:1 1}.clean-combination-title{align-items:center;color:#1f2937;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}[data-theme=dark] .clean-combination-title{color:#f9fafb}.clean-combination-count{background:#0000!important;border:1px solid #e2e8f0;border-radius:.375rem;color:#6b7280;display:inline-block;font-size:.75rem;font-weight:400;padding:.125rem .375rem}[data-theme=dark] .clean-combination-count{background:#0000!important;border-color:#6b7280;color:#9ca3af}.clean-remove-combination-btn{align-items:center;background:#0000!important;border:1px solid #ef4444;border-radius:.375rem;color:#ef4444;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.clean-remove-combination-btn:hover{background:#ef4444!important;color:#fff;transform:scale(1.05)}.clean-remove-combination-btn svg{height:14px;width:14px}.clean-combination-services-summary{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.clean-service-name-pill{background:#0000!important;border:1px solid #e2e8f0;border-radius:.375rem;color:#374151;font-size:.75rem;font-weight:500;padding:.25rem .5rem}[data-theme=dark] .clean-service-name-pill{background:#0000!important;border-color:#6b7280;color:#f9fafb}.clean-separator{color:#6b7280;font-weight:600;margin:0 .25rem}.service-field label:has(+select){color:#f97316;font-weight:600}.service-info-grid .service-field:has(label:contains("الأولوية")){background:linear-gradient(135deg,#f973160d,#f9731605);border:2px dashed #f97316;border-radius:.5rem;padding:.75rem}.service-field select[value=\639\627\644\64A]{background-color:#fef2f2!important;border:2px solid #ef4444!important;color:#dc2626!important}.service-field select[value=\645\646\62E\641\636]{background-color:#f9fafb!important;border:2px solid #9ca3af!important;color:#6b7280!important}.service-field label:contains("الأولوية"):before{content:"⚠️ ";font-size:1.1rem}.service-field select[value=\639\627\644\64A]{background-color:#ffebee!important;border:2px solid #e53935!important;color:#c62828!important;font-weight:700}.service-field select[value=\645\646\62E\641\636]{background-color:#e8f5e9!important;border:2px solid #43a047!important;color:#2e7d32!important;font-weight:700}.service-field select[value=\639\627\62F\64A]{background-color:#fffbea!important;border:2px solid #ffca3a!important;color:#d4a017!important;font-weight:700}.service-priority-selector{align-items:center;display:flex;margin-left:auto;margin-right:1rem}.priority-dropdown{background-color:#fff;background-color:var(--new-project-light-input-bg);border:2px solid #e5e7eb;border:2px solid var(--new-project-light-border);border-radius:.5rem;color:#1f2937;color:var(--new-project-light-text);cursor:pointer;font-size:.875rem;font-weight:600;min-width:100px;padding:.375rem .75rem;transition:all .2s ease}.priority-dropdown:hover{border-color:#d1d5db;border-color:var(--new-project-light-input-border);box-shadow:0 2px 4px #0000001a}.priority-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.priority-dropdown option[value=\639\627\644\64A]{background-color:#ffebee;color:#c62828;font-weight:700}.priority-dropdown option[value=\639\627\62F\64A]{background-color:#fffbea;color:#d4a017;font-weight:700}.priority-dropdown option[value=\645\646\62E\641\636]{background-color:#e8f5e9;color:#2e7d32;font-weight:700}.priority-dropdown[value=\639\627\644\64A]{background-color:#ffebee;border-color:#e53935;color:#c62828}.priority-dropdown[value=\639\627\62F\64A]{background-color:#fffbea;border-color:#ffca3a;color:#d4a017}.priority-dropdown[value=\645\646\62E\641\636]{background-color:#e8f5e9;border-color:#43a047;color:#2e7d32}[data-theme=dark] .priority-dropdown{background-color:var(--new-project-dark-input-bg);border-color:var(--new-project-dark-border);color:var(--new-project-dark-text)}[data-theme=dark] .priority-dropdown:hover{border-color:var(--new-project-dark-input-border)}@media (max-width:768px){.service-priority-selector{margin-right:.5rem}.priority-dropdown{font-size:.8rem;min-width:90px;padding:.25rem .5rem}}.priority-icon-wrapper{display:inline-block;padding-left:15px;position:relative}.priority-icon-btn{background-color:initial;border:2px solid #0000;border-radius:1.25rem;cursor:pointer;font-size:.875rem;gap:.375rem;height:2.5rem;min-width:-webkit-fit-content;min-width:fit-content;padding:0 .75rem;transition:all .2s ease;white-space:nowrap}.priority-icon,.priority-icon-btn{align-items:center;display:flex;justify-content:center}.priority-icon{font-size:1rem}.priority-text{font-size:.875rem;font-weight:600}.priority-icon-btn:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.priority-icon-btn.priority-عالي{background-color:#ffebee;border-color:#e53935}.priority-icon-btn.priority-عادي{background-color:#fffbea;border-color:#ffca3a}.priority-icon-btn.priority-منخفض{background-color:#e8f5e9;border-color:#43a047}.priority-dropdown-menu{background:#fff;border-radius:.5rem;box-shadow:0 4px 12px #00000026;left:50%;min-width:120px;opacity:0;padding:.5rem;pointer-events:none;position:absolute;top:calc(100% + .5rem);transform:translateX(-50%);transition:all .2s ease;visibility:hidden;z-index:1000}.priority-icon-wrapper.active .priority-dropdown-menu{opacity:1;pointer-events:auto;visibility:visible}.priority-option{align-items:center;background:#0000;border:none;border-radius:.375rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem .75rem;text-align:right;transition:all .15s ease;width:100%}.priority-option:hover{background-color:#f3f4f6}.priority-option.priority-high:hover{background-color:#ffebee;color:#c62828}.priority-option.priority-normal:hover{background-color:#fffbea;color:#d4a017}.priority-option.priority-low:hover{background-color:#e8f5e9;color:#2e7d32}[data-theme=dark] .priority-dropdown-menu{background:var(--new-project-dark-card-bg);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .priority-option:hover{background-color:var(--new-project-dark-hover)}@media (max-width:768px){.priority-icon-btn{font-size:.75rem;height:2rem;padding:0 .5rem}.priority-icon{font-size:.875rem}.priority-text{font-size:.75rem}}:root{--finance-content-bg:#f7f8fc;--finance-text:#1f2937;--finance-text-secondary:#374151;--finance-text-muted:#6b7280;--finance-border:#e5e7eb;--finance-border-light:#f3f4f6;--finance-card-bg:#f7f8fc;--finance-card-hover:#f1f2f9;--finance-table-header:#ecf1fa;--finance-table-even:#eef2f67d;--finance-modal-bg:#fff;--finance-input-bg:#fff;--finance-input-border:#d1d5db;--finance-shadow:#0000001a;--finance-shadow-light:#0000000f;--finance-overlay:#00000080;--finance-accent:#22c55e;--finance-focus:#3b82f6;--finance-focus-shadow:#3b82f61a;--finance-balance-preview:#f9fafb}.dark,[data-theme=dark],body.dark,body[data-theme=dark],html.dark,html[data-theme=dark]{--finance-content-bg:#1f2937;--finance-text:#f9fafb;--finance-text-secondary:#e5e7eb;--finance-text-muted:#d1d5db;--finance-border:#374151;--finance-border-light:#4b5563;--finance-card-bg:#374151;--finance-card-hover:#4b5563;--finance-table-header:#4b5563;--finance-table-even:#4b55634d;--finance-modal-bg:#1f2937;--finance-input-bg:#374151;--finance-input-border:#4b5563;--finance-shadow:#0000004d;--finance-shadow-light:#0003;--finance-overlay:#000000b3;--finance-accent:#4ade80;--finance-focus:#60a5fa;--finance-focus-shadow:#60a5fa1a;--finance-balance-preview:#1f2937}.finance-container{background-color:var(--finance-bg);margin:0 auto;max-width:1300px;min-height:100vh;padding:1.5rem}.finance-container,.finance-container h1{font-family:Tajawal,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}.finance-container h1{border-bottom:2px solid #22c55e;border-bottom:2px solid var(--finance-accent);color:#1f2937;color:var(--finance-text);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:#f7f8fc;background-color:var(--finance-card-bg);border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:0 1px 3px 0 var(--finance-shadow),0 1px 2px 0 var(--finance-shadow-light);padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 4px 6px -1px var(--finance-shadow),0 2px 4px -1px var(--finance-shadow-light);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}.available-icon{background-color:#f3e8ff;color:#9333ea}.profit-icon{background-color:#dbeafe;color:#2563eb}.cash-icon{background-color:#f3e8ff;color:#7c3aed}.stat-header h3{color:#374151;color:var(--finance-text-secondary);font-size:1rem;font-weight:600;line-height:1.4;margin:0}.stat-header h3,.stat-value{font-family:Tajawal,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-value{font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.income-value{color:#059669}.expense-value{color:#dc2626}.available-value{color:#9333ea!important}.profit-value{color:#2563eb!important}.cash-value{color:#7c3aed!important}.stat-label{color:#6b7280;color:var(--finance-text-muted);font-family:Tajawal,sans-serif;font-size:.875rem}.finance-content,.stat-label{transition:all .3s cubic-bezier(.4,0,.2,1)}.finance-content{background-color:#f7f8fc;background-color:var(--finance-content-bg);border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:0 1px 3px 0 var(--finance-shadow),0 1px 2px 0 var(--finance-shadow-light);min-height:500px;padding:2rem}.finance-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--finance-border);display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.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{max-width:600px}.search-icon{color:var(--finance-text-muted)}.search-input{background-color:var(--finance-input-bg);border:1px solid var(--finance-input-border);color:var(--finance-text-secondary)}.search-input:focus{border-color:var(--finance-focus);box-shadow:0 0 0 3px var(--finance-focus-shadow)}.filter-icons-group{align-items:center;display:flex;gap:.5rem}.filter-type-button{align-items:center;border:1px solid #d1d5db;border:1px solid var(--finance-input-border);border-radius:.5rem;cursor:pointer;display:flex;height:2.75rem;justify-content:center;padding:.5rem;position:relative;transition:all .2s ease;width:2.75rem}.filter-type-button:hover{box-shadow:0 2px 4px #0000000f;box-shadow:0 2px 4px var(--finance-shadow-light);transform:translateY(-1px)}.filter-type-button.active-receipt{background-color:#ecfdf5}.filter-type-button.active-payment{background-color:#fff7ed}.filter-type-button.active-expense{background-color:#fef2f2}.filter-type-button.active-transfer{background-color:#faf5ff}.filter-type-button.active-all{background-color:#fff;background-color:var(--finance-input-bg)}.dark .filter-type-button.active-receipt,[data-theme=dark] .filter-type-button.active-receipt{background-color:#0596691a}.dark .filter-type-button.active-payment,[data-theme=dark] .filter-type-button.active-payment{background-color:#ea580c1a}.dark .filter-type-button.active-expense,[data-theme=dark] .filter-type-button.active-expense{background-color:#dc26261a}.dark .filter-type-button.active-transfer,[data-theme=dark] .filter-type-button.active-transfer{background-color:#9333ea1a}.filter-icon-receipt{color:#059669}.filter-icon-payment{color:#ea580c}.filter-icon-expense{color:#dc2626}.filter-icon-transfer{color:#9333ea}.filter-icon-default{color:#6b7280;color:var(--finance-text-muted)}.filter-dropdown-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.filter-dropdown{background-color:#fff;background-color:var(--finance-modal-bg);border:1px solid #e5e7eb;border:1px solid var(--finance-border);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:0 4px 6px -1px var(--finance-shadow);left:0;margin-top:.5rem;min-width:150px;position:absolute;top:100%;z-index:1000}.filter-dropdown-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--finance-border-light);color:#374151;color:var(--finance-text-secondary);cursor:pointer;padding:.75rem 1rem;transition:background-color .2s ease}.filter-dropdown-item:last-child{border-bottom:none}.filter-dropdown-item.active{background-color:#eef2ff;color:#6366f1;font-weight:600}.dark .filter-dropdown-item.active,[data-theme=dark] .filter-dropdown-item.active{background-color:#6366f11a;color:#818cf8}.filter-dropdown-item:hover:not(.active){background-color:#f1f2f9;background-color:var(--finance-card-hover)}.search-filter-row{align-items:center;display:flex;flex-grow:1;gap:.75rem;margin-bottom:0;max-width:600px}.activities-section h2{color:#1f2937;color:var(--finance-text);font-family:Tajawal,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.activities-table-container{background-color:#fff;background-color:var(--finance-input-bg);border:1px solid #e5e7eb;border:1px solid var(--finance-border);border-radius:.75rem;direction:rtl;display:block;overflow-x:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.activities-table{border-collapse:collapse;direction:rtl;width:100%}.activities-table thead{background-color:#ecf1fa;background-color:var(--finance-table-header)}.activities-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--finance-border);color:#374151;color:var(--finance-text-secondary);font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:600}.activities-table td,.activities-table th{padding:1rem;text-align:right;transition:all .3s cubic-bezier(.4,0,.2,1)}.activities-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--finance-border-light);vertical-align:middle}.activity-row{background-color:#fff;background-color:var(--finance-input-bg)}.activity-row:nth-child(2n){background-color:#eef2f67d;background-color:var(--finance-table-even)}.activity-row:hover{background-color:#f1f2f9!important;background-color:var(--finance-card-hover)!important}.dark .activities-table-container,[data-theme=dark] .activities-table-container,body.dark .activities-table-container,body[data-theme=dark] .activities-table-container,html.dark .activities-table-container,html[data-theme=dark] .activities-table-container{background-color:#374151!important;border-color:#4b5563!important}.dark .activities-table,[data-theme=dark] .activities-table,body.dark .activities-table,body[data-theme=dark] .activities-table,html.dark .activities-table,html[data-theme=dark] .activities-table{background-color:#374151!important}.dark .activities-table thead,[data-theme=dark] .activities-table thead,body.dark .activities-table thead,body[data-theme=dark] .activities-table thead,html.dark .activities-table thead,html[data-theme=dark] .activities-table thead{background-color:#4b5563!important}.dark .activities-table td,.dark .activities-table th,[data-theme=dark] .activities-table td,[data-theme=dark] .activities-table th,body.dark .activities-table td,body.dark .activities-table th,body[data-theme=dark] .activities-table td,body[data-theme=dark] .activities-table th,html.dark .activities-table td,html.dark .activities-table th,html[data-theme=dark] .activities-table td,html[data-theme=dark] .activities-table th{border-bottom-color:#4b5563!important;color:#f9fafb!important}.dark .activity-row,[data-theme=dark] .activity-row,body.dark .activity-row,body[data-theme=dark] .activity-row,html.dark .activity-row,html[data-theme=dark] .activity-row{background-color:initial!important}.dark .activity-row:nth-child(2n),[data-theme=dark] .activity-row:nth-child(2n),body.dark .activity-row:nth-child(2n),body[data-theme=dark] .activity-row:nth-child(2n),html.dark .activity-row:nth-child(2n),html[data-theme=dark] .activity-row:nth-child(2n){background-color:#4b55634d!important}.dark .activity-row:hover,[data-theme=dark] .activity-row:hover,body.dark .activity-row:hover,body[data-theme=dark] .activity-row:hover,html.dark .activity-row:hover,html[data-theme=dark] .activity-row:hover{background-color:#4b5563!important}.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;color:var(--finance-text-secondary);font-family:Tajawal,sans-serif;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-account-cell{word-wrap:break-word;max-width:200px}.activity-amount{font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-description-cell{word-wrap:break-word;max-width:250px}.activity-date-cell,.activity-description-cell,.activity-time-cell{color:#6b7280;color:var(--finance-text-muted);font-family:Tajawal,sans-serif;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-date-cell,.activity-time-cell{white-space:nowrap}.activity-actions-cell{width:150px}.table-delete-btn,.table-edit-btn,.table-view-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.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;background-color:var(--finance-input-bg);border:1px solid #e5e7eb;border:1px solid var(--finance-border);border-radius:.5rem;direction:rtl;margin-bottom:1rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-activity-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 4px 6px -1px var(--finance-shadow),0 2px 4px -1px var(--finance-shadow-light)}.mobile-card-header{background-color:var(--finance-table-header);border-bottom:1px solid var(--finance-border)}.mobile-header-right{align-items:center;display:flex;gap:1rem}.mobile-activity-datetime-header{color:#6b7280;color:var(--finance-text-muted);font-family:Tajawal,sans-serif;font-size:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.mobile-activity-type{align-items:center;display:flex;gap:.5rem}.mobile-type-text{color:#374151;color:var(--finance-text-secondary);font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-activity-actions{align-items:center;border-top:1px solid var(--finance-border);padding:1rem 0 1rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.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-delete-btn,.mobile-edit-btn,.mobile-view-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.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;color:var(--finance-text-muted);font-weight:500;min-width:60px}.mobile-label,.mobile-value{font-family:Tajawal,sans-serif;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-value{color:#374151;color:var(--finance-text-secondary);flex:1 1;text-align:left}.mobile-amount-value{font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-overlay{background-color:var(--finance-overlay)}.modal-content{background-color:var(--finance-modal-bg);box-shadow:0 20px 25px -5px var(--finance-shadow),0 10px 10px -5px var(--finance-shadow-light)}.modal-header{border-bottom:1px solid var(--finance-border);padding:1.5rem 1.5rem 1rem}.modal-header h2{color:var(--finance-text)}.modal-close{border-radius:.25rem;color:var(--finance-text-muted)}.modal-close:hover{color:var(--finance-text-secondary)}.modal-footer{align-items:center;border-top:1px solid var(--finance-border);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{color:var(--finance-text-secondary);font-family:Tajawal,sans-serif}.form-input,.form-select,.form-textarea{background-color:var(--finance-input-bg);border:1px solid var(--finance-input-border);color:var(--finance-text-secondary);transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--finance-focus);box-shadow:0 0 0 3px var(--finance-focus-shadow)}.balance-preview{background-color:#f9fafb;background-color:var(--finance-balance-preview);border:1px solid #e5e7eb;border:1px solid var(--finance-border);border-radius:.5rem;margin-top:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.current-balance,.new-balance{align-items:center;display:flex;font-family:Tajawal,sans-serif;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.current-balance:last-child,.new-balance:last-child{margin-bottom:0}.balance-value{color:#374151;color:var(--finance-text-secondary);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.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;background-color:var(--finance-border-light);border:2px dashed #d1d5db;border:2px dashed var(--finance-input-border);border-radius:16px;color:#6b7280;color:var(--finance-text-muted);cursor:pointer;font-family:Tajawal,sans-serif;font-size:.875rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.add-account-btn:hover{background-color:#f1f2f9;background-color:var(--finance-card-hover);border-color:#6b7280;border-color:var(--finance-text-muted);color:#374151;color:var(--finance-text-secondary)}.transfer-preview{display:flex;flex-direction:column;gap:.75rem}.transfer-amount,.transfer-from,.transfer-to{align-items:center;background-color:#fff;background-color:var(--finance-input-bg);border:1px solid #e5e7eb;border:1px solid var(--finance-border);border-radius:.375rem;display:flex;font-family:Tajawal,sans-serif;font-size:.875rem;justify-content:space-between;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.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{background-color:#f7f8fc!important;background-color:var(--finance-card-bg)!important;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;line-height:1.3;min-width:0}.stat-value{word-wrap:break-word;font-size:1.5rem;line-height:1.1;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{background-color:#f7f8fc!important;background-color:var(--finance-card-bg)!important;padding:.75rem}.stat-header h3{font-size:.75rem;line-height:1.3}.stat-value{font-size:1.25rem;line-height:1.1}.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;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}}.customer-dropdown{background-color:#fff;background-color:var(--finance-modal-bg);border:1px solid #e5e7eb;border:1px solid var(--finance-border);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:0 4px 6px -1px var(--finance-shadow);left:0;margin-top:.25rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.customer-dropdown-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--finance-border-light);color:#374151;color:var(--finance-text-secondary);cursor:pointer;padding:.75rem 1rem;transition:background-color .2s ease}.customer-dropdown-item:last-child{border-bottom:none}.customer-dropdown-item:hover{background-color:#f1f2f9;background-color:var(--finance-card-hover)}.customer-dropdown-item-name{color:#1f2937;color:var(--finance-text);font-weight:500;margin-bottom:.25rem}.customer-dropdown-empty,.customer-dropdown-item-balance{color:#6b7280;color:var(--finance-text-muted);font-size:.875rem}.customer-dropdown-empty{padding:.75rem 1rem;text-align:center}.dark .customer-dropdown,[data-theme=dark] .customer-dropdown{background-color:#374151;border-color:#4b5563;box-shadow:0 4px 6px -1px #00000080}.dark .customer-dropdown-item,[data-theme=dark] .customer-dropdown-item{border-bottom-color:#4b5563;color:#e5e7eb}.dark .customer-dropdown-item:hover,[data-theme=dark] .customer-dropdown-item:hover{background-color:#4b5563}.dark .customer-dropdown-item-name,[data-theme=dark] .customer-dropdown-item-name{color:#f9fafb}.dark .customer-dropdown-item-balance,[data-theme=dark] .customer-dropdown-item-balance{color:#d1d5db}.dark .customer-dropdown-empty,[data-theme=dark] .customer-dropdown-empty{color:#9ca3af}.category-dropdown{background-color:#fff;background-color:var(--finance-modal-bg);border:1px solid #e5e7eb;border:1px solid var(--finance-border);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:0 4px 6px -1px var(--finance-shadow);left:0;margin-top:.25rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.category-dropdown-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--finance-border-light);color:#374151;color:var(--finance-text-secondary);cursor:pointer;padding:.75rem 1rem;transition:background-color .2s ease}.category-dropdown-item:last-child{border-bottom:none}.category-dropdown-item:hover{background-color:#f1f2f9;background-color:var(--finance-card-hover)}.category-dropdown-item-name{color:#1f2937;color:var(--finance-text);font-weight:500;margin-bottom:.25rem}.category-dropdown-item-type{color:#6b7280;color:var(--finance-text-muted);font-size:.75rem}.category-dropdown-item.custom-account{background-color:#f0f9ff}.category-dropdown-item.custom-account:hover{background-color:#e0f2fe}.category-dropdown-item.custom-account .category-dropdown-item-type{color:#0369a1}.dark .category-dropdown,[data-theme=dark] .category-dropdown{background-color:#374151;border-color:#4b5563;box-shadow:0 4px 6px -1px #00000080}.dark .category-dropdown-item,[data-theme=dark] .category-dropdown-item{border-bottom-color:#4b5563;color:#e5e7eb}.dark .category-dropdown-item:hover,[data-theme=dark] .category-dropdown-item:hover{background-color:#4b5563}.dark .category-dropdown-item-name,[data-theme=dark] .category-dropdown-item-name{color:#f9fafb}.dark .category-dropdown-item-type,[data-theme=dark] .category-dropdown-item-type{color:#9ca3af}.dark .category-dropdown-item.custom-account,[data-theme=dark] .category-dropdown-item.custom-account{background-color:#0ea5e91a}.dark .category-dropdown-item.custom-account:hover,[data-theme=dark] .category-dropdown-item.custom-account:hover{background-color:#0ea5e933}.dark .category-dropdown-item.custom-account .category-dropdown-item-type,[data-theme=dark] .category-dropdown-item.custom-account .category-dropdown-item-type{color:#38bdf8}.department-ordering{direction:rtl;font-family:inherit}.department-ordering .form-label{color:#111827;color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.department-ordering .form-label .help-text{color:#6b7280;color:var(--text-secondary);display:block;font-size:.75rem;font-weight:400;margin-top:.25rem}.empty-state{background-color:#f9fafb;background-color:var(--bg-secondary);border:2px dashed #d1d5db;border:2px dashed var(--border-dashed);border-radius:8px;color:var(--text-secondary);padding:20px;transition:all .2s ease}.workflow-steps{display:flex;flex-direction:column;gap:8px}.workflow-step{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);cursor:grab;display:flex;padding:12px;transition:all .2s ease}.workflow-step:hover{border-color:#9ca3af;border-color:var(--border-hover);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.workflow-step:active{cursor:grabbing}.workflow-step.disabled{cursor:default}.step-number{align-items:center;background-color:#3b82f6;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:28px;justify-content:center;margin-left:12px;width:28px}.drag-handle{color:#9ca3af;color:var(--text-muted);cursor:grab;flex-shrink:0;height:16px;margin-left:8px;transition:color .2s ease;width:16px}.drag-handle:hover{color:#6b7280;color:var(--text-secondary)}.workflow-step.disabled .drag-handle{cursor:default}.department-name{color:#111827;color:var(--text-primary);flex:1 1;font-weight:500;margin-left:12px}.action-buttons{display:flex;gap:4px}.action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.move-up{background-color:#e0f2fe;background-color:var(--bg-info)}.action-btn.move-up:hover:not(:disabled){background-color:#bae6fd;background-color:var(--bg-info-hover)}.action-btn.move-down{background-color:#e0f2fe;background-color:var(--bg-info)}.action-btn.move-down:hover:not(:disabled){background-color:#bae6fd;background-color:var(--bg-info-hover)}.action-btn.remove{background-color:#fee2e2;background-color:var(--bg-danger)}.action-btn.remove:hover{background-color:#fecaca;background-color:var(--bg-danger-hover)}.action-btn:disabled{background-color:#f3f4f6!important;background-color:var(--bg-disabled)!important}.action-btn svg{height:16px;width:16px}.action-btn.remove svg{color:#dc2626;color:var(--text-danger)}.available-departments{margin-top:20px}.available-departments h4{color:#111827;color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 10px}.available-departments-grid{display:flex;flex-wrap:wrap;gap:8px}.add-department-btn{background-color:#f9fafb;background-color:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;color:#111827;color:var(--text-primary);font-size:.875rem;gap:6px;padding:8px 12px;transition:all .2s ease}.add-department-btn:hover{background-color:#f3f4f6;background-color:var(--bg-secondary-hover);border-color:#9ca3af;border-color:var(--border-hover);transform:translateY(-1px)}.add-department-btn svg{color:#059669;color:var(--text-success);height:14px;width:14px}.workflow-preview{background-color:#f0f9ff;background-color:var(--bg-info-light);border:1px solid #bae6fd;border:1px solid var(--border-info);border-radius:8px;margin-top:20px;padding:15px}.workflow-preview h4{color:#0369a1;color:var(--text-info);font-size:.875rem;font-weight:600;margin:0 0 10px}.workflow-preview-steps{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.workflow-step-preview{background-color:#3b82f6;background-color:var(--primary-color);border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px;white-space:nowrap}.workflow-arrow{color:#9ca3af;color:var(--text-muted);font-size:1.2rem;font-weight:700}:root{--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-secondary-hover:#f3f4f6;--bg-disabled:#f3f4f6;--bg-info:#e0f2fe;--bg-info-hover:#bae6fd;--bg-info-light:#f0f9ff;--bg-danger:#fee2e2;--bg-danger-hover:#fecaca;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-info:#0369a1;--text-success:#059669;--text-danger:#dc2626;--border-light:#e5e7eb;--border-hover:#9ca3af;--border-dashed:#d1d5db;--border-info:#bae6fd;--primary-color:#3b82f6;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a}[data-theme=dark]{--bg-primary:#1f2937;--bg-secondary:#111827;--bg-secondary-hover:#374151;--bg-disabled:#374151;--bg-info:#1e40af;--bg-info-hover:#1d4ed8;--bg-info-light:#1e3a8a;--bg-danger:#7f1d1d;--bg-danger-hover:#991b1b;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--text-info:#60a5fa;--text-success:#34d399;--text-danger:#f87171;--border-light:#374151;--border-hover:#6b7280;--border-dashed:#4b5563;--border-info:#1e40af;--primary-color:#3b82f6;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0000004d}.dark .department-ordering{--bg-primary:#1f2937;--bg-secondary:#111827;--bg-secondary-hover:#374151;--bg-disabled:#374151;--bg-info:#1e40af;--bg-info-hover:#1d4ed8;--bg-info-light:#1e3a8a;--bg-danger:#7f1d1d;--bg-danger-hover:#991b1b;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--text-info:#60a5fa;--text-success:#34d399;--text-danger:#f87171;--border-light:#374151;--border-hover:#6b7280;--border-dashed:#4b5563;--border-info:#1e40af;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0000004d}@media (max-width:768px){.workflow-step{flex-wrap:wrap;padding:10px}.action-buttons{justify-content:flex-end;margin-top:8px;width:100%}.department-name{margin-left:8px}.available-departments-grid{flex-direction:column}.add-department-btn{justify-content:center}.workflow-preview-steps{align-items:flex-start;flex-direction:column;gap:4px}.workflow-arrow{margin:4px 0;transform:rotate(90deg)}}@media print{.action-buttons,.available-departments{display:none}.workflow-step{break-inside:avoid;page-break-inside:avoid}}:root{--services-bg:#fff;--services-content-bg:#f7f8fc;--services-text:#1f2937;--services-text-secondary:#374151;--services-text-muted:#6b7280;--services-border:#e5e7eb;--services-border-light:#f3f4f6;--services-card-bg:#fff;--services-card-hover:#f9fafb;--services-table-header:#ecf1fa;--services-table-even:#eef2f67d;--services-modal-bg:#fff;--services-input-bg:#fff;--services-input-border:#d1d5db;--services-shadow:#0000001a;--services-shadow-light:#0000000f;--services-overlay:#00000080;--services-accent:#ef4444;--services-focus:#fcd34d;--services-focus-shadow:#fcd34d1a;--services-bulk-bg:#f3f4f6;--services-dimensions-bg:#f9fafb}[data-theme=dark]{--services-bg:#111827;--services-content-bg:#1f2937;--services-text:#f9fafb;--services-text-secondary:#e5e7eb;--services-text-muted:#d1d5db;--services-border:#374151;--services-border-light:#4b5563;--services-card-bg:#374151;--services-card-hover:#4b5563;--services-table-header:#4b5563;--services-table-even:#4b55634d;--services-modal-bg:#1f2937;--services-input-bg:#374151;--services-input-border:#4b5563;--services-shadow:#0000004d;--services-shadow-light:#0003;--services-overlay:#000000b3;--services-accent:#f87171;--services-focus:#fde047;--services-focus-shadow:#fde0471a;--services-bulk-bg:#1f2937;--services-dimensions-bg:#1f2937}.services-container{margin:0 auto;max-width:1300px;min-height:100vh;padding:1.5rem;text-align:right}.services-container,.services-container h1{color:#1f2937;color:var(--services-text);transition:all .3s cubic-bezier(.4,0,.2,1)}.services-container h1{border-bottom:2px solid #ef4444;border-bottom:2px solid var(--services-accent);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:#f7f8fc;background-color:var(--services-content-bg);border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:0 1px 3px 0 var(--services-shadow),0 1px 2px 0 var(--services-shadow-light);margin-bottom:2rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.list-header{border-bottom:1px solid var(--services-border)}.search-icon{color:var(--services-text-muted)}.search-input{background-color:var(--services-input-bg);border:1px solid var(--services-input-border);color:var(--services-text-secondary)}.search-input:focus{border-color:#fcd34d;border-color:var(--services-focus);box-shadow:0 0 0 3px #fcd34d1a;box-shadow:0 0 0 3px var(--services-focus-shadow)}.header-buttons{gap:.75rem}.bulk-actions,.header-buttons{align-items:center;display:flex}.bulk-actions{background-color:#f3f4f6;background-color:var(--services-bulk-bg);border:1px solid #e5e7eb;border:1px solid var(--services-border);border-radius:.5rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.bulk-actions,.selected-count{transition:all .3s cubic-bezier(.4,0,.2,1)}.selected-count{color:#374151;color:var(--services-text-secondary);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:1px solid var(--services-border);border-radius:.5rem;overflow-x:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .services-table-container,body[data-theme=dark] .services-table-container,html[data-theme=dark] .services-table-container{background-color:#374151!important;border-color:#4b5563!important}.services-table{background-color:initial;border-collapse:collapse;direction:rtl;width:100%}[data-theme=dark] .services-table,body[data-theme=dark] .services-table,html[data-theme=dark] .services-table{background-color:#374151!important}.services-table thead{background-color:#ecf1fa}[data-theme=dark] .services-table thead,body[data-theme=dark] .services-table thead,html[data-theme=dark] .services-table thead{background-color:#4b5563!important}.services-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:1rem 1.5rem;text-align:right;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .services-table th,body[data-theme=dark] .services-table th,html[data-theme=dark] .services-table th{border-bottom-color:#4b5563!important;color:#f9fafb!important}.services-table td{border-bottom:1px solid #f3f4f6;padding:1rem 1.5rem;text-align:right;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .services-table td,body[data-theme=dark] .services-table td,html[data-theme=dark] .services-table td{border-bottom-color:#4b5563!important;color:#f9fafb!important}.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{background-color:initial}.service-row:hover{background-color:#f9fafb}.service-row:nth-child(2n){background-color:#eef2f67d}[data-theme=dark] .service-row,body[data-theme=dark] .service-row,html[data-theme=dark] .service-row{background-color:initial!important}[data-theme=dark] .service-row:hover,body[data-theme=dark] .service-row:hover,html[data-theme=dark] .service-row:hover{background-color:#4b5563!important}[data-theme=dark] .service-row:nth-child(2n),body[data-theme=dark] .service-row:nth-child(2n),html[data-theme=dark] .service-row:nth-child(2n){background-color:#4b55634d!important}.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:var(--services-text);font-size:.875rem}.service-description,.service-name{transition:all .3s cubic-bezier(.4,0,.2,1)}.service-description{color:#6b7280;color:var(--services-text-muted);font-size:.8125rem;line-height:1.4}.service-type-cell{min-width:120px}.service-type-badge{align-items:center;background-color:#f3f4f6;background-color:var(--services-bulk-bg);border-radius:.375rem;color:#374151;color:var(--services-text-secondary);display:flex;font-size:.8125rem;font-weight:500;padding:.375rem .75rem;width:-webkit-fit-content;width:fit-content}.service-type-badge,.service-type-icon{transition:all .3s cubic-bezier(.4,0,.2,1)}.service-type-icon{color:#6b7280;color:var(--services-text-muted);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}.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 .3s cubic-bezier(.4,0,.2,1)}.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;background-color:var(--services-card-bg);border:1px solid #e5e7eb;border:1px solid var(--services-border);border-radius:.75rem;margin-bottom:.75rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-service-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 4px 6px -1px var(--services-shadow),0 2px 4px -1px var(--services-shadow-light)}.mobile-card-header{background-color:var(--services-table-header);border-bottom:1px solid var(--services-border-light);margin-bottom:0;transition:all .3s cubic-bezier(.4,0,.2,1);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;color:var(--services-text);font-size:1rem;font-weight:600;margin:0 0 .25rem}.mobile-service-description,.mobile-service-name{padding-right:0;text-align:right;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-service-description{color:#6b7280;color:var(--services-text-muted);font-size:.875rem;line-height:1.4;margin:0}.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;border-bottom:1px solid var(--services-border-light);padding:.5rem 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-info-item:last-child{border-bottom:none}.mobile-info-label{color:var(--services-text-muted)}.mobile-info-label,.mobile-service-type{transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-service-type{align-items:center;background-color:#f3f4f6;background-color:var(--services-bulk-bg);border-radius:.375rem;color:#374151;color:var(--services-text-secondary);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-overlay{background-color:var(--services-overlay)}.modal-content,.modal-overlay{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-content{background-color:var(--services-modal-bg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000f;box-shadow:0 20px 25px -5px var(--services-shadow),0 10px 10px -5px var(--services-shadow-light);direction:rtl}.small-modal{max-width:400px}.modal-header{border-bottom:1px solid var(--services-border)}.modal-header,.modal-header h2{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-header h2{color:var(--services-text)}.modal-close{color:var(--services-text-muted);transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-close:hover{background-color:var(--services-bulk-bg);color:var(--services-text-secondary)}.modal-footer{border-top:1px solid var(--services-border);transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group:last-child{margin-bottom:0}.form-label{color:var(--services-text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input,.form-select,.form-textarea{background-color:#fff;background-color:var(--services-input-bg);border:1px solid var(--services-input-border);color:#374151;color:var(--services-text-secondary);direction:rtl;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#fcd34d;border-color:var(--services-focus);box-shadow:0 0 0 3px #fcd34d1a;box-shadow:0 0 0 3px var(--services-focus-shadow)}.dimensions-container{grid-gap:1rem;background-color:#f9fafb;background-color:var(--services-dimensions-bg);border:1px solid #e5e7eb;border:1px solid var(--services-border);border-radius:.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.change-category-message{color:#6b7280;color:var(--services-text-muted);font-size:.875rem;margin-bottom:1rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}@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}}:root{--template-field-bg:#f8fafc;--template-field-border:#e2e8f0;--template-field-border-hover:#06b6d4;--template-field-text:#1f2937;--template-field-text-secondary:#374151;--template-field-text-light:#6b7280;--template-field-label-bg:#06b6d4;--template-field-label-text:#fff;--template-field-delete-bg:#ef4444;--template-field-delete-hover:#dc2626;--template-field-input-bg:#fff;--template-field-input-border:#d1d5db;--template-field-accent:#06b6d4;--template-field-focus-shadow:#06b6d41a}[data-theme=dark],body[data-theme=dark],html[data-theme=dark]{--template-field-bg:#374151;--template-field-border:#4b5563;--template-field-border-hover:#0891b2;--template-field-text:#f9fafb;--template-field-text-secondary:#e5e7eb;--template-field-text-light:#9ca3af;--template-field-label-bg:#0891b2;--template-field-label-text:#fff;--template-field-delete-bg:#dc2626;--template-field-delete-hover:#b91c1c;--template-field-input-bg:#4b5563;--template-field-input-border:#6b7280;--template-field-accent:#0891b2;--template-field-focus-shadow:#0891b233}[data-theme=dark] .template-field,body[data-theme=dark] .template-field,html[data-theme=dark] .template-field{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}[data-theme=dark] .template-field .form-input,body[data-theme=dark] .template-field .form-input,html[data-theme=dark] .template-field .form-input{background-color:#4b5563!important;border-color:#6b7280!important;color:#e5e7eb!important}[data-theme=dark] .template-field .form-label,body[data-theme=dark] .template-field .form-label,html[data-theme=dark] .template-field .form-label{color:#f9fafb!important}[data-theme=dark] .template-field .options-list,body[data-theme=dark] .template-field .options-list,html[data-theme=dark] .template-field .options-list{background:#4b5563!important;border-color:#6b7280!important}.template-field{background:#f8fafc;background:var(--template-field-bg);border:1px solid #e2e8f0;border:1px solid var(--template-field-border);border-radius:8px;margin-bottom:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.template-field:hover{border-color:#06b6d4;border-color:var(--template-field-border-hover)}.field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.field-type-label{background:#06b6d4;background:var(--template-field-label-bg);border-radius:1rem;color:#fff;color:var(--template-field-label-text);font-size:.875rem;font-weight:500;padding:.25rem .75rem}.delete-field-btn,.field-type-label{transition:background-color .3s cubic-bezier(.4,0,.2,1)}.delete-field-btn{align-items:center;background:#ef4444;background:var(--template-field-delete-bg);border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.delete-field-btn:hover{background:#dc2626;background:var(--template-field-delete-hover)}.field-config{margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-label{color:var(--template-field-text)}.form-input{background-color:var(--template-field-input-bg);border:1px solid var(--template-field-input-border);color:var(--template-field-text-secondary);width:100%}.form-input:focus{border-color:var(--template-field-accent);box-shadow:0 0 0 3px var(--template-field-focus-shadow)}.form-input::placeholder{color:#6b7280;color:var(--template-field-text-light);transition:color .3s cubic-bezier(.4,0,.2,1)}textarea.form-input{min-height:80px}.options-list{background:#fff;background:var(--template-field-input-bg);border:1px solid #e2e8f0;border:1px solid var(--template-field-border);border-radius:.375rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.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;background:var(--template-field-delete-bg);border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.375rem;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.remove-option-btn:hover{background:#dc2626;background:var(--template-field-delete-hover)}.add-option-btn{background:#10b981;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.add-option-btn:hover{background:#059669}.field-preview{border-top:1px solid #e2e8f0;border-top:1px solid var(--template-field-border);padding-top:1rem;transition:border-color .3s cubic-bezier(.4,0,.2,1)}.preview-label{color:var(--template-field-text);display:block;margin-bottom:.5rem}.radio-preview{display:flex;flex-direction:column;gap:.5rem}.radio-option{cursor:not-allowed}.radio-option span{color:#6b7280;color:var(--template-field-text-light)}.checkbox-preview{display:flex;flex-direction:column;gap:.5rem}.checkbox-option{cursor:not-allowed}.checkbox-option span{color:#6b7280;color:var(--template-field-text-light)}@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}}:root{--templates-text-primary:#1f2937;--templates-text-secondary:#374151;--templates-text-light:#9ca3af;--templates-border:#e5e7eb;--templates-card-bg:#fafafa;--templates-modal-bg:#fff;--templates-modal-overlay:#00000080;--templates-section-bg:#ecf1fa;--templates-input-bg:#fff;--templates-input-border:#d1d5db;--templates-btn-bg:#fff;--templates-btn-hover:#f0f9ff;--templates-list-bg:#fff;--templates-shadow:#0000001a;--templates-shadow-light:#0000000f;--templates-shadow-medium:#0000001a;--templates-accent:#06b6d4;--templates-hover:#06b6d4;--templates-focus:#06b6d4;--templates-focus-shadow:#06b6d41a;--templates-success:#22c55e;--templates-success-bg:#dcfce7}[data-theme=dark],body[data-theme=dark],html[data-theme=dark]{--templates-text-primary:#f9fafb;--templates-text-secondary:#e5e7eb;--templates-text-light:#9ca3af;--templates-border:#374151;--templates-card-bg:#374151;--templates-modal-bg:#1f2937;--templates-modal-overlay:#000000b3;--templates-section-bg:#1f2937;--templates-input-bg:#374151;--templates-input-border:#4b5563;--templates-btn-bg:#374151;--templates-btn-hover:#4b5563;--templates-list-bg:#374151;--templates-shadow:#0000004d;--templates-shadow-light:#0003;--templates-shadow-medium:#0000004d;--templates-accent:#06b6d4;--templates-hover:#0891b2;--templates-focus:#0891b2;--templates-focus-shadow:#0891b233;--templates-success:#10b981;--templates-success-bg:#065f46}[data-theme=dark] .modal-content,body[data-theme=dark] .modal-content,html[data-theme=dark] .modal-content{background:#1f2937!important;color:#f9fafb!important}[data-theme=dark] .modal-overlay,body[data-theme=dark] .modal-overlay,html[data-theme=dark] .modal-overlay{background-color:#000000b3!important}[data-theme=dark] .templates-content,body[data-theme=dark] .templates-content,html[data-theme=dark] .templates-content{background-color:#1f2937!important;color:#f9fafb!important}[data-theme=dark] .template-card,body[data-theme=dark] .template-card,html[data-theme=dark] .template-card{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}[data-theme=dark] .form-input,body[data-theme=dark] .form-input,html[data-theme=dark] .form-input{background-color:#374151!important;border-color:#4b5563!important;color:#e5e7eb!important}[data-theme=dark] select.form-input,body[data-theme=dark] select.form-input,html[data-theme=dark] select.form-input{background-color:#374151!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")!important;color:#e5e7eb!important}[data-theme=dark] .templates-container *,body[data-theme=dark] .templates-container *,html[data-theme=dark] .templates-container *{color:inherit!important}[data-theme=dark] .fields-header h3,[data-theme=dark] .form-label,[data-theme=dark] .modal-header h2,[data-theme=dark] .preview-label,body[data-theme=dark] .fields-header h3,body[data-theme=dark] .form-label,body[data-theme=dark] .modal-header h2,body[data-theme=dark] .preview-label,html[data-theme=dark] .fields-header h3,html[data-theme=dark] .form-label,html[data-theme=dark] .modal-header h2,html[data-theme=dark] .preview-label{color:#f9fafb!important}[data-theme=dark] .checkbox-option span,[data-theme=dark] .radio-option span,body[data-theme=dark] .checkbox-option span,body[data-theme=dark] .radio-option span,html[data-theme=dark] .checkbox-option span,html[data-theme=dark] .radio-option span{color:#e5e7eb!important}[data-theme=dark] .fields-section,body[data-theme=dark] .fields-section,html[data-theme=dark] .fields-section{border-color:#4b5563!important}[data-theme=dark] .fields-header,body[data-theme=dark] .fields-header,html[data-theme=dark] .fields-header{background:#1f2937!important;border-color:#4b5563!important}[data-theme=dark] .fields-list,body[data-theme=dark] .fields-list,html[data-theme=dark] .fields-list{background:#374151!important}[data-theme=dark] .field-type-btn,body[data-theme=dark] .field-type-btn,html[data-theme=dark] .field-type-btn{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}[data-theme=dark] .field-type-btn:hover,body[data-theme=dark] .field-type-btn:hover,html[data-theme=dark] .field-type-btn:hover{background:#4b5563!important;color:#06b6d4!important}.templates-container{margin:0 auto;max-width:1300px;min-height:100vh;padding:1.5rem}.templates-container,.templates-container h1{color:#1f2937;color:var(--templates-text-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.templates-container h1{border-bottom:2px solid #06b6d4;border-bottom:2px solid var(--templates-accent);font-size:2rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}@media (max-width:768px){.templates-container h1{display:none}}.error-message{background-color:#fef2f2;border:1px solid #fca5a5;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .error-message,body[data-theme=dark] .error-message,html[data-theme=dark] .error-message{background-color:#450a0a;border-color:#7f1d1d;color:#fca5a5}.loading-state{color:#374151;color:var(--templates-text-secondary);padding:2rem;text-align:center;transition:color .3s cubic-bezier(.4,0,.2,1)}.templates-content{background-color:var(--templates-content-bg);border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:0 1px 3px 0 var(--templates-shadow),0 1px 2px 0 var(--templates-shadow-light);padding:2rem}.list-header,.templates-content{transition:all .3s cubic-bezier(.4,0,.2,1)}.list-header{border-bottom:1px solid var(--templates-border)}.search-box{min-width:250px}.search-icon{color:#9ca3af;color:var(--templates-text-light)}.search-input{background-color:var(--templates-input-bg);border:1px solid var(--templates-input-border);color:#374151;color:var(--templates-text-secondary);transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.search-input:focus{border-color:#06b6d4;border-color:var(--templates-focus);box-shadow:0 0 0 3px #06b6d41a;box-shadow:0 0 0 3px var(--templates-focus-shadow)}.templates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{background:#fafafa;background:var(--templates-card-bg);border:1px solid #e5e7eb;border:1px solid var(--templates-border);border-radius:.75rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.template-card:hover{border-color:#06b6d4;border-color:var(--templates-hover);box-shadow:0 4px 6px -1px #0000001a;box-shadow:0 4px 6px -1px var(--templates-shadow-medium)}.template-card-header{margin-bottom:1rem}.template-info h3.template-name{color:#1f2937;color:var(--templates-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem;transition:color .3s cubic-bezier(.4,0,.2,1)}.template-description{color:#374151;color:var(--templates-text-secondary);font-size:.875rem;line-height:1.4;transition:color .3s cubic-bezier(.4,0,.2,1)}.template-card-body{margin-bottom:1rem}.template-stats{display:flex;flex-direction:column;gap:.5rem}.template-stats-horizontal{flex-direction:row;justify-content:space-between}.stat-item{align-items:center;color:#9ca3af;color:var(--templates-text-light);display:flex;font-size:.875rem;gap:.5rem}.stat-icon,.stat-item{transition:color .3s cubic-bezier(.4,0,.2,1)}.stat-icon{color:#06b6d4;color:var(--templates-accent);height:1rem;width:1rem}.template-date{color:#9ca3af;color:var(--templates-text-light);font-size:.75rem;transition:color .3s cubic-bezier(.4,0,.2,1)}.template-card-actions{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--templates-border);display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem;transition:border-color .3s cubic-bezier(.4,0,.2,1)}.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{color:#374151;color:var(--templates-text-secondary);grid-column:1/-1;padding:3rem 1rem}.empty-icon,.empty-state{transition:color .3s cubic-bezier(.4,0,.2,1)}.empty-icon{color:#9ca3af;color:var(--templates-text-light);margin:0 auto 1rem}.empty-state h3{color:#1f2937;color:var(--templates-text-primary);font-weight:500;transition:color .3s cubic-bezier(.4,0,.2,1)}.modal-overlay{background-color:var(--templates-modal-overlay)}.modal-content,.modal-overlay{transition:background-color .3s cubic-bezier(.4,0,.2,1)}.modal-content{background:#fff;background:var(--templates-modal-bg);box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column}.large-modal{max-width:900px}.modal-header{border-bottom:1px solid var(--templates-border);padding:1.5rem;transition:border-color .3s cubic-bezier(.4,0,.2,1)}.modal-header h2{color:var(--templates-text-primary)}.modal-close,.modal-header h2{transition:color .3s cubic-bezier(.4,0,.2,1)}.modal-close{color:#374151;color:var(--templates-text-secondary);line-height:1;padding:.5rem}.modal-close:hover{color:#1f2937;color:var(--templates-text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{background:#ecf1fa;border-radius:0 0 .75rem .75rem;border-top:1px solid var(--templates-border);gap:.75rem;justify-content:flex-end;padding:1.5rem;transition:border-color .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .modal-footer,body[data-theme=dark] .modal-footer,html[data-theme=dark] .modal-footer{background:var(--templates-dark-bg)!important;border-top-color:var(--templates-dark-border)!important;color:var(--templates-dark-text)!important}.template-form{display:flex;flex-direction:column;margin:0}.form-label{color:#1f2937;color:var(--templates-text-primary);text-align:right;transition:color .3s cubic-bezier(.4,0,.2,1)}.form-input{background-color:#fff;background-color:var(--templates-input-bg);border:1px solid #d1d5db;border:1px solid var(--templates-input-border);border-radius:.375rem;color:#374151;color:var(--templates-text-secondary);direction:rtl;font-size:1rem;padding:.75rem;text-align:right;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:focus{border-color:#06b6d4;border-color:var(--templates-focus);box-shadow:0 0 0 3px #06b6d41a;box-shadow:0 0 0 3px var(--templates-focus-shadow);outline:none}.form-input::placeholder{color:#9ca3af;color:var(--templates-text-light)}textarea.form-input{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}select.form-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:left .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-left:2.5rem}[data-theme=dark] select.form-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}select.form-input option{background-color:#fff;background-color:var(--templates-input-bg);color:#374151;color:var(--templates-text-secondary)}.fields-section{border:1px solid #e5e7eb;border:1px solid var(--templates-border);border-radius:.5rem;overflow:hidden;transition:border-color .3s cubic-bezier(.4,0,.2,1)}.fields-header{align-items:center;background:#ecf1fa;background:var(--templates-section-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--templates-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.fields-header h3{color:#1f2937;color:var(--templates-text-primary);font-size:1rem;font-weight:600;margin:0;transition:color .3s cubic-bezier(.4,0,.2,1)}.field-type-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.field-type-btn{align-items:center;background:#fff;background:var(--templates-btn-bg);border:1px solid #e5e7eb;border:1px solid var(--templates-border);border-radius:.375rem;color:#1f2937;color:var(--templates-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.field-type-btn:hover{background:#f0f9ff;background:var(--templates-btn-hover);border-color:#06b6d4;border-color:var(--templates-hover);color:#06b6d4;color:var(--templates-accent)}.field-type-icon{font-size:1rem;font-weight:700}.fields-list{background:#fff;background:var(--templates-list-bg);max-height:370px;overflow-y:auto;padding:1rem;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.no-fields{color:#374151;color:var(--templates-text-secondary);padding:2rem;text-align:center;transition:color .3s cubic-bezier(.4,0,.2,1)}.no-fields p{margin:.5rem 0}.template-preview{max-height:500px;overflow-y:auto}.preview-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--templates-border);margin-bottom:2rem;padding-bottom:1rem;transition:border-color .3s cubic-bezier(.4,0,.2,1)}.preview-header h3{color:#1f2937;color:var(--templates-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.preview-header h3,.preview-header p{transition:color .3s cubic-bezier(.4,0,.2,1)}.preview-header p{color:#374151;color:var(--templates-text-secondary);margin:0}.preview-form{gap:1.5rem}.preview-field,.preview-form{display:flex;flex-direction:column}.preview-field{gap:.5rem}.preview-label{color:#1f2937;color:var(--templates-text-primary);font-weight:500;text-align:right;transition:color .3s cubic-bezier(.4,0,.2,1)}.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}.radio-option span{color:#374151;color:var(--templates-text-secondary);transition:color .3s cubic-bezier(.4,0,.2,1)}.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}.checkbox-option span{color:#374151;color:var(--templates-text-secondary);transition:color .3s cubic-bezier(.4,0,.2,1)}@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;background-color:var(--templates-success-bg);border-radius:50%;display:flex;height:5rem;justify-content:center;margin:0 auto 1rem;transition:background-color .3s cubic-bezier(.4,0,.2,1);width:5rem}.success-icon-container svg{color:#22c55e;color:var(--templates-success);height:3rem;width:3rem}.success-icon-container svg,.success-title{transition:color .3s cubic-bezier(.4,0,.2,1)}.success-title{color:#1f2937;color:var(--templates-text-primary);font-size:1.25rem;font-weight:600;margin-top:1rem}.success-message{color:#374151;color:var(--templates-text-secondary);margin-bottom:2rem;margin-top:.5rem;transition:color .3s cubic-bezier(.4,0,.2,1)}.success-modal-footer{border-top:none!important;justify-content:center}[data-theme=dark] .success-modal-footer,body[data-theme=dark] .success-modal-footer,html[data-theme=dark] .success-modal-footer{background:var(--templates-dark-bg)!important;color:var(--templates-dark-text)!important}:root{--history-light-text:#1f2937;--history-light-content-bg:#f7f8fc;--history-light-header-bg:#ecf1fa;--history-light-border:#e5e7eb;--history-light-input-bg:#fff;--history-light-input-border:#d1d5db;--history-light-card-bg:#fff;--history-light-hover:#f9fafb;--history-light-secondary:#6b7280;--history-light-label:#374151}.dark,[data-theme=dark],body.dark,body[data-theme=dark],html.dark,html[data-theme=dark]{--history-dark-text:#f9fafb;--history-dark-content-bg:#374151;--history-dark-header-bg:#4b5563;--history-dark-border:#4b5563;--history-dark-input-bg:#4b5563;--history-dark-input-border:#6b7280;--history-dark-card-bg:#374151;--history-dark-hover:#4b5563;--history-dark-secondary:#9ca3af;--history-dark-label:#d1d5db}.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}.dark .customer-history-container,[data-theme=dark] .customer-history-container,body.dark .customer-history-container,body[data-theme=dark] .customer-history-container,html.dark .customer-history-container,html[data-theme=dark] .customer-history-container{background:var(--history-dark-bg)!important;color:var(--history-dark-text)!important}.dark .customer-history-header,[data-theme=dark] .customer-history-header,body.dark .customer-history-header,body[data-theme=dark] .customer-history-header,html.dark .customer-history-header,html[data-theme=dark] .customer-history-header{color:var(--history-dark-text)!important}.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}.dark .page-title h1,[data-theme=dark] .page-title h1,body.dark .page-title h1,body[data-theme=dark] .page-title h1,html.dark .page-title h1,html[data-theme=dark] .page-title h1{color:var(--history-dark-text)!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:#f7f8fc;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2rem}.dark .customer-history-content,[data-theme=dark] .customer-history-content,body.dark .customer-history-content,body[data-theme=dark] .customer-history-content,html.dark .customer-history-content,html[data-theme=dark] .customer-history-content{background-color:var(--history-dark-content-bg)!important;box-shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003!important;color:var(--history-dark-text)!important}.dark .list-header,[data-theme=dark] .list-header,body.dark .list-header,body[data-theme=dark] .list-header,html.dark .list-header,html[data-theme=dark] .list-header{border-bottom-color:var(--history-dark-border)!important}.search-box{max-width:400px}.search-icon{pointer-events:none}[data-theme=dark] .search-icon,body[data-theme=dark] .search-icon,html[data-theme=dark] .search-icon{color:var(--history-dark-secondary)!important}.search-input{direction:rtl;transition:all .2s ease-in-out}[data-theme=dark] .search-input,body[data-theme=dark] .search-input,html[data-theme=dark] .search-input{background-color:var(--history-dark-input-bg)!important;border-color:var(--history-dark-input-border)!important;color:var(--history-dark-text)!important}[data-theme=dark] .search-input::placeholder,body[data-theme=dark] .search-input::placeholder,html[data-theme=dark] .search-input::placeholder{color:var(--history-dark-secondary)!important}[data-theme=dark] .search-input.searching,body[data-theme=dark] .search-input.searching,html[data-theme=dark] .search-input.searching{background-color:#eab3081a!important}.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}[data-theme=dark] .balance-summary h4,body[data-theme=dark] .balance-summary h4,html[data-theme=dark] .balance-summary h4{color:var(--history-dark-secondary)!important}.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}[data-theme=dark] .history-date-range .date-range-picker-button,body[data-theme=dark] .history-date-range .date-range-picker-button,html[data-theme=dark] .history-date-range .date-range-picker-button{background-color:var(--history-dark-input-bg)!important;border-color:var(--history-dark-input-border)!important;color:var(--history-dark-text)!important}[data-theme=dark] .history-date-range .date-range-picker-icon,body[data-theme=dark] .history-date-range .date-range-picker-icon,html[data-theme=dark] .history-date-range .date-range-picker-icon{color:var(--history-dark-secondary)!important}.history-table-container{margin-top:1rem}.history-table-wrapper{border:1px solid #e5e7eb;border-radius:.75rem;overflow-x:auto}.dark .history-table-wrapper,[data-theme=dark] .history-table-wrapper,body.dark .history-table-wrapper,body[data-theme=dark] .history-table-wrapper,html.dark .history-table-wrapper,html[data-theme=dark] .history-table-wrapper{background-color:#374151!important;border-color:var(--history-dark-border)!important}.history-table{background-color:#fff;border-collapse:collapse;width:100%}.dark .history-table,[data-theme=dark] .history-table,body.dark .history-table,body[data-theme=dark] .history-table,html.dark .history-table,html[data-theme=dark] .history-table{background-color:#374151!important}.history-table th{background-color:#ecf1fa;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:1rem;text-align:right}.dark .history-table th,[data-theme=dark] .history-table th,body.dark .history-table th,body[data-theme=dark] .history-table th,html.dark .history-table th,html[data-theme=dark] .history-table th{background-color:#4b5563!important;border-bottom-color:#4b5563!important;color:#f9fafb!important}.history-table td{border-bottom:1px solid #f3f4f6;font-size:.875rem;padding:1rem;vertical-align:middle}.dark .history-table td,[data-theme=dark] .history-table td,body.dark .history-table td,body[data-theme=dark] .history-table td,html.dark .history-table td,html[data-theme=dark] .history-table td{border-bottom-color:#4b5563!important;color:#f9fafb!important}.history-table tr:hover{background-color:#f9fafb}.dark .history-table tr:hover,[data-theme=dark] .history-table tr:hover,body.dark .history-table tr:hover,body[data-theme=dark] .history-table tr:hover,html.dark .history-table tr:hover,html[data-theme=dark] .history-table tr:hover{background-color:#4b5563!important}.history-table tr{background-color:initial}.dark .history-table tr,[data-theme=dark] .history-table tr,body.dark .history-table tr,body[data-theme=dark] .history-table tr,html.dark .history-table tr,html[data-theme=dark] .history-table tr{background-color:initial!important}.history-table tr:nth-child(2n){background-color:#eef2f67d}.dark .history-table tr:nth-child(2n),[data-theme=dark] .history-table tr:nth-child(2n),body.dark .history-table tr:nth-child(2n),body[data-theme=dark] .history-table tr:nth-child(2n),html.dark .history-table tr:nth-child(2n),html[data-theme=dark] .history-table tr:nth-child(2n){background-color:#4b55634d!important}.history-row-project{border-right:4px solid #3b82f6}.history-row-receipt{border-right:4px solid #10b981}.history-row-payment{border-right:4px solid #f97316}.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}[data-theme=dark] .receipt-number,body[data-theme=dark] .receipt-number,html[data-theme=dark] .receipt-number{color:var(--history-dark-secondary)!important}.project-name-cell{color:#1f2937;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .project-name-cell,body[data-theme=dark] .project-name-cell,html[data-theme=dark] .project-name-cell{color:var(--history-dark-text)!important}.receipt-cell{background-color:#f3f4f6;border-radius:.25rem;font-family:Courier New,monospace;font-size:.8rem;padding:.25rem .5rem;text-align:center}[data-theme=dark] .receipt-cell,body[data-theme=dark] .receipt-cell,html[data-theme=dark] .receipt-cell{background-color:var(--history-dark-header-bg)!important;color:var(--history-dark-text)!important}.amount-cell,.due-cell,.paid-cell{font-family:Courier New,monospace;font-weight:600;text-align:center}.amount-cell{color:#1f2937}[data-theme=dark] .amount-cell,body[data-theme=dark] .amount-cell,html[data-theme=dark] .amount-cell{color:var(--history-dark-text)!important}.paid-cell{color:#059669}.due-cell{color:#dc2626}.date-cell{font-size:.8rem;text-align:center}[data-theme=dark] .date-cell,body[data-theme=dark] .date-cell,html[data-theme=dark] .date-cell{color:var(--history-dark-secondary)!important}.actions-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}[data-theme=dark] .error-state,[data-theme=dark] .loading-state,body[data-theme=dark] .error-state,body[data-theme=dark] .loading-state,html[data-theme=dark] .error-state,html[data-theme=dark] .loading-state{color:var(--history-dark-text)!important}.loading-spinner{border:3px solid #f3f4f6;border-top-color:#eab308;height:3rem;margin-bottom:1rem;width:3rem}[data-theme=dark] .loading-spinner,body[data-theme=dark] .loading-spinner,html[data-theme=dark] .loading-spinner{border-color:var(--history-dark-border)!important;border-top-color:#eab308!important}.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}[data-theme=dark] .empty-state,body[data-theme=dark] .empty-state,html[data-theme=dark] .empty-state{color:var(--history-dark-secondary)!important}.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}[data-theme=dark] .empty-state h3,body[data-theme=dark] .empty-state h3,html[data-theme=dark] .empty-state h3{color:var(--history-dark-text)!important}.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}[data-theme=dark] .history-mobile-card,body[data-theme=dark] .history-mobile-card,html[data-theme=dark] .history-mobile-card{background-color:var(--history-dark-card-bg)!important;border-color:var(--history-dark-border)!important;box-shadow:0 1px 3px 0 #0000004d!important}.history-mobile-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .history-mobile-card:hover,body[data-theme=dark] .history-mobile-card:hover,html[data-theme=dark] .history-mobile-card:hover{box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d!important}.history-mobile-card.project{border-right:4px solid #3b82f6}.history-mobile-card.receipt{border-right:4px solid #10b981}.history-mobile-card.PAYMENT,.history-mobile-card.payment{border-right:4px solid #f97316}.mobile-card-header{align-items:flex-start;background-color:#ecf1fa;border-bottom:1px solid #f3f4f6;display:flex;gap:1rem;justify-content:space-between;padding:1rem}[data-theme=dark] .mobile-card-header,body[data-theme=dark] .mobile-card-header,html[data-theme=dark] .mobile-card-header{background-color:var(--history-dark-header-bg)!important;border-bottom-color:var(--history-dark-border)!important}.mobile-card-info{display:flex;flex:1 1;gap:.75rem;min-width:0}.mobile-card-type{align-items:center;color:#111827;display:flex;font-size:1rem;font-weight:600;gap:.5rem}[data-theme=dark] .mobile-card-type,body[data-theme=dark] .mobile-card-type,html[data-theme=dark] .mobile-card-type{color:var(--history-dark-text)!important}.mobile-card-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.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}[data-theme=dark] .mobile-receipt-number,body[data-theme=dark] .mobile-receipt-number,html[data-theme=dark] .mobile-receipt-number{color:var(--history-dark-secondary)!important}.mobile-card-date{color:#6b7280;font-size:.8rem}[data-theme=dark] .mobile-card-date,body[data-theme=dark] .mobile-card-date,html[data-theme=dark] .mobile-card-date{color:var(--history-dark-secondary)!important}.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;font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:500}[data-theme=dark] .mobile-card-label,body[data-theme=dark] .mobile-card-label,html[data-theme=dark] .mobile-card-label{color:var(--history-dark-secondary)!important}.mobile-card-value{color:#111827;font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:500;text-align:left}[data-theme=dark] .mobile-card-value,body[data-theme=dark] .mobile-card-value,html[data-theme=dark] .mobile-card-value{color:var(--history-dark-text)!important}}@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}}:root{--customers-light-text:#1f2937;--customers-light-content-bg:#f7f8fc;--customers-light-border:#e5e7eb;--customers-light-table-header:#ecf1fa;--customers-light-card-bg:#fff;--customers-light-hover:#f9fafb;--customers-light-input-bg:#fff;--customers-light-input-border:#d1d5db;--customers-light-label:#374151;--customers-light-secondary:#6b7280}[data-theme=dark]{--customers-dark-text:#f9fafb;--customers-dark-content-bg:#374151;--customers-dark-border:#4b5563;--customers-dark-table-header:#4b5563;--customers-dark-card-bg:#374151;--customers-dark-hover:#4b5563;--customers-dark-input-bg:#4b5563;--customers-dark-input-border:#6b7280;--customers-dark-label:#d1d5db;--customers-dark-secondary:#9ca3af}.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}[data-theme=dark] .customers-container,body[data-theme=dark] .customers-container,html[data-theme=dark] .customers-container{background:var(--customers-dark-bg)!important;color:var(--customers-dark-text)!important}[data-theme=dark] .customers-container h1,body[data-theme=dark] .customers-container h1,html[data-theme=dark] .customers-container h1{color:var(--customers-dark-text)!important}@media (max-width:768px){.customers-container h1{display:none}}.customers-content{background-color:#f7f8fc;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2rem}[data-theme=dark] .customers-content,body[data-theme=dark] .customers-content,html[data-theme=dark] .customers-content{background-color:var(--customers-dark-content-bg)!important;box-shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003!important;color:var(--customers-dark-text)!important}[data-theme=dark] .list-header,body[data-theme=dark] .list-header,html[data-theme=dark] .list-header{border-bottom-color:var(--customers-dark-border)!important}[data-theme=dark] .search-icon,body[data-theme=dark] .search-icon,html[data-theme=dark] .search-icon{color:var(--customers-dark-secondary)!important}[data-theme=dark] .search-input,body[data-theme=dark] .search-input,html[data-theme=dark] .search-input{background-color:var(--customers-dark-input-bg)!important;border-color:var(--customers-dark-input-border)!important;color:var(--customers-dark-text)!important}[data-theme=dark] .search-input::placeholder,body[data-theme=dark] .search-input::placeholder,html[data-theme=dark] .search-input::placeholder{color:var(--customers-dark-secondary)!important}.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}[data-theme=dark] .customers-table-container,body[data-theme=dark] .customers-table-container,html[data-theme=dark] .customers-table-container{background-color:var(--customers-dark-card-bg)!important;border-color:var(--customers-dark-border)!important}.customers-table{border-collapse:collapse;direction:rtl;width:100%}.customers-table thead{background-color:#ecf1fa}[data-theme=dark] .customers-table thead,body[data-theme=dark] .customers-table thead,html[data-theme=dark] .customers-table thead{background-color:var(--customers-dark-table-header)!important}.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}[data-theme=dark] .customers-table th,body[data-theme=dark] .customers-table th,html[data-theme=dark] .customers-table th{border-bottom-color:var(--customers-dark-border)!important;color:var(--customers-dark-text)!important}.customers-table td{border-bottom:1px solid #f3f4f6;padding:1rem;text-align:right;vertical-align:middle}[data-theme=dark] .customers-table td,body[data-theme=dark] .customers-table td,html[data-theme=dark] .customers-table td{border-bottom-color:var(--customers-dark-border)!important;color:var(--customers-dark-text)!important}.customer-row:hover{background-color:#f9fafb}.customer-row:nth-child(2n){background-color:#eef2f67d}[data-theme=dark] .customer-row:hover,body[data-theme=dark] .customer-row:hover,html[data-theme=dark] .customer-row:hover{background-color:var(--customers-dark-hover)!important}[data-theme=dark] .customer-row:nth-child(2n),body[data-theme=dark] .customer-row:nth-child(2n),html[data-theme=dark] .customer-row:nth-child(2n){background-color:#4b55634d!important}.customer-cell{padding:1rem!important}.customer-name-table{color:#111827;font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:.25rem}[data-theme=dark] .customer-name-table,body[data-theme=dark] .customer-name-table,html[data-theme=dark] .customer-name-table{color:var(--customers-dark-text)!important}.phone-cell{direction:rtl;font-family:Tajawal,sans-serif;padding:1rem!important;text-align:right!important}[data-theme=dark] .phone-cell,body[data-theme=dark] .phone-cell,html[data-theme=dark] .phone-cell{color:var(--customers-dark-text)!important}.address-cell{word-wrap:break-word;color:#374151;font-family:Tajawal,sans-serif;font-size:.875rem;max-width:200px}[data-theme=dark] .address-cell,body[data-theme=dark] .address-cell,html[data-theme=dark] .address-cell{color:var(--customers-dark-text)!important}.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}[data-theme=dark] .mobile-customer-card,body[data-theme=dark] .mobile-customer-card,html[data-theme=dark] .mobile-customer-card{background-color:var(--customers-dark-card-bg)!important;border-color:var(--customers-dark-border)!important}[data-theme=dark] .mobile-customer-card:hover,body[data-theme=dark] .mobile-customer-card:hover,html[data-theme=dark] .mobile-customer-card:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003!important}[data-theme=dark] .mobile-card-header,body[data-theme=dark] .mobile-card-header,html[data-theme=dark] .mobile-card-header{background-color:var(--customers-dark-table-header)!important;border-bottom-color:var(--customers-dark-border)!important}.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}[data-theme=dark] .mobile-customer-name,body[data-theme=dark] .mobile-customer-name,html[data-theme=dark] .mobile-customer-name{color:var(--customers-dark-text)!important}.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}[data-theme=dark] .mobile-info-icon,[data-theme=dark] .mobile-info-label,body[data-theme=dark] .mobile-info-icon,body[data-theme=dark] .mobile-info-label,html[data-theme=dark] .mobile-info-icon,html[data-theme=dark] .mobile-info-label{color:var(--customers-dark-secondary)!important}[data-theme=dark] .mobile-info-value,body[data-theme=dark] .mobile-info-value,html[data-theme=dark] .mobile-info-value{color:var(--customers-dark-text)!important}.mobile-balance{font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:600}[data-theme=dark] .modal-content,body[data-theme=dark] .modal-content,html[data-theme=dark] .modal-content{background-color:var(--customers-dark-card-bg)!important}[data-theme=dark] .modal-header,body[data-theme=dark] .modal-header,html[data-theme=dark] .modal-header{border-bottom-color:var(--customers-dark-border)!important}[data-theme=dark] .modal-header h2,body[data-theme=dark] .modal-header h2,html[data-theme=dark] .modal-header h2{color:var(--customers-dark-text)!important}[data-theme=dark] .modal-close,body[data-theme=dark] .modal-close,html[data-theme=dark] .modal-close{color:var(--customers-dark-secondary)!important}[data-theme=dark] .modal-close:hover,body[data-theme=dark] .modal-close:hover,html[data-theme=dark] .modal-close:hover{background-color:var(--customers-dark-hover)!important;color:var(--customers-dark-text)!important}[data-theme=dark] .modal-footer,body[data-theme=dark] .modal-footer,html[data-theme=dark] .modal-footer{border-top-color:var(--customers-dark-border)!important}[data-theme=dark] .form-label,body[data-theme=dark] .form-label,html[data-theme=dark] .form-label{color:var(--customers-dark-label)!important}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea,body[data-theme=dark] .form-input,body[data-theme=dark] .form-select,body[data-theme=dark] .form-textarea,html[data-theme=dark] .form-input,html[data-theme=dark] .form-select,html[data-theme=dark] .form-textarea{background-color:var(--customers-dark-input-bg)!important;border-color:var(--customers-dark-input-border)!important;color:var(--customers-dark-text)!important}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-select::placeholder,[data-theme=dark] .form-textarea::placeholder,body[data-theme=dark] .form-input::placeholder,body[data-theme=dark] .form-select::placeholder,body[data-theme=dark] .form-textarea::placeholder,html[data-theme=dark] .form-input::placeholder,html[data-theme=dark] .form-select::placeholder,html[data-theme=dark] .form-textarea::placeholder{color:var(--customers-dark-secondary)!important}@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}}:root{--departments-light-text:#1f2937;--departments-light-content-bg:#f7f8fc;--departments-light-border:#e5e7eb;--departments-light-table-header:#ecf1fa;--departments-light-card-bg:#fff;--departments-light-hover:#f9fafb;--departments-light-input-bg:#fff;--departments-light-input-border:#d1d5db;--departments-light-label:#374151;--departments-light-secondary:#6b7280}[data-theme=dark]{--departments-dark-text:#f9fafb;--departments-dark-content-bg:#374151;--departments-dark-border:#4b5563;--departments-dark-table-header:#4b5563;--departments-dark-card-bg:#374151;--departments-dark-hover:#4b5563;--departments-dark-input-bg:#4b5563;--departments-dark-input-border:#6b7280;--departments-dark-label:#d1d5db;--departments-dark-secondary:#9ca3af}.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}[data-theme=dark] .departments-container,body[data-theme=dark] .departments-container,html[data-theme=dark] .departments-container{background:var(--departments-dark-bg)!important;color:var(--departments-dark-text)!important}[data-theme=dark] .departments-container h1,body[data-theme=dark] .departments-container h1,html[data-theme=dark] .departments-container h1{color:var(--departments-dark-text)!important}@media (max-width:768px){.departments-container h1{display:none}}.departments-content{background-color:#f7f8fc;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2rem}[data-theme=dark] .departments-content,body[data-theme=dark] .departments-content,html[data-theme=dark] .departments-content{background-color:var(--departments-dark-content-bg)!important;box-shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003!important;color:var(--departments-dark-text)!important}[data-theme=dark] .list-header,body[data-theme=dark] .list-header,html[data-theme=dark] .list-header{border-bottom-color:var(--departments-dark-border)!important}[data-theme=dark] .search-icon,body[data-theme=dark] .search-icon,html[data-theme=dark] .search-icon{color:var(--departments-dark-secondary)!important}[data-theme=dark] .search-input,body[data-theme=dark] .search-input,html[data-theme=dark] .search-input{background-color:var(--departments-dark-input-bg)!important;border-color:var(--departments-dark-input-border)!important;color:var(--departments-dark-text)!important}[data-theme=dark] .search-input::placeholder,body[data-theme=dark] .search-input::placeholder,html[data-theme=dark] .search-input::placeholder{color:var(--departments-dark-secondary)!important}.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}[data-theme=dark] .departments-table-container,body[data-theme=dark] .departments-table-container,html[data-theme=dark] .departments-table-container{background-color:var(--departments-dark-card-bg)!important;border-color:var(--departments-dark-border)!important}.departments-table{border-collapse:collapse;direction:rtl;width:100%}.departments-table thead{background-color:#ecf1fa}[data-theme=dark] .departments-table thead,body[data-theme=dark] .departments-table thead,html[data-theme=dark] .departments-table thead{background-color:var(--departments-dark-table-header)!important}.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 th:nth-child(2),.departments-table th:nth-child(3),.departments-table th:nth-child(4),.departments-table th:nth-child(5){text-align:center}[data-theme=dark] .departments-table th,body[data-theme=dark] .departments-table th,html[data-theme=dark] .departments-table th{border-bottom-color:var(--departments-dark-border)!important;color:var(--departments-dark-text)!important}.departments-table td{border-bottom:1px solid #f3f4f6;padding:1rem;vertical-align:middle}[data-theme=dark] .departments-table td,body[data-theme=dark] .departments-table td,html[data-theme=dark] .departments-table td{border-bottom-color:var(--departments-dark-border)!important;color:var(--departments-dark-text)!important}.department-row:hover{background-color:#f9fafb}.department-row:nth-child(2n){background-color:#eef2f67d}[data-theme=dark] .department-row:hover,body[data-theme=dark] .department-row:hover,html[data-theme=dark] .department-row:hover{background-color:var(--departments-dark-hover)!important}[data-theme=dark] .department-row:nth-child(2n),body[data-theme=dark] .department-row:nth-child(2n),html[data-theme=dark] .department-row:nth-child(2n){background-color:#4b55634d!important}.department-cell{padding:1rem!important;width:40%}.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}[data-theme=dark] .department-avatar-small,body[data-theme=dark] .department-avatar-small,html[data-theme=dark] .department-avatar-small{background-color:var(--departments-dark-hover)!important}[data-theme=dark] .avatar-icon-small,body[data-theme=dark] .avatar-icon-small,html[data-theme=dark] .avatar-icon-small{color:var(--departments-dark-secondary)!important}.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}[data-theme=dark] .department-name-table,body[data-theme=dark] .department-name-table,html[data-theme=dark] .department-name-table{color:var(--departments-dark-text)!important}[data-theme=dark] .department-description-table,body[data-theme=dark] .department-description-table,html[data-theme=dark] .department-description-table{color:var(--departments-dark-secondary)!important}.manager-cell{width:15%}.employees-cell,.manager-cell{color:#374151;font-family:Tajawal,sans-serif;font-size:.875rem;text-align:center}.employees-cell{width:12%}.auto-assign-cell{color:#374151;font-family:Tajawal,sans-serif;font-size:.875rem;text-align:center;width:13%}[data-theme=dark] .auto-assign-cell,[data-theme=dark] .employees-cell,[data-theme=dark] .manager-cell,body[data-theme=dark] .auto-assign-cell,body[data-theme=dark] .employees-cell,body[data-theme=dark] .manager-cell,html[data-theme=dark] .auto-assign-cell,html[data-theme=dark] .employees-cell,html[data-theme=dark] .manager-cell{color:var(--departments-dark-text)!important}.employee-count{background-color:#dbeafe;border-radius:.375rem;color:#1e40af;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.actions-cell{min-width:100px;width:10%}.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}[data-theme=dark] .mobile-department-card,body[data-theme=dark] .mobile-department-card,html[data-theme=dark] .mobile-department-card{background-color:var(--departments-dark-card-bg)!important;border-color:var(--departments-dark-border)!important}[data-theme=dark] .mobile-department-card:hover,body[data-theme=dark] .mobile-department-card:hover,html[data-theme=dark] .mobile-department-card:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003!important}.mobile-card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;gap:1rem}[data-theme=dark] .mobile-card-header,body[data-theme=dark] .mobile-card-header,html[data-theme=dark] .mobile-card-header{background-color:var(--departments-dark-table-header)!important;border-bottom-color:var(--departments-dark-border)!important}.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}[data-theme=dark] .mobile-department-avatar,body[data-theme=dark] .mobile-department-avatar,html[data-theme=dark] .mobile-department-avatar{background-color:var(--departments-dark-hover)!important}[data-theme=dark] .mobile-avatar-icon,body[data-theme=dark] .mobile-avatar-icon,html[data-theme=dark] .mobile-avatar-icon{color:var(--departments-dark-secondary)!important}.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}[data-theme=dark] .mobile-department-name,body[data-theme=dark] .mobile-department-name,html[data-theme=dark] .mobile-department-name{color:var(--departments-dark-text)!important}[data-theme=dark] .mobile-department-description,body[data-theme=dark] .mobile-department-description,html[data-theme=dark] .mobile-department-description{color:var(--departments-dark-secondary)!important}.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}[data-theme=dark] .mobile-info-label,body[data-theme=dark] .mobile-info-label,html[data-theme=dark] .mobile-info-label{color:var(--departments-dark-secondary)!important}[data-theme=dark] .mobile-info-value,body[data-theme=dark] .mobile-info-value,html[data-theme=dark] .mobile-info-value{color:var(--departments-dark-text)!important}.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}[data-theme=dark] .modal-content,body[data-theme=dark] .modal-content,html[data-theme=dark] .modal-content{background-color:var(--departments-dark-card-bg)!important;box-shadow:0 10px 25px #00000080!important}.modal-header h2{color:#111827;font-family:Tajawal,sans-serif}[data-theme=dark] .modal-header,body[data-theme=dark] .modal-header,html[data-theme=dark] .modal-header{border-bottom-color:var(--departments-dark-border)!important}[data-theme=dark] .modal-header h2,body[data-theme=dark] .modal-header h2,html[data-theme=dark] .modal-header h2{color:var(--departments-dark-text)!important}[data-theme=dark] .modal-close,body[data-theme=dark] .modal-close,html[data-theme=dark] .modal-close{color:var(--departments-dark-secondary)!important}[data-theme=dark] .modal-close:hover,body[data-theme=dark] .modal-close:hover,html[data-theme=dark] .modal-close:hover{background-color:var(--departments-dark-hover)!important;color:var(--departments-dark-text)!important}[data-theme=dark] .modal-footer,body[data-theme=dark] .modal-footer,html[data-theme=dark] .modal-footer{border-top-color:var(--departments-dark-border)!important}.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}[data-theme=dark] .form-label,body[data-theme=dark] .form-label,html[data-theme=dark] .form-label{color:var(--departments-dark-label)!important}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea,body[data-theme=dark] .form-input,body[data-theme=dark] .form-select,body[data-theme=dark] .form-textarea,html[data-theme=dark] .form-input,html[data-theme=dark] .form-select,html[data-theme=dark] .form-textarea{background-color:var(--departments-dark-input-bg)!important;border-color:var(--departments-dark-input-border)!important;color:var(--departments-dark-text)!important}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-select::placeholder,[data-theme=dark] .form-textarea::placeholder,body[data-theme=dark] .form-input::placeholder,body[data-theme=dark] .form-select::placeholder,body[data-theme=dark] .form-textarea::placeholder,html[data-theme=dark] .form-input::placeholder,html[data-theme=dark] .form-select::placeholder,html[data-theme=dark] .form-textarea::placeholder{color:var(--departments-dark-secondary)!important}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus,body[data-theme=dark] .form-input:focus,body[data-theme=dark] .form-select:focus,body[data-theme=dark] .form-textarea:focus,html[data-theme=dark] .form-input:focus,html[data-theme=dark] .form-select:focus,html[data-theme=dark] .form-textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f633!important}.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}}:root{--tasks-bg:#fff;--tasks-content-bg:#f7f8fc;--tasks-text:#1f2937;--tasks-text-secondary:#374151;--tasks-text-muted:#6b7280;--tasks-border:#e5e7eb;--tasks-border-light:#f3f4f6;--tasks-card-bg:#fbfcff;--tasks-card-hover:#f8fafc;--tasks-input-bg:#fff;--tasks-input-border:#d1d5db;--tasks-shadow:#0000001a;--tasks-shadow-light:#0000000d;--tasks-footer-bg:#ecf1fa;--tasks-actions-bg:#fafafa;--tasks-no-tasks-bg:#f9fafb;--tasks-accent:#f97316;--tasks-focus:#3b82f6;--tasks-focus-shadow:#3b82f61a}[data-theme=dark]{--tasks-bg:#111827;--tasks-content-bg:#1f2937;--tasks-text:#f9fafb;--tasks-text-secondary:#e5e7eb;--tasks-text-muted:#d1d5db;--tasks-border:#374151;--tasks-border-light:#4b5563;--tasks-card-bg:#374151;--tasks-card-hover:#4b5563;--tasks-input-bg:#374151;--tasks-input-border:#4b5563;--tasks-shadow:#0000004d;--tasks-shadow-light:#0003;--tasks-footer-bg:#1f2937;--tasks-actions-bg:#1f2937;--tasks-no-tasks-bg:#1f2937;--tasks-accent:#fb923c;--tasks-focus:#60a5fa;--tasks-focus-shadow:#60a5fa1a}.tasks-container{font-family:Tajawal,sans-serif;margin:0 auto;max-width:1300px;min-height:100vh;padding:1.5rem;text-align:right}.tasks-container,.tasks-container h1{color:#1f2937;color:var(--tasks-text);transition:all .3s cubic-bezier(.4,0,.2,1)}.tasks-container h1{border-bottom:2px solid #f97316;border-bottom:2px solid var(--tasks-accent);font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}.tasks-content{background-color:#f7f8fc;background-color:var(--tasks-content-bg);border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000001a;box-shadow:0 1px 3px 0 var(--tasks-shadow),0 1px 2px 0 var(--tasks-shadow);padding:2rem}.tasks-content,.tasks-header{transition:all .3s cubic-bezier(.4,0,.2,1)}.tasks-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--tasks-border);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.search-container{flex:1 1;max-width:400px;min-width:250px;position:relative}.search-icon{color:var(--tasks-text-muted)}.search-icon,.search-input{transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input{background-color:#fff;background-color:var(--tasks-input-bg);border:1px solid var(--tasks-input-border);color:#1f2937;color:var(--tasks-text);font-size:1rem;padding:.75rem 2.5rem .75rem 1rem}.search-input:focus{border-color:var(--tasks-focus);box-shadow:0 0 0 3px var(--tasks-focus-shadow)}.tasks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.task-card{background-color:#fbfcff;background-color:var(--tasks-card-bg);border:1px solid #e5e7eb;border:1px solid var(--tasks-border);border-radius:.6rem;box-shadow:0 1px 2px 0 #0000000d,0 -4px 8px 0 #0000001a;box-shadow:0 1px 2px 0 var(--tasks-shadow-light),0 -4px 8px 0 var(--tasks-shadow);display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.task-card:before{border-radius:0 .4rem .4rem 0;bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;width:4px}.task-card:has(.action-container):before{border-radius:0 .4rem 0 0;bottom:auto;height:calc(100% - 45px)}.task-card:hover:before{animation:neonPulse 2s infinite alternate;box-shadow:0 0 15px #3b82f699,0 0 30px #3b82f666;width:6px}@keyframes neonPulse{0%{box-shadow:0 0 10px #3b82f680,0 0 20px #3b82f64d}to{box-shadow:0 0 20px #3b82f6cc,0 0 40px #3b82f699}}.task-card.status-pending:before{background:linear-gradient(180deg,#fbbf24,#f59e0b,#d97706,#b45309)}.task-card.status-pending:hover:before{animation:neonPulseOrange 2s infinite alternate;box-shadow:0 0 15px #fbbf2499,0 0 30px #f59e0b66}@keyframes neonPulseOrange{0%{box-shadow:0 0 10px #fbbf2480,0 0 20px #f59e0b4d}to{box-shadow:0 0 20px #fbbf24cc,0 0 40px #f59e0b99}}.task-card.status-assigned:before{background:linear-gradient(180deg,#60a5fa,#3b82f6,#2563eb,#1d4ed8)}.task-card.status-assigned:hover:before{animation:neonPulseBlue 2s infinite alternate;box-shadow:0 0 15px #60a5fa99,0 0 30px #3b82f666}@keyframes neonPulseBlue{0%{box-shadow:0 0 10px #60a5fa80,0 0 20px #3b82f64d}to{box-shadow:0 0 20px #60a5facc,0 0 40px #3b82f699}}.task-card.status-review:before{background:linear-gradient(180deg,#a78bfa,#8b5cf6,#7c3aed,#6d28d9)}.task-card.status-review:hover:before{animation:neonPulsePurple 2s infinite alternate;box-shadow:0 0 15px #a78bfa99,0 0 30px #8b5cf666}@keyframes neonPulsePurple{0%{box-shadow:0 0 10px #a78bfa80,0 0 20px #8b5cf64d}to{box-shadow:0 0 20px #a78bfacc,0 0 40px #8b5cf699}}.task-card.status-completed:before{background:linear-gradient(180deg,#34d399,#10b981,#059669,#047857)}.task-card.status-completed:hover:before{animation:neonPulseGreen 2s infinite alternate;box-shadow:0 0 15px #34d39999,0 0 30px #10b98166}@keyframes neonPulseGreen{0%{box-shadow:0 0 10px #34d39980,0 0 20px #10b9814d}to{box-shadow:0 0 20px #34d399cc,0 0 40px #10b98199}}.task-card.status-blocked:before{background:linear-gradient(180deg,#d1d5db,#9ca3af,#6b7280,#4b5563)}.task-card.status-blocked:hover:before{animation:neonPulseGray 2s infinite alternate;box-shadow:0 0 15px #d1d5db99,0 0 30px #9ca3af66}@keyframes neonPulseGray{0%{box-shadow:0 0 10px #d1d5db80,0 0 20px #9ca3af4d}to{box-shadow:0 0 20px #d1d5dbcc,0 0 40px #9ca3af99}}.task-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--tasks-border-light);display:flex;justify-content:space-between;padding:1rem 1.25rem}.task-header,.task-project-title{transition:all .3s cubic-bezier(.4,0,.2,1)}.task-project-title{background-color:#f3f4f6;background-color:var(--tasks-border-light);border-radius:.375rem;color:#6b7280;color:var(--tasks-text-muted);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-card.status-pending .task-status,.task-status.status-pending{background:linear-gradient(225deg,#fbbf24,#f59e0b,#d97706)!important}.task-card.status-assigned .task-status,.task-status.status-assigned{background:linear-gradient(225deg,#60a5fa,#3b82f6,#2563eb)!important}.task-card.status-review .task-status,.task-status.status-review{background:linear-gradient(225deg,#a78bfa,#8b5cf6,#7c3aed)!important}.task-card.status-completed .task-status,.task-status.status-completed{background:linear-gradient(225deg,#34d399,#10b981,#059669)!important}.task-card.status-blocked .task-status,.task-status.status-blocked{background:linear-gradient(225deg,#d1d5db,#9ca3af,#6b7280)!important}.task-body{flex-grow:1;padding:1.25rem}.task-title{color:#1f2937;color:var(--tasks-text);font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.task-footer,.task-title{transition:all .3s cubic-bezier(.4,0,.2,1)}.task-footer{align-items:center;background-color:#ecf1fa;background-color:var(--tasks-footer-bg);border-radius:0 0 0 .5rem;border-top:1px solid #f3f4f6;border-top:1px solid var(--tasks-border-light);display:flex;justify-content:space-between;padding:1rem 1.25rem}.task-card:has(.action-container) .task-footer{border-radius:0}.task-assignee,.task-department{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.assignee-icon,.task-assignee,.task-department{color:#6b7280;color:var(--tasks-text-muted);transition:all .3s cubic-bezier(.4,0,.2,1)}.assignee-icon{height:1rem;width:1rem}.task-actions{background-color:#fafafa;background-color:var(--tasks-actions-bg);border-top:1px solid #f3f4f6;border-top:1px solid var(--tasks-border-light);padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-container{animation:slideInUp .3s ease-out;display:flex;flex-direction:column;gap:.75rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.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;background-color:var(--tasks-input-bg);border:1px solid #d1d5db;border:1px solid var(--tasks-input-border);border-radius:.5rem;color:#1f2937;color:var(--tasks-text);flex:1 1;font-size:.875rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-row-compact select:focus{border-color:#3b82f6;border-color:var(--tasks-focus);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px var(--tasks-focus-shadow);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 .3s cubic-bezier(.4,0,.2,1);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 .3s cubic-bezier(.4,0,.2,1);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 .3s cubic-bezier(.4,0,.2,1);width:100%}.action-container button:disabled{cursor:not-allowed;opacity:.6}.action-container select{background-color:#fff;background-color:var(--tasks-input-bg);border:1px solid #d1d5db;border:1px solid var(--tasks-input-border);border-radius:.5rem;color:#1f2937;color:var(--tasks-text);font-size:.875rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.action-container select:focus{border-color:#3b82f6;border-color:var(--tasks-focus);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px var(--tasks-focus-shadow);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{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:0 0 .5rem .5rem!important;box-shadow:0 4px 12px #10b98140;color:#fff;display:flex;font-weight:600;gap:.5rem;height:45px;justify-content:center;padding:.75rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.complete-btn:hover:not(:disabled){box-shadow:0 6px 20px #10b98159;filter:brightness(1.1)}.complete-btn:active:not(:disabled){filter:brightness(.95);transform:translateY(0)}.review-action{flex-direction:row;gap:0;justify-content:stretch;position:relative}.review-action>div:first-child{border-radius:.75rem;box-shadow:0 4px 16px #00000026;display:flex;overflow:hidden;width:100%}.review-action button{align-items:center;border:none;border-radius:0!important;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin:0;overflow:visible;padding:.75rem 1.25rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.review-action button:first-child{border-radius:0 0 .5rem 0!important}.review-action button:not(:first-child):not(:last-child){border-radius:0!important}.review-action button:last-child{border-radius:0 0 0 .5rem!important}.review-action .approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.review-action .finalize{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.review-action .reject{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.review-action button:before{background:#ffffff26;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease;z-index:0}.review-action button:hover:not(:disabled):before{opacity:1}.review-action button .btn-icon{stroke-width:2.5;height:1.35rem;position:relative;transition:transform .25s ease;width:1.35rem;z-index:1}.review-action button span{position:relative;z-index:1}.review-action button:hover:not(:disabled) .btn-icon{transform:scale(1.15) rotate(5deg)}.review-action button:hover:not(:disabled){filter:brightness(1.1)}.review-action button:active:not(:disabled){filter:brightness(.95)}.review-action button:disabled{cursor:not-allowed;filter:none!important;opacity:.5}@media (max-width:768px){.review-action>div:first-child{flex-direction:column}.review-action button:not(:last-child):after{background:linear-gradient(90deg,#ffffff4d 0,#ffffff1a 50%,#ffffff4d);bottom:auto;height:2px;left:0;right:0;top:100%;width:auto}.review-action button{width:100%}}.reject-form textarea{background-color:#fff;background-color:var(--tasks-input-bg);border:1px solid #d1d5db;border:1px solid var(--tasks-input-border);border-radius:.5rem;color:#1f2937;color:var(--tasks-text);min-height:70px;padding:.75rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.reject-form textarea:focus{border-color:#3b82f6;border-color:var(--tasks-focus);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px var(--tasks-focus-shadow);outline:none}.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;background-color:var(--tasks-no-tasks-bg);border-radius:.75rem;padding:4rem 2rem;text-align:center}.no-tasks,.no-tasks-icon{color:#6b7280;color:var(--tasks-text-muted);transition:all .3s cubic-bezier(.4,0,.2,1)}.no-tasks-icon{height:4rem;margin:0 auto 1rem;width:4rem}.no-tasks h3{color:#374151;color:var(--tasks-text-secondary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}@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:1px solid var(--tasks-input-border);border-radius:50%;color:#6b7280;color:var(--tasks-text-muted);cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:2rem}.details-btn:hover{background-color:#f3f4f6;background-color:var(--tasks-border-light);color:#1f2937;color:var(--tasks-text)}.details-btn svg{height:1rem;width:1rem}.combined-task-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;box-shadow:0 2px 4px #3b82f633;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;margin-top:8px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.badge-icon{font-size:14px;font-weight:700;line-height:1}.badge-text{font-size:11px;font-weight:500}[data-theme=dark] .combined-task-badge{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 2px 4px #1e40af4d}.task-priority-badge{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;transition:all .2s ease;white-space:nowrap}.filters-container{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.filter-icon-wrapper{position:relative}.filter-icon-btn{align-items:center;background:#fff;background:var(--tasks-input-bg);border:1px solid #d1d5db;border:1px solid var(--tasks-input-border);border-radius:.5rem;color:#1f2937;color:var(--tasks-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem .875rem;transition:all .2s ease;white-space:nowrap}.filter-icon-btn:hover{background:#f8fafc;background:var(--tasks-card-hover);border-color:#6b7280;border-color:var(--tasks-text-muted)}.filter-icon-btn .filter-icon{flex-shrink:0;height:1.125rem;width:1.125rem}.filter-icon-btn .chevron-icon{flex-shrink:0;height:1rem;opacity:.6;width:1rem}.filter-dropdown-menu{background:#fbfcff;background:var(--tasks-card-bg);border:1px solid #f3f4f6;border:1px solid var(--tasks-border-light);border-radius:.5rem;box-shadow:0 4px 16px #0000001f;max-height:300px;min-width:180px;overflow-y:auto;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.filter-option{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--tasks-border-light);cursor:pointer;font-size:.875rem;padding:.625rem .875rem;transition:all .2s ease}.filter-option:last-child{border-bottom:none}.filter-option:hover{background:#f8fafc;background:var(--tasks-card-hover)}.filter-option.priority-high:hover{background-color:#ffebee;color:#c62828}.filter-option.priority-medium:hover{background-color:#fffbea;color:#d4a017}.filter-option.priority-low:hover{background-color:#e8f5e9;color:#2e7d32}.filter-option.status-pending:hover{color:#9ca3af}.filter-option.status-awaiting:hover{color:#f59e0b}.filter-option.status-assigned:hover{color:#3b82f6}.filter-option.status-review:hover{color:#8b5cf6}.filter-option.status-completed:hover{color:#10b981}.clear-filters-btn{align-items:center;align-self:flex-end;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;margin-bottom:5px;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.clear-filters-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.clear-filters-btn:active{transform:translateY(0)}@media (max-width:1024px){.filters-container{gap:.5rem}.filter-icon-btn{font-size:.8rem;padding:.4rem .75rem}.filter-icon-btn .filter-icon{height:1rem;width:1rem}}@media (max-width:768px){.tasks-header{align-items:stretch;flex-direction:column}.filters-container{gap:.5rem;margin-top:.75rem;padding-top:.75rem}.filter-icon-btn{flex:1 1;font-size:.75rem;padding:.4rem .65rem}.filter-dropdown-menu{min-width:150px}.filter-option{font-size:.8rem;padding:.5rem .75rem}.clear-filters-btn{justify-content:center;margin-top:.5rem;width:100%}}[data-theme=dark] .filter-icon-btn{background-color:#fff;background-color:var(--tasks-input-bg);border-color:#d1d5db;border-color:var(--tasks-input-border);color:#1f2937;color:var(--tasks-text)}[data-theme=dark] .filter-dropdown-menu,[data-theme=dark] .filter-icon-btn:hover{border-color:#f3f4f6;border-color:var(--tasks-border-light)}[data-theme=dark] .filter-dropdown-menu{background-color:#fbfcff;background-color:var(--tasks-card-bg)}[data-theme=dark] .filter-option{border-color:#f3f4f6;border-color:var(--tasks-border-light)}[data-theme=dark] .filter-option:hover{background-color:#f8fafc;background-color:var(--tasks-card-hover)}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-icon-pending{color:#f59e0b}.stat-icon-assigned{color:#3b82f6}.stat-icon-review{color:#8b5cf6}.stat-icon-completed{color:#10b981}@media (max-width:768px){.stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}}@media (max-width:480px){.stats-grid{gap:.5rem;grid-template-columns:1fr}}:root{--task-modal-bg:#fff;--task-modal-text:#1f2937;--task-modal-border:#e5e7eb;--task-modal-section-bg:#f9fafb;--task-modal-input-bg:#fff;--task-modal-button-bg:#f3f4f6;--task-modal-button-border:#d1d5db;--task-modal-button-text:#374151;--task-modal-timeline-bg:#fafafa;--task-modal-timeline-item-bg:#fff;--task-modal-meta-text:#6b7280;--task-modal-overlay-bg:#00000080}.dark,.dark :root,[data-theme=dark],[data-theme=dark] :root,body.dark,body.dark :root,body[data-theme=dark],body[data-theme=dark] :root,html.dark,html.dark :root,html[data-theme=dark],html[data-theme=dark] :root{--task-modal-bg:#1f2937;--task-modal-text:#f9fafb;--task-modal-border:#374151;--task-modal-section-bg:#111827;--task-modal-input-bg:#374151;--task-modal-button-bg:#374151;--task-modal-button-border:#4b5563;--task-modal-button-text:#f9fafb;--task-modal-timeline-bg:#111827;--task-modal-timeline-item-bg:#374151;--task-modal-meta-text:#9ca3af;--task-modal-overlay-bg:#000000b3}.dark .task-details-modal-content,[data-theme=dark] .task-details-modal-content,body.dark .task-details-modal-content,body[data-theme=dark] .task-details-modal-content,html.dark .task-details-modal-content,html[data-theme=dark] .task-details-modal-content{background:#1f2937!important;border:1px solid #374151!important}.dark .task-details-modal-header,[data-theme=dark] .task-details-modal-header,body.dark .task-details-modal-header,body[data-theme=dark] .task-details-modal-header,html.dark .task-details-modal-header,html[data-theme=dark] .task-details-modal-header{background:#1f2937!important;border-bottom:1px solid #374151!important}.dark .task-info-section,[data-theme=dark] .task-info-section,body.dark .task-info-section,body[data-theme=dark] .task-info-section,html.dark .task-info-section,html[data-theme=dark] .task-info-section{background:#111827!important;border:1px solid #374151!important}.dark .template-data-item,[data-theme=dark] .template-data-item,body.dark .template-data-item,body[data-theme=dark] .template-data-item,html.dark .template-data-item,html[data-theme=dark] .template-data-item{background:#1f2937!important;border:1px solid #374151!important;color:#f9fafb!important}.task-details-modal-overlay{align-items:center;background-color:#00000080;background-color:var(--task-modal-overlay-bg);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;background:var(--task-modal-bg);border-radius:24px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;color:#1f2937;color:var(--task-modal-text);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;border-bottom:1px solid var(--task-modal-border);display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:2rem 2rem 1rem}.task-title-section h2{color:#1f2937;color:var(--task-modal-text);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;background:var(--task-modal-button-bg);border:1px solid #d1d5db;border:1px solid var(--task-modal-button-border);border-radius:12px;color:#6b7280;color:var(--task-modal-meta-text);cursor:pointer;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.dark .close-button,[data-theme=dark] .close-button,body.dark .close-button,body[data-theme=dark] .close-button,html.dark .close-button,html[data-theme=dark] .close-button{background:#374151!important;border:1px solid #4b5563!important;color:#9ca3af!important}.dark .close-button:hover,[data-theme=dark] .close-button:hover,body.dark .close-button:hover,body[data-theme=dark] .close-button:hover,html.dark .close-button:hover,html[data-theme=dark] .close-button:hover{background:#4b5563!important;color:#f9fafb!important;transform:scale(1.05)}.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;color:var(--task-modal-text);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.task-info-section{background:#f9fafb;background:var(--task-modal-section-bg);border:1px solid #e5e7eb;border:1px solid var(--task-modal-border);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;color:var(--task-modal-text);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;color:var(--task-modal-meta-text);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;color:var(--task-modal-text);flex:1 1;font-size:.875rem;font-weight:500}.template-data-header{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.template-data-section h4{color:#1f2937;color:var(--task-modal-text);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;background:var(--task-modal-bg);border:1px solid #e5e7eb;border:1px solid var(--task-modal-border);border-radius:8px;display:flex;flex-direction:column;padding:.75rem}.template-data-item label{color:#6b7280;color:var(--task-modal-meta-text);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.template-data-item span{color:#1f2937;color:var(--task-modal-text);font-size:.875rem;font-weight:500;word-break:break-word}.template-instances-container{margin-top:1rem}.template-name{border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.template-instance{border:1px solid #e5e7eb;border:1px solid var(--task-modal-border);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.template-instance-header{background:#f9fafb;background:var(--task-modal-section-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--task-modal-border);padding:.875rem 1rem}.template-instance-header h4{color:#1f2937;color:var(--task-modal-text);font-size:.9rem;font-weight:600;margin:0}.template-instance .template-data-grid{background:#fff;background:var(--task-modal-bg);padding:1rem}.activity-input-section{background:#f9fafb;background:var(--task-modal-section-bg);border:1px solid #e5e7eb;border:1px solid var(--task-modal-border);border-radius:16px;padding:1.5rem}.dark .activity-input-section,[data-theme=dark] .activity-input-section,body.dark .activity-input-section,body[data-theme=dark] .activity-input-section,html.dark .activity-input-section,html[data-theme=dark] .activity-input-section{background:#0f172a!important;border:1px solid #1e293b!important}.dark .activity-input-area textarea,[data-theme=dark] .activity-input-area textarea,body.dark .activity-input-area textarea,body[data-theme=dark] .activity-input-area textarea,html.dark .activity-input-area textarea,html[data-theme=dark] .activity-input-area textarea{background:#374151!important;border:2px solid #4b5563!important;color:#f9fafb!important}.dark .activity-input-area textarea::placeholder,[data-theme=dark] .activity-input-area textarea::placeholder,body.dark .activity-input-area textarea::placeholder,body[data-theme=dark] .activity-input-area textarea::placeholder,html.dark .activity-input-area textarea::placeholder,html[data-theme=dark] .activity-input-area textarea::placeholder{color:#9ca3af!important}.activity-input-area{display:flex;flex-direction:column;gap:1rem}.activity-input-area textarea{background:#fff;background:var(--task-modal-input-bg);border:2px solid #e5e7eb;border:2px solid var(--task-modal-border);border-radius:12px;color:#1f2937;color:var(--task-modal-text);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}.activity-input-area textarea::placeholder{color:#6b7280;color:var(--task-modal-meta-text)}.selected-file{margin:.5rem 0}.file-preview{align-items:center;background:#fff;background:var(--task-modal-bg);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:#1f2937;color:var(--task-modal-text);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:#f3f4f6;background:var(--task-modal-button-bg);border:2px solid #d1d5db;border:2px solid var(--task-modal-button-border);color:#374151;color:var(--task-modal-button-text)}[data-theme=dark] .attachment-btn:hover,body[data-theme=dark] .attachment-btn:hover,html[data-theme=dark] .attachment-btn:hover{background:#4b5563;border-color:#6b7280;transform:translateY(-1px)}.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;background:var(--task-modal-timeline-bg);border:1px solid #e5e7eb;border:1px solid var(--task-modal-border);border-radius:16px;padding:1.5rem}.dark .timeline-section,[data-theme=dark] .timeline-section,body.dark .timeline-section,body[data-theme=dark] .timeline-section,html.dark .timeline-section,html[data-theme=dark] .timeline-section{background:#111827!important;border:1px solid #374151!important}.dark .timeline-content,[data-theme=dark] .timeline-content,body.dark .timeline-content,body[data-theme=dark] .timeline-content,html.dark .timeline-content,html[data-theme=dark] .timeline-content{background:#374151!important;border:1px solid #4b5563!important;color:#f9fafb!important}.dark .task-details-modal-content div,.dark .task-details-modal-content h2,.dark .task-details-modal-content h3,.dark .task-details-modal-content h4,.dark .task-details-modal-content label,.dark .task-details-modal-content p,.dark .task-details-modal-content span,[data-theme=dark] .task-details-modal-content div,[data-theme=dark] .task-details-modal-content h2,[data-theme=dark] .task-details-modal-content h3,[data-theme=dark] .task-details-modal-content h4,[data-theme=dark] .task-details-modal-content label,[data-theme=dark] .task-details-modal-content p,[data-theme=dark] .task-details-modal-content span,body.dark .task-details-modal-content div,body.dark .task-details-modal-content h2,body.dark .task-details-modal-content h3,body.dark .task-details-modal-content h4,body.dark .task-details-modal-content label,body.dark .task-details-modal-content p,body.dark .task-details-modal-content span,body[data-theme=dark] .task-details-modal-content div,body[data-theme=dark] .task-details-modal-content h2,body[data-theme=dark] .task-details-modal-content h3,body[data-theme=dark] .task-details-modal-content h4,body[data-theme=dark] .task-details-modal-content label,body[data-theme=dark] .task-details-modal-content p,body[data-theme=dark] .task-details-modal-content span,html.dark .task-details-modal-content div,html.dark .task-details-modal-content h2,html.dark .task-details-modal-content h3,html.dark .task-details-modal-content h4,html.dark .task-details-modal-content label,html.dark .task-details-modal-content p,html.dark .task-details-modal-content span,html[data-theme=dark] .task-details-modal-content div,html[data-theme=dark] .task-details-modal-content h2,html[data-theme=dark] .task-details-modal-content h3,html[data-theme=dark] .task-details-modal-content h4,html[data-theme=dark] .task-details-modal-content label,html[data-theme=dark] .task-details-modal-content p,html[data-theme=dark] .task-details-modal-content span{color:#f9fafb!important}.timeline{position:relative}.loading-activities{align-items:center;color:#6b7280;color:var(--task-modal-meta-text);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:2px solid var(--task-modal-border);border-radius:50%;border-top:2px solid #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;color:var(--task-modal-meta-text);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;background:var(--task-modal-timeline-item-bg);border:1px solid #e5e7eb;border:1px solid var(--task-modal-border);border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#1f2937;color:var(--task-modal-text);flex:1 1;padding:1rem;position:relative;transition:all .3s ease}[data-theme=dark] .timeline-content:hover,body[data-theme=dark] .timeline-content:hover,html[data-theme=dark] .timeline-content:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.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-left:6px solid var(--task-modal-timeline-item-bg);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;color:var(--task-modal-text);font-size:.875rem;font-weight:600}.activity-time{font-size:.75rem}.activity-date,.activity-time{color:#6b7280;color:var(--task-modal-meta-text)}.activity-date{font-size:.625rem;text-align:right}.activity-body{color:#1f2937;color:var(--task-modal-text);font-size:.875rem;line-height:1.5}.log-content p,.note-content p{background:#f9fafb;background:var(--task-modal-section-bg);border-left:3px solid #3b82f6;border-radius:8px;color:#1f2937;color:var(--task-modal-text);margin:0;padding:.75rem}.activity-description{margin:0}.activity-description .main-description{background:#f9fafb;background:var(--task-modal-section-bg);border-left:3px solid #3b82f6;border-radius:8px;color:#1f2937;color:var(--task-modal-text);font-weight:500;margin:0 0 .5rem;padding:.75rem}.activity-description .sub-description{border-left:2px solid #e5e7eb;border-left:2px solid var(--task-modal-border);margin:0 0 .25rem}.activity-description .activity-notes,.activity-description .sub-description{background:#f9fafb;background:var(--task-modal-section-bg);border-radius:6px;color:#6b7280;color:var(--task-modal-meta-text);font-size:.8rem;padding:.5rem .75rem}.activity-description .activity-notes{border-left:2px solid #f59e0b;font-style:italic;margin:.5rem 0 0}.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:#1f2937;color:var(--task-modal-text);display:flex;font-weight:600;gap:.5rem}[data-theme=dark] .task-assignment-activity .activity-description .main-description,body[data-theme=dark] .task-assignment-activity .activity-description .main-description,html[data-theme=dark] .task-assignment-activity .activity-description .main-description{background:#1e293be6;color:#f1f5f9}.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}[data-theme=dark] .task-assignment-activity .main-description .assignment-inline,body[data-theme=dark] .task-assignment-activity .main-description .assignment-inline,html[data-theme=dark] .task-assignment-activity .main-description .assignment-inline{background:#1e293bcc;border:1px solid #1e293b;color:#bae6fd}.task-assignment-activity .main-description .assignment-inline strong{color:#0369a1;font-weight:600}[data-theme=dark] .task-assignment-activity .main-description .assignment-inline strong,body[data-theme=dark] .task-assignment-activity .main-description .assignment-inline strong,html[data-theme=dark] .task-assignment-activity .main-description .assignment-inline strong{color:#7dd3fc}.task-completion-activity{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border:2px solid #10b981;box-shadow:0 4px 12px #10b98126;overflow:hidden;position:relative}[data-theme=dark] .task-completion-activity,body[data-theme=dark] .task-completion-activity,html[data-theme=dark] .task-completion-activity{background:linear-gradient(135deg,#064e3b,#065f46);border:2px solid #059669}.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:#1f2937;color:var(--task-modal-text);display:flex;font-weight:600;gap:.5rem}[data-theme=dark] .task-completion-activity .activity-description .main-description,body[data-theme=dark] .task-completion-activity .activity-description .main-description,html[data-theme=dark] .task-completion-activity .activity-description .main-description{background:#064e3be6;color:#d1fae5}.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}[data-theme=dark] .task-review-activity,body[data-theme=dark] .task-review-activity,html[data-theme=dark] .task-review-activity{background:linear-gradient(135deg,#581c87,#6b21a8);border:2px solid #7c3aed}.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:#1f2937;color:var(--task-modal-text);display:flex;font-weight:600;gap:.5rem}[data-theme=dark] .task-review-activity .activity-description .main-description,body[data-theme=dark] .task-review-activity .activity-description .main-description,html[data-theme=dark] .task-review-activity .activity-description .main-description{background:#581c87e6;color:#ede9fe}.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}[data-theme=dark] .task-creation-activity,body[data-theme=dark] .task-creation-activity,html[data-theme=dark] .task-creation-activity{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border:2px solid #2563eb}.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:#1f2937;color:var(--task-modal-text);display:flex;font-weight:600;gap:.5rem}[data-theme=dark] .task-creation-activity .activity-description .main-description,body[data-theme=dark] .task-creation-activity .activity-description .main-description,html[data-theme=dark] .task-creation-activity .activity-description .main-description{background:#1e3a8ae6;color:#dbeafe}.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}[data-theme=dark] .status-change-activity,body[data-theme=dark] .status-change-activity,html[data-theme=dark] .status-change-activity{background:linear-gradient(135deg,#92400e,#b45309);border:2px solid #d97706}.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:#1f2937;color:var(--task-modal-text);display:flex;font-weight:600;gap:.5rem}[data-theme=dark] .status-change-activity .activity-description .main-description,body[data-theme=dark] .status-change-activity .activity-description .main-description,html[data-theme=dark] .status-change-activity .activity-description .main-description{background:#92400ee6;color:#fef3c7}.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}[data-theme=dark] .status-change-activity .main-description .assignment-inline,[data-theme=dark] .task-assignment-activity .main-description .assignment-inline,[data-theme=dark] .task-completion-activity .main-description .assignment-inline,[data-theme=dark] .task-creation-activity .main-description .assignment-inline,[data-theme=dark] .task-review-activity .main-description .assignment-inline,body[data-theme=dark] .status-change-activity .main-description .assignment-inline,body[data-theme=dark] .task-assignment-activity .main-description .assignment-inline,body[data-theme=dark] .task-completion-activity .main-description .assignment-inline,body[data-theme=dark] .task-creation-activity .main-description .assignment-inline,body[data-theme=dark] .task-review-activity .main-description .assignment-inline,html[data-theme=dark] .status-change-activity .main-description .assignment-inline,html[data-theme=dark] .task-assignment-activity .main-description .assignment-inline,html[data-theme=dark] .task-completion-activity .main-description .assignment-inline,html[data-theme=dark] .task-creation-activity .main-description .assignment-inline,html[data-theme=dark] .task-review-activity .main-description .assignment-inline{background:#1e293bcc;border:1px solid #ffffff1a;color:#1f2937;color:var(--task-modal-text)}.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:#1f2937;color:var(--task-modal-text);font-weight:500}[data-theme=dark] .task-assignment-activity .activity-description .sub-description,body[data-theme=dark] .task-assignment-activity .activity-description .sub-description,html[data-theme=dark] .task-assignment-activity .activity-description .sub-description{background:#1e3a8acc;color:#bae6fd}.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}[data-theme=dark] .assignment-details,body[data-theme=dark] .assignment-details,html[data-theme=dark] .assignment-details{background:#1e293bf2;border:1px solid #1e293b}.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}[data-theme=dark] .assignment-meta-item,body[data-theme=dark] .assignment-meta-item,html[data-theme=dark] .assignment-meta-item{background:#1e293b;border:1px solid #334155;color:#bae6fd}.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:#f9fafb;background:var(--task-modal-section-bg)}.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;color:var(--task-modal-text);font-size:.875rem;font-weight:500;word-break:break-all}.file-type{color:#6b7280;color:var(--task-modal-meta-text);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;background:var(--task-modal-button-bg);border:1px solid #d1d5db;border:1px solid var(--task-modal-button-border);color:#374151;color:var(--task-modal-button-text);height:1.75rem;width:1.75rem}.file-actions .download-btn:hover,.file-actions .view-btn:hover{background:#f9fafb;background:var(--task-modal-section-bg);color:#1f2937;color:var(--task-modal-text)}.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:#f9fafb;background:var(--task-modal-section-bg);border:1px solid #e5e7eb;border:1px solid var(--task-modal-border);border-radius:12px;margin-top:16px;padding:16px}.multiple-attachments .attachments-title{align-items:center;color:#1f2937;color:var(--task-modal-text);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:#f9fafb;background:var(--task-modal-section-bg);border:1px solid #e5e7eb;border:1px solid var(--task-modal-border);border-radius:12px;margin-bottom:8px;padding:16px}.batch-content .note-content p{color:#1f2937;color:var(--task-modal-text);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;background:var(--task-modal-bg);border:1px solid #e5e7eb;border:1px solid var(--task-modal-border);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:#1f2937;color:var(--task-modal-text);font-size:13px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-item .file-type{color:#6b7280;color:var(--task-modal-meta-text);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:#f9fafb;background:var(--task-modal-section-bg);border-left:3px solid #3b82f6;border-radius:6px;margin-top:8px;padding:12px}.update-note p{color:#1f2937;color:var(--task-modal-text);font-size:14px;line-height:1.5;margin:0}[data-theme=dark] input[type=file],body[data-theme=dark] input[type=file],html[data-theme=dark] input[type=file]{background:#fff;background:var(--task-modal-input-bg);border-color:#e5e7eb;border-color:var(--task-modal-border);color:#1f2937;color:var(--task-modal-text)}.dark .task-details-modal-content *,[data-theme=dark] .task-details-modal-content *,body.dark .task-details-modal-content *,body[data-theme=dark] .task-details-modal-content *,html.dark .task-details-modal-content *,html[data-theme=dark] .task-details-modal-content *{color:inherit}.dark .task-details-modal-content,.dark .task-details-modal-content .activity-body,.dark .task-details-modal-content .info-item span,.dark .task-details-modal-content .template-data-item span,.dark .task-details-modal-content .user-name,[data-theme=dark] .task-details-modal-content,[data-theme=dark] .task-details-modal-content .activity-body,[data-theme=dark] .task-details-modal-content .info-item span,[data-theme=dark] .task-details-modal-content .template-data-item span,[data-theme=dark] .task-details-modal-content .user-name,body.dark .task-details-modal-content,body.dark .task-details-modal-content .activity-body,body.dark .task-details-modal-content .info-item span,body.dark .task-details-modal-content .template-data-item span,body.dark .task-details-modal-content .user-name,body[data-theme=dark] .task-details-modal-content,body[data-theme=dark] .task-details-modal-content .activity-body,body[data-theme=dark] .task-details-modal-content .info-item span,body[data-theme=dark] .task-details-modal-content .template-data-item span,body[data-theme=dark] .task-details-modal-content .user-name,html.dark .task-details-modal-content,html.dark .task-details-modal-content .activity-body,html.dark .task-details-modal-content .info-item span,html.dark .task-details-modal-content .template-data-item span,html.dark .task-details-modal-content .user-name,html[data-theme=dark] .task-details-modal-content,html[data-theme=dark] .task-details-modal-content .activity-body,html[data-theme=dark] .task-details-modal-content .info-item span,html[data-theme=dark] .task-details-modal-content .template-data-item span,html[data-theme=dark] .task-details-modal-content .user-name{color:#f9fafb!important}.dark .task-details-modal-overlay,[data-theme=dark] .task-details-modal-overlay,body.dark .task-details-modal-overlay,body[data-theme=dark] .task-details-modal-overlay,html.dark .task-details-modal-overlay,html[data-theme=dark] .task-details-modal-overlay{background-color:#000c!important}.dark .task-details-modal-content .task-details-modal-body,[data-theme=dark] .task-details-modal-content .task-details-modal-body,body.dark .task-details-modal-content .task-details-modal-body,body[data-theme=dark] .task-details-modal-content .task-details-modal-body,html.dark .task-details-modal-content .task-details-modal-body,html[data-theme=dark] .task-details-modal-content .task-details-modal-body{background:#1f2937!important}.dark .attachment-btn,[data-theme=dark] .attachment-btn,body.dark .attachment-btn,body[data-theme=dark] .attachment-btn,html.dark .attachment-btn,html[data-theme=dark] .attachment-btn{background:#374151!important;border:2px solid #4b5563!important;color:#f9fafb!important}.dark .attachment-btn:hover,[data-theme=dark] .attachment-btn:hover,body.dark .attachment-btn:hover,body[data-theme=dark] .attachment-btn:hover,html.dark .attachment-btn:hover,html[data-theme=dark] .attachment-btn:hover{background:#4b5563!important;border-color:#6b7280!important;transform:translateY(-1px)}.dark .file-preview,[data-theme=dark] .file-preview,body.dark .file-preview,body[data-theme=dark] .file-preview,html.dark .file-preview,html[data-theme=dark] .file-preview{background:#1f2937!important;border:2px solid #0ea5e9!important}.dark .attachment-item,[data-theme=dark] .attachment-item,body.dark .attachment-item,body[data-theme=dark] .attachment-item,html.dark .attachment-item,html[data-theme=dark] .attachment-item{background:#1f2937!important;border:1px solid #374151!important}.combined-services-container{background:#f9fafb;background:var(--task-modal-section-bg);border:2px solid #e5e7eb;border:2px solid var(--task-modal-border);border-radius:12px;overflow:hidden}.combination-info{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;margin:-1px -1px 20px;padding:16px 20px}.combination-badge{align-items:center;display:flex;gap:8px;margin-bottom:8px}.combination-label{background:#fff3;border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.combination-count{background:#ffffff26;border-radius:12px;font-size:11px;font-weight:500;padding:4px 8px}.combination-title{font-size:18px;font-weight:700;margin:0;text-shadow:0 1px 2px #0000001a}.combined-service-item{background:#fff;background:var(--task-modal-bg);border:1px solid #e5e7eb;border:1px solid var(--task-modal-border);border-radius:8px;margin:0 20px 24px;padding:16px;position:relative}.combined-service-item:last-child{margin-bottom:20px}.service-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--task-modal-border);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.service-name{color:#1f2937;color:var(--task-modal-text);font-size:16px;font-weight:600}.service-details-inline{align-items:center;display:flex;gap:8px}.service-dimensions,.service-quantity{background:#f3f4f6;background:var(--task-modal-button-bg);border:1px solid #d1d5db;border:1px solid var(--task-modal-button-border);border-radius:12px;color:#374151;color:var(--task-modal-button-text);font-size:12px;font-weight:500;padding:4px 10px}.service-template-data{margin-top:8px}.template-instance-simple{background:#f9fafb;background:var(--task-modal-section-bg);border:1px solid #e5e7eb;border:1px solid var(--task-modal-border);border-radius:6px;margin-bottom:8px;padding:12px}.template-instance-simple:last-child{margin-bottom:0}.dark .combination-info,[data-theme=dark] .combination-info,body.dark .combination-info,body[data-theme=dark] .combination-info,html.dark .combination-info,html[data-theme=dark] .combination-info{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.dark .combined-service-item,[data-theme=dark] .combined-service-item,body.dark .combined-service-item,body[data-theme=dark] .combined-service-item,html.dark .combined-service-item,html[data-theme=dark] .combined-service-item{background:#fff!important;background:var(--task-modal-bg)!important;border-color:#e5e7eb!important;border-color:var(--task-modal-border)!important}.dark .service-name,[data-theme=dark] .service-name,body.dark .service-name,body[data-theme=dark] .service-name,html.dark .service-name,html[data-theme=dark] .service-name{color:#1f2937!important;color:var(--task-modal-text)!important}.service-details-section{padding-top:12px}.service-measurements,.service-template-section{margin-bottom:16px}.service-measurements h5,.service-template-section h5{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--task-modal-border);color:#1f2937;color:var(--task-modal-text);font-size:14px;font-weight:600;margin-bottom:8px;padding-bottom:4px}.measurements-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.measurement-item{align-items:center;background:#f9fafb;background:var(--task-modal-section-bg);border:1px solid #e5e7eb;border:1px solid var(--task-modal-border);border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.measurement-item.total-price{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#3b82f6;font-weight:600}.measurement-item label{color:#6b7280;color:var(--task-modal-meta-text);font-size:13px;font-weight:500}.measurement-item span{color:#1f2937;color:var(--task-modal-text);font-size:13px;font-weight:600}.template-name{background:#f9fafb;background:var(--task-modal-section-bg);border:1px solid #e5e7eb;border:1px solid var(--task-modal-border);border-radius:6px;margin-bottom:12px;padding:8px 12px}.template-name strong{color:#6b7280;color:var(--task-modal-meta-text);font-size:13px}.template-name span{color:#1f2937;color:var(--task-modal-text);font-weight:500}.instance-header{background:#f3f4f6;background:var(--task-modal-button-bg);border:1px solid #d1d5db;border:1px solid var(--task-modal-button-border);border-radius:4px;margin-bottom:8px;padding:6px 12px}.instance-title{color:#374151;color:var(--task-modal-button-text);font-size:12px;font-weight:600}.dark .measurement-item.total-price,[data-theme=dark] .measurement-item.total-price,body.dark .measurement-item.total-price,body[data-theme=dark] .measurement-item.total-price,html.dark .measurement-item.total-price,html[data-theme=dark] .measurement-item.total-price{background:linear-gradient(135deg,#374151,#4b5563);border-color:#60a5fa}.dark .template-name,[data-theme=dark] .template-name,body.dark .template-name,body[data-theme=dark] .template-name,html.dark .template-name,html[data-theme=dark] .template-name{background:#f9fafb!important;background:var(--task-modal-section-bg)!important;border-color:#e5e7eb!important;border-color:var(--task-modal-border)!important}.dark .instance-header,[data-theme=dark] .instance-header,body.dark .instance-header,body[data-theme=dark] .instance-header,html.dark .instance-header,html[data-theme=dark] .instance-header{background:#f3f4f6!important;background:var(--task-modal-button-bg)!important;border-color:#d1d5db!important;border-color:var(--task-modal-button-border)!important}.dark .service-dimensions,.dark .service-quantity,[data-theme=dark] .service-dimensions,[data-theme=dark] .service-quantity,body.dark .service-dimensions,body.dark .service-quantity,body[data-theme=dark] .service-dimensions,body[data-theme=dark] .service-quantity,html.dark .service-dimensions,html.dark .service-quantity,html[data-theme=dark] .service-dimensions,html[data-theme=dark] .service-quantity{background:#f3f4f6!important;background:var(--task-modal-button-bg)!important;border-color:#d1d5db!important;border-color:var(--task-modal-button-border)!important;color:#374151!important;color:var(--task-modal-button-text)!important}:root{--users-light-text:#1f2937;--users-light-content-bg:#f7f8fc;--users-light-border:#e5e7eb;--users-light-table-header:#ecf1fa;--users-light-card-bg:#fff;--users-light-hover:#f9fafb;--users-light-input-bg:#fff;--users-light-input-border:#d1d5db;--users-light-label:#374151;--users-light-secondary:#6b7280}[data-theme=dark]{--users-dark-text:#f9fafb;--users-dark-bg:#1f2937;--users-dark-content-bg:#374151;--users-dark-border:#4b5563;--users-dark-table-header:#4b5563;--users-dark-card-bg:#374151;--users-dark-hover:#4b5563;--users-dark-input-bg:#4b5563;--users-dark-input-border:#6b7280;--users-dark-label:#d1d5db;--users-dark-secondary:#9ca3af}.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}[data-theme=dark] .users-container,body[data-theme=dark] .users-container,html[data-theme=dark] .users-container{background:var(--users-dark-bg)!important;color:var(--users-dark-text)!important}[data-theme=dark] .users-container h1,body[data-theme=dark] .users-container h1,html[data-theme=dark] .users-container h1{color:var(--users-dark-text)!important}@media (max-width:768px){.users-container h1{display:none}}.users-content{background-color:#f7f8fc;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2rem}[data-theme=dark] .users-content,body[data-theme=dark] .users-content,html[data-theme=dark] .users-content{background-color:var(--users-dark-content-bg)!important;box-shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003!important;color:var(--users-dark-text)!important}.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}[data-theme=dark] .list-header,body[data-theme=dark] .list-header,html[data-theme=dark] .list-header{border-bottom-color:var(--users-dark-border)!important}.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}[data-theme=dark] .search-icon,body[data-theme=dark] .search-icon,html[data-theme=dark] .search-icon{color:var(--users-dark-secondary)!important}.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%}[data-theme=dark] .search-input,body[data-theme=dark] .search-input,html[data-theme=dark] .search-input{background-color:var(--users-dark-input-bg)!important;border-color:var(--users-dark-input-border)!important;color:var(--users-dark-text)!important}[data-theme=dark] .search-input::placeholder,body[data-theme=dark] .search-input::placeholder,html[data-theme=dark] .search-input::placeholder{color:var(--users-dark-secondary)!important}.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}[data-theme=dark] .department-filter,body[data-theme=dark] .department-filter,html[data-theme=dark] .department-filter{background-color:var(--users-dark-input-bg)!important;border-color:var(--users-dark-input-border)!important;color:var(--users-dark-text)!important}.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}[data-theme=dark] .users-table-container,body[data-theme=dark] .users-table-container,html[data-theme=dark] .users-table-container{background-color:var(--users-dark-card-bg)!important;border-color:var(--users-dark-border)!important}.users-table{border-collapse:collapse;direction:rtl;font-family:Tajawal,sans-serif;width:100%}.users-table thead{background-color:#ecf1fa}.users-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:1rem 1.5rem;text-align:right}[data-theme=dark] .users-table thead,body[data-theme=dark] .users-table thead,html[data-theme=dark] .users-table thead{background-color:var(--users-dark-table-header)!important}[data-theme=dark] .users-table th,body[data-theme=dark] .users-table th,html[data-theme=dark] .users-table th{border-bottom-color:var(--users-dark-border)!important;color:var(--users-dark-text)!important}.users-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.users-table tbody tr:hover{background-color:#f9fafb}.users-table tbody tr:nth-child(2n){background-color:#eef2f67d}.users-table td{padding:1rem 1.5rem;text-align:right;vertical-align:middle}[data-theme=dark] .users-table tbody tr,body[data-theme=dark] .users-table tbody tr,html[data-theme=dark] .users-table tbody tr{border-bottom-color:var(--users-dark-border)!important}[data-theme=dark] .users-table tbody tr:hover,body[data-theme=dark] .users-table tbody tr:hover,html[data-theme=dark] .users-table tbody tr:hover{background-color:var(--users-dark-hover)!important}[data-theme=dark] .users-table tbody tr:nth-child(2n),body[data-theme=dark] .users-table tbody tr:nth-child(2n),html[data-theme=dark] .users-table tbody tr:nth-child(2n){background-color:#4b55634d!important}[data-theme=dark] .users-table td,body[data-theme=dark] .users-table td,html[data-theme=dark] .users-table td{color:var(--users-dark-text)!important}.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}[data-theme=dark] .user-name-table,body[data-theme=dark] .user-name-table,html[data-theme=dark] .user-name-table{color:var(--users-dark-text)!important}[data-theme=dark] .user-email-table,body[data-theme=dark] .user-email-table,html[data-theme=dark] .user-email-table{color:var(--users-dark-secondary)!important}.phone-cell{color:#374151;direction:ltr;font-size:.875rem;text-align:left}.date-cell{color:#6b7280;font-size:.875rem;text-align:right}[data-theme=dark] .phone-cell,body[data-theme=dark] .phone-cell,html[data-theme=dark] .phone-cell{color:var(--users-dark-text)!important}[data-theme=dark] .date-cell,body[data-theme=dark] .date-cell,html[data-theme=dark] .date-cell{color:var(--users-dark-secondary)!important}.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}[data-theme=dark] .mobile-user-card,body[data-theme=dark] .mobile-user-card,html[data-theme=dark] .mobile-user-card{background-color:var(--users-dark-card-bg)!important;border-color:var(--users-dark-border)!important}[data-theme=dark] .mobile-user-card:hover,body[data-theme=dark] .mobile-user-card:hover,html[data-theme=dark] .mobile-user-card:hover{box-shadow:0 4px 6px -1px #0000004d!important}.mobile-card-header{align-items:center;background-color:#ecf1fa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}[data-theme=dark] .mobile-card-header,body[data-theme=dark] .mobile-card-header,html[data-theme=dark] .mobile-card-header{background-color:var(--users-dark-table-header)!important;border-bottom-color:var(--users-dark-border)!important}.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}[data-theme=dark] .mobile-user-name,body[data-theme=dark] .mobile-user-name,html[data-theme=dark] .mobile-user-name{color:var(--users-dark-text)!important}[data-theme=dark] .mobile-user-email,body[data-theme=dark] .mobile-user-email,html[data-theme=dark] .mobile-user-email{color:var(--users-dark-secondary)!important}.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}[data-theme=dark] .mobile-info-label,body[data-theme=dark] .mobile-info-label,html[data-theme=dark] .mobile-info-label{color:var(--users-dark-secondary)!important}[data-theme=dark] .mobile-info-value,body[data-theme=dark] .mobile-info-value,html[data-theme=dark] .mobile-info-value{color:var(--users-dark-text)!important}.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%}[data-theme=dark] .modal-content,body[data-theme=dark] .modal-content,html[data-theme=dark] .modal-content{background-color:var(--users-dark-card-bg)!important;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003!important}.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}[data-theme=dark] .modal-header,body[data-theme=dark] .modal-header,html[data-theme=dark] .modal-header{border-bottom-color:var(--users-dark-border)!important}[data-theme=dark] .modal-header h2,body[data-theme=dark] .modal-header h2,html[data-theme=dark] .modal-header h2{color:var(--users-dark-text)!important}.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}[data-theme=dark] .modal-close,body[data-theme=dark] .modal-close,html[data-theme=dark] .modal-close{color:var(--users-dark-secondary)!important}[data-theme=dark] .modal-close:hover,body[data-theme=dark] .modal-close:hover,html[data-theme=dark] .modal-close:hover{background-color:var(--users-dark-hover)!important;color:var(--users-dark-text)!important}.modal-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2rem}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:center;padding:1rem 2rem 1.5rem}[data-theme=dark] .modal-footer,body[data-theme=dark] .modal-footer,html[data-theme=dark] .modal-footer{border-top-color:var(--users-dark-border)!important}.modal-buttons-row{display:flex;gap:1rem;justify-content:center;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}[data-theme=dark] .form-label,body[data-theme=dark] .form-label,html[data-theme=dark] .form-label{color:var(--users-dark-label)!important}[data-theme=dark] .form-input,[data-theme=dark] .form-select,body[data-theme=dark] .form-input,body[data-theme=dark] .form-select,html[data-theme=dark] .form-input,html[data-theme=dark] .form-select{background-color:var(--users-dark-input-bg)!important;border-color:var(--users-dark-input-border)!important;color:var(--users-dark-text)!important}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-select::placeholder,body[data-theme=dark] .form-input::placeholder,body[data-theme=dark] .form-select::placeholder,html[data-theme=dark] .form-input::placeholder,html[data-theme=dark] .form-select::placeholder{color:var(--users-dark-secondary)!important}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,body[data-theme=dark] .form-input:focus,body[data-theme=dark] .form-select:focus,html[data-theme=dark] .form-input:focus,html[data-theme=dark] .form-select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f633!important}@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}}.permissions-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--users-light-border);margin-top:1.5rem;padding-top:1.5rem}[data-theme=dark] .permissions-section,body[data-theme=dark] .permissions-section,html[data-theme=dark] .permissions-section{border-top-color:var(--users-dark-border)!important}.permissions-heading{align-items:center;color:#1f2937;color:var(--users-light-text);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}[data-theme=dark] .permissions-heading,body[data-theme=dark] .permissions-heading,html[data-theme=dark] .permissions-heading{color:var(--users-dark-text)!important}.permissions-icon{height:1.25rem;width:1.25rem}.permissions-loading{color:#6b7280;color:var(--users-light-secondary);padding:1rem;text-align:center}[data-theme=dark] .permissions-loading,body[data-theme=dark] .permissions-loading,html[data-theme=dark] .permissions-loading{color:var(--users-dark-secondary)!important}.permissions-list-container{background-color:#fff;background-color:var(--users-light-input-bg);border:1px solid #e5e7eb;border:1px solid var(--users-light-border);border-radius:.5rem;max-height:250px;overflow-y:auto}[data-theme=dark] .permissions-list-container,body[data-theme=dark] .permissions-list-container,html[data-theme=dark] .permissions-list-container{background-color:var(--users-dark-input-bg)!important;border-color:var(--users-dark-border)!important}.permissions-table{border-collapse:collapse;width:100%}.permissions-table-head{background:#ecf1fa;background:var(--users-light-table-header);position:-webkit-sticky;position:sticky;top:0;z-index:1}[data-theme=dark] .permissions-table-head,body[data-theme=dark] .permissions-table-head,html[data-theme=dark] .permissions-table-head{background:var(--users-dark-table-header)!important}.permissions-table-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--users-light-border);color:#1f2937;color:var(--users-light-text);font-size:.875rem;font-weight:600;padding:.75rem;text-align:right}.permissions-table-header-center{text-align:center;width:100px}[data-theme=dark] .permissions-table-header,body[data-theme=dark] .permissions-table-header,html[data-theme=dark] .permissions-table-header{border-bottom-color:var(--users-dark-border)!important;color:var(--users-dark-text)!important}.permissions-table-row{transition:background-color .2s ease}.permissions-table-row:hover{background-color:#f9fafb;background-color:var(--users-light-hover)}[data-theme=dark] .permissions-table-row:hover,body[data-theme=dark] .permissions-table-row:hover,html[data-theme=dark] .permissions-table-row:hover{background-color:var(--users-dark-hover)!important}.permissions-table-cell{border-bottom:1px solid #f3f4f6;color:#374151;color:var(--users-light-label);font-size:.875rem;padding:.75rem}.permissions-table-cell-center{text-align:center}[data-theme=dark] .permissions-table-cell,body[data-theme=dark] .permissions-table-cell,html[data-theme=dark] .permissions-table-cell{border-bottom-color:var(--users-dark-border)!important;color:var(--users-dark-text)!important}.permission-toggle-btn{align-items:center;border:none;border-radius:.25rem;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.permission-toggle-btn:hover{transform:scale(1.05)}.permission-toggle-enabled{background-color:#d1fae5;color:#059669}.permission-toggle-disabled{background-color:#fee2e2;color:#dc2626}[data-theme=dark] .permission-toggle-enabled,body[data-theme=dark] .permission-toggle-enabled,html[data-theme=dark] .permission-toggle-enabled{background-color:#064e3b!important;color:#10b981!important}[data-theme=dark] .permission-toggle-disabled,body[data-theme=dark] .permission-toggle-disabled,html[data-theme=dark] .permission-toggle-disabled{background-color:#7f1d1d!important;color:#ef4444!important}.permission-icon{height:1rem;width:1rem}.permissions-empty-state{background:#fef3c7;border-radius:.5rem;color:#92400e;font-size:.875rem;padding:1rem;text-align:center}[data-theme=dark] .permissions-empty-state,body[data-theme=dark] .permissions-empty-state,html[data-theme=dark] .permissions-empty-state{background:#451a03!important;color:#fbbf24!important}.error-message{font-weight:500;margin:1rem 0;padding:1rem}[data-theme=dark] .error-message,body[data-theme=dark] .error-message,html[data-theme=dark] .error-message{background-color:#7f1d1d!important;color:#fca5a5!important}.users-loading-state{color:#6b7280;color:var(--users-light-secondary);font-size:1rem;padding:2rem;text-align:center}[data-theme=dark] .users-loading-state,body[data-theme=dark] .users-loading-state,html[data-theme=dark] .users-loading-state{color:var(--users-dark-secondary)!important}.users-empty-state{background-color:#f9fafb;background-color:var(--users-light-hover);border:1px solid #e5e7eb;border:1px solid var(--users-light-border);border-radius:.75rem;color:#6b7280;color:var(--users-light-secondary);padding:3rem 1rem;text-align:center}[data-theme=dark] .users-empty-state,body[data-theme=dark] .users-empty-state,html[data-theme=dark] .users-empty-state{background-color:var(--users-dark-hover)!important;border-color:var(--users-dark-border)!important;color:var(--users-dark-secondary)!important}.users-empty-state-title{color:#1f2937;color:var(--users-light-text);font-size:1.125rem;font-weight:500;margin-bottom:.5rem}[data-theme=dark] .users-empty-state-title,body[data-theme=dark] .users-empty-state-title,html[data-theme=dark] .users-empty-state-title{color:var(--users-dark-text)!important}.users-empty-state-description{color:#6b7280;color:var(--users-light-secondary);font-size:.875rem}[data-theme=dark] .users-empty-state-description,body[data-theme=dark] .users-empty-state-description,html[data-theme=dark] .users-empty-state-description{color:var(--users-dark-secondary)!important}:root{--settings-light-text:#1f2937;--settings-light-section-bg:#f7f8fc;--settings-light-header-bg:#ecf1fa;--settings-light-border:#e5e7eb;--settings-light-input-bg:#fff;--settings-light-input-border:#d1d5db;--settings-light-display-bg:#ecf1fa;--settings-light-label:#374151;--settings-light-secondary:#6b7280;--settings-light-placeholder-bg:#f3f4f6;--settings-light-placeholder-text:#9ca3af}[data-theme=dark]{--settings-dark-text:#f9fafb;--settings-dark-section-bg:#374151;--settings-dark-header-bg:#4b5563;--settings-dark-border:#4b5563;--settings-dark-input-bg:#4b5563;--settings-dark-input-border:#6b7280;--settings-dark-display-bg:#4b5563;--settings-dark-label:#d1d5db;--settings-dark-secondary:#9ca3af;--settings-dark-placeholder-bg:#4b5563;--settings-dark-placeholder-text:#9ca3af}.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}[data-theme=dark] .settings-container,body[data-theme=dark] .settings-container,html[data-theme=dark] .settings-container{background:var(--settings-dark-bg)!important;color:var(--settings-dark-text)!important}[data-theme=dark] .settings-container h1,body[data-theme=dark] .settings-container h1,html[data-theme=dark] .settings-container h1{color:var(--settings-dark-text)!important}@media (max-width:768px){.settings-container{min-height:auto;padding:1rem}.settings-container h1{display:none}}.settings-section{background-color:#f7f8fc;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-bottom:2rem;overflow:hidden}[data-theme=dark] .settings-section,body[data-theme=dark] .settings-section,html[data-theme=dark] .settings-section{background-color:var(--settings-dark-section-bg)!important;box-shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003!important}.section-header{background-color:#ecf1fa;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}[data-theme=dark] .section-header,body[data-theme=dark] .section-header,html[data-theme=dark] .section-header{background-color:var(--settings-dark-header-bg)!important;border-bottom-color:var(--settings-dark-border)!important}[data-theme=dark] .section-title,body[data-theme=dark] .section-title,html[data-theme=dark] .section-title{color:var(--settings-dark-text)!important}[data-theme=dark] .section-icon,body[data-theme=dark] .section-icon,html[data-theme=dark] .section-icon{color:var(--settings-dark-secondary)!important}.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}[data-theme=dark] .profile-picture,body[data-theme=dark] .profile-picture,html[data-theme=dark] .profile-picture{border-color:var(--settings-dark-border)!important}[data-theme=dark] .profile-picture-placeholder,body[data-theme=dark] .profile-picture-placeholder,html[data-theme=dark] .profile-picture-placeholder{background-color:var(--settings-dark-placeholder-bg)!important;border-color:var(--settings-dark-border)!important}[data-theme=dark] .placeholder-icon,body[data-theme=dark] .placeholder-icon,html[data-theme=dark] .placeholder-icon{color:var(--settings-dark-placeholder-text)!important}.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}[data-theme=dark] .banner-picture-container,body[data-theme=dark] .banner-picture-container,html[data-theme=dark] .banner-picture-container{border-color:var(--settings-dark-border)!important}[data-theme=dark] .banner-picture-placeholder,body[data-theme=dark] .banner-picture-placeholder,html[data-theme=dark] .banner-picture-placeholder{background-color:var(--settings-dark-placeholder-bg)!important;color:var(--settings-dark-placeholder-text)!important}.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}[data-theme=dark] .change-photo-button,body[data-theme=dark] .change-photo-button,html[data-theme=dark] .change-photo-button{background-color:#3b82f6!important;color:#fff!important}[data-theme=dark] .change-photo-button:hover,body[data-theme=dark] .change-photo-button:hover,html[data-theme=dark] .change-photo-button:hover{background-color:#2563eb!important}.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:#ecf1fa;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;display:flex;min-height:2.75rem;padding:.75rem}[data-theme=dark] .form-label,body[data-theme=dark] .form-label,html[data-theme=dark] .form-label{color:var(--settings-dark-label)!important}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea,body[data-theme=dark] .form-input,body[data-theme=dark] .form-textarea,html[data-theme=dark] .form-input,html[data-theme=dark] .form-textarea{background-color:var(--settings-dark-input-bg)!important;border-color:var(--settings-dark-input-border)!important;color:var(--settings-dark-text)!important}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder,body[data-theme=dark] .form-input::placeholder,body[data-theme=dark] .form-textarea::placeholder,html[data-theme=dark] .form-input::placeholder,html[data-theme=dark] .form-textarea::placeholder{color:var(--settings-dark-secondary)!important}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus,body[data-theme=dark] .form-input:focus,body[data-theme=dark] .form-textarea:focus,html[data-theme=dark] .form-input:focus,html[data-theme=dark] .form-textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f633!important}[data-theme=dark] .form-display,body[data-theme=dark] .form-display,html[data-theme=dark] .form-display{background-color:var(--settings-dark-display-bg)!important;border-color:var(--settings-dark-border)!important;color:var(--settings-dark-text)!important}.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}[data-theme=dark] .password-section-header,body[data-theme=dark] .password-section-header,html[data-theme=dark] .password-section-header{border-top-color:var(--settings-dark-border)!important}[data-theme=dark] .toggle-password-button,body[data-theme=dark] .toggle-password-button,html[data-theme=dark] .toggle-password-button{color:#60a5fa!important}[data-theme=dark] .toggle-password-button:hover,body[data-theme=dark] .toggle-password-button:hover,html[data-theme=dark] .toggle-password-button:hover{color:#3b82f6!important}.password-fields{margin-top:1rem}.section-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:center;margin-top:2rem;padding-top:1.5rem}[data-theme=dark] .section-actions,body[data-theme=dark] .section-actions,html[data-theme=dark] .section-actions{border-top-color:var(--settings-dark-border)!important}.logout-section{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:Readex Pro,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.6490ac7c.css.map*/