@charset "UTF-8";:root{--primary:#10b981;--primary-color:#2d4059;--primary-dark:#1a2844;--secondary-color:#2d4059;--primary-light:#e6f5f0;--secondary:#10b981;--accent:#2d4059;--header:#16694e;--green-mint:#86efac;--green-emerald:#059669;--green-teal:#14b8a6;--green-lime:#84cc16;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--surface:#fff;--background:#fff;--light-color:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--gray-50:#fff;--gray-100:#f5f5f5;--font-family:"Inter","Vazirmatn","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--sidebar-width:280px;--sidebar-collapsed:80px;--header-height:80px;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--border-radius:6px;--border-radius-sm:4px;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow:var(--shadow-lg);--box-shadow:var(--shadow-md);--box-shadow-lg:var(--shadow-lg);--transition:all 0.2s ease-in-out;--transition-slow:all 0.3s ease-in-out;--transition-normal:all 0.25s ease-in-out;--transition-fast:all 0.15s ease-in-out;--primary-rgb:16,185,129;--header-rgb:45,64,89;--settings-gray-50:#f9fafb;--settings-gray-100:#f3f4f6;--settings-gray-200:#e5e7eb;--settings-gray-300:#d1d5db;--settings-gray-400:#9ca3af;--settings-gray-500:#6b7280;--settings-gray-600:#4b5563;--settings-gray-700:#374151;--settings-gray-800:#1f2937;--settings-gray-900:#111827;--settings-primary:#10b981;--settings-primary-dark:#059669;--settings-primary-light:#d1fae5;--settings-success:#10b981;--settings-danger:#ef4444}@font-face{font-display:swap;font-family:Peyda;font-weight:400;src:url(/static/media/PeydaFaNum-Regular.cfb6d42e52cb0e00509f.ttf) format("truetype")}@font-face{font-display:swap;font-family:Peyda;font-weight:500;src:url(/static/media/PeydaFaNum-Medium.33b3f06a0894c2746df1.ttf) format("truetype")}@font-face{font-display:swap;font-family:Peyda;font-weight:700;src:url(/static/media/PeydaFaNum-Bold.16d4d3d2d8155b4ee696.ttf) format("truetype")}*{box-sizing:border-box;font-family:Peyda,Vazirmatn,sans-serif}*,body{margin:0;padding:0}body{background-attachment:fixed;background-color:#f4f7f6;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#1e293b;color:var(--text-primary);direction:rtl;min-height:100vh}.container{transition:all .2s ease-in-out}.container.sidebar-open{margin-right:280px;max-width:calc(100% - 280px)}.container.sidebar-closed{margin-right:80px;max-width:calc(100% - 80px)}@media (max-width:1023px){.container.sidebar-closed,.container.sidebar-open{margin-right:0;max-width:100%}.page-title{margin-right:5rem}}.header{align-items:center;animation:headerSlideIn .8s ease-out;background-color:#16694e;background-color:var(--header);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;display:flex;justify-content:space-between;margin:0;min-height:54px;padding:0 1.5rem;padding:0 var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}@media (max-width:768px){.header{min-height:50px;padding:0 1rem;padding:0 var(--spacing-md)}.page-title{margin-right:5rem}}@media (max-width:576px){.header{min-height:48px;padding:0 .75rem;padding:0 var(--spacing-sm)}.page-title{margin-right:5rem}}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(-10)}}.page-title h1{font-size:1.1rem;font-weight:600;margin-bottom:.1rem;padding-right:1rem}.page-title p{font-size:.75rem;opacity:.8;padding-right:1rem}.edit-btn{border-radius:.75rem;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease-in-out}.edit-btn.edit{background:#10b981}.edit-btn.edit:hover{background:#1a2844;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.edit-btn.save{background:#10b981}.edit-btn.save:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.filter-group{border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #00000014;position:-webkit-sticky;position:sticky;transition:all .2s ease-in-out;transition:var(--transition);z-index:100}.filter-label{color:#64748b;font-size:.875rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;margin-bottom:var(--spacing-xs);text-transform:uppercase}.filter-input{background:#fff;border:1px solid #d1d5db;border-radius:.75rem;color:#1e293b;font-family:Inter,Vazirmatn,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem;height:38px;padding:8px 2.5rem 8px 10px;transition:all .2s ease-in-out}.filter-input:focus,.filter-select:focus{border-color:#10b981;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.search-icon{color:var(--text-light);font-size:.875rem}.view-controls{border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #00000014;gap:3px;justify-content:center;padding:8px}.view-toggle-container{background:#f5f5f5;border-radius:.75rem;border-radius:var(--radius-md)}.view-toggle-btn{border-radius:.5rem;color:#94a3b8;font-size:.85rem;height:28px;transition:all .2s ease-in-out;width:28px}.view-toggle-btn:hover{background:#e2e8f0;color:#1e293b}.view-toggle-btn.active{background:#10b981;box-shadow:var(--shadow-xs)}.sort-btn{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;color:#64748b;font-size:.7rem;height:28px;line-height:1;padding:4px 8px;transition:all .2s ease-in-out;transition:var(--transition)}.sort-btn:hover{background:#f5f5f5}.sort-btn.active,.sort-btn:hover{border-color:#10b981;color:#10b981}.sort-btn.active{background:#e6f5f0;background:var(--primary-light);color:var(--primary)}.sort-indicator{font-size:.8rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--surface);border-radius:.75rem;border-radius:var(--radius-md);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{background:linear-gradient(135deg,#fff,#fff);background:linear-gradient(135deg,var(--gray-50),var(--surface));border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl)}.modal-header h2{color:#1e293b;color:var(--text-primary);font-size:1.25rem;gap:.75rem}.modal-actions{background:#fff;border-top:1px solid #f1f5f9;gap:1rem;gap:var(--spacing-md);grid-column:1/-1;margin-top:.75rem;margin-top:var(--spacing-sm);padding-top:1rem;padding-top:var(--spacing-md)}.modal-body{max-height:60vh;padding:1.5rem}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f5f5f5}.modal-body::-webkit-scrollbar-thumb{background:#10b981}.empty-state{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;padding:3rem 1.5rem}.form-input:disabled{background-color:#f9fafb}.form-input,.form-select,.form-textarea{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);font-family:Inter,Vazirmatn,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-family);font-size:.9rem;padding:.5rem .75rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease-in-out;transition:var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#10b981;box-shadow:0 0 0 2px #122e4b1a}@media screen and (max-width:768px){.modal-overlay{align-items:flex-start;padding:2rem .5rem .5rem}.modal-content{margin:0;max-height:90vh;max-width:100%;width:90%}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-radius:0;border-top:1px solid #aeaeae;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-radius:0 0 .3rem .3rem;border-top:1px solid #aeaeae}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__month-year-select,.react-datepicker__year-select{background-color:initial;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__month-year-select:focus-visible,.react-datepicker__year-select:focus-visible{outline:1px auto}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:5em}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:5em}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.375em;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + 1.0625em);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:2.125em;margin:.208em;text-align:center;width:2.125em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;text-align:center;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:2.125em;margin:.208em;text-align:center;width:2.125em}.react-datepicker__day--disabled,.react-datepicker__day-name--disabled,.react-datepicker__time-name--disabled{color:#ccc;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__children-container{height:auto;margin:.5em;padding-left:.25em;padding-right:.25em;width:17.25em}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.react-datepicker-popper-offset{margin-top:-.7em}.profile-content{margin:2rem auto;min-height:calc(100vh - 80px);padding:var(--spacing-2xl) var(--spacing-xl);transform:translateY(-4rem);width:calc(100% - 50px)}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 40px #00000014;display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.profile-card:hover{box-shadow:0 20px 60px #0000001f;transform:translateY(-4px)}.card-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;padding:.85rem 1.75rem}.avatar-section{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,#4c6ef5,#3b5bdb);border-radius:10px;box-shadow:0 8px 24px #4c6ef54d;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;position:relative;width:50px}.profile-avatar:before{animation:shimmer 3s linear infinite;background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.avatar-initials{color:#fff;font-size:1.4rem;font-weight:700;z-index:1}.profile-info{flex:1 1;min-width:200px}.profile-name{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.profile-role{color:#64748b;font-size:.9rem;margin:0}.action-buttons{flex-wrap:wrap;gap:.75rem}.edit-profile-btn{align-items:center;background:linear-gradient(135deg,#4c6ef5,#3b5bdb);border:none;border-radius:12px;box-shadow:0 4px 12px #4c6ef533;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.edit-profile-btn:hover:not(:disabled){box-shadow:0 8px 20px #4c6ef54d;transform:translateY(-2px)}.edit-profile-btn.save{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98133}.edit-profile-btn.save:hover:not(:disabled){box-shadow:0 8px 20px #10b9814d}.cancel-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:.9rem;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.btn-icon{display:inline-flex}.profile-card-body{flex:1 1;overflow-y:auto;padding:1rem 1.25rem}.profile-card-body.all-in-one{padding:0}.profile-card-body.all-in-one>.section-title{background:#f8fafc;border-bottom:1px solid #e2e8f0;margin:0;padding:2rem 2.5rem 1.5rem}.profile-card-body.all-in-one>.details-grid{border-bottom:1px solid #e2e8f0;margin:0;padding:1.5rem 2.5rem 2rem}.profile-card-body.all-in-one>.departments-preview{padding:2rem 2.5rem}.section-title{color:#1e293b;font-size:.75rem;letter-spacing:.04em;margin-bottom:1rem;margin-top:.5rem;padding-bottom:.75rem;position:relative;text-transform:uppercase}.section-title:after{background:linear-gradient(135deg,#4c6ef5,#3b5bdb);border-radius:3px;bottom:0;content:"";height:3px;position:absolute;right:0;width:40px}.details-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:1rem}.details-grid.compact-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:1rem}.detail-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:.35rem;overflow:hidden;padding:.75rem;position:relative;transition:all .3s ease}.detail-item.full-width{grid-column:1/-1}.detail-item:before{background:linear-gradient(135deg,#4c6ef5,#3b5bdb);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.detail-item:hover:before{transform:scaleY(1)}.detail-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateX(4px)}.detail-label{color:#64748b;font-size:.68rem;font-weight:600;letter-spacing:.04em;margin-bottom:.2rem;text-transform:uppercase}.detail-value{font-weight:500;line-height:1.4}.detail-input,.detail-value{color:#1e293b;font-size:.9rem}.detail-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:var(--font-family);padding:.6rem .85rem;transition:all .3s ease;width:100%}.detail-input:focus{border-color:#4c6ef5;box-shadow:0 0 0 3px #4c6ef51a;outline:none}.detail-input.error{background:#ef44440d;border-color:#ef4444}.detail-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.detail-input::placeholder{color:#94a3b8}.detail-input:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.detail-textarea{line-height:1.5;min-height:80px;resize:vertical}.react-datepicker{border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 4px 20px #0000001a!important;direction:rtl!important;font-family:var(--font-family);font-size:.9rem}.react-datepicker__header{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-bottom:1px solid #e2e8f0!important;border-radius:12px 12px 0 0!important;padding-top:.75rem!important}.react-datepicker__current-month{color:#1e293b!important;font-size:1rem!important;font-weight:600!important}.react-datepicker__day-name{color:#64748b!important;font-weight:600!important;margin:.2rem!important;width:2.5rem!important}.react-datepicker__day{border-radius:8px!important;color:#1e293b!important;height:2.5rem!important;line-height:2.5rem!important;margin:.2rem!important;transition:all .2s ease!important;width:2.5rem!important}.react-datepicker__day:hover{background-color:#f1f5f9!important;color:#1e293b!important}.react-datepicker__day--selected{background:linear-gradient(135deg,#4c6ef5,#3b5bdb)!important;color:#fff!important;font-weight:600!important}.react-datepicker__day--keyboard-selected{background-color:#4c6ef51a!important;color:#4c6ef5!important}.react-datepicker__day--outside-month{color:#cbd5e1!important}.react-datepicker__day--today{color:#10b981!important;font-weight:700!important}.react-datepicker__navigation{top:1rem!important}.react-datepicker__navigation--previous{left:auto!important;right:1rem!important}.react-datepicker__navigation--next{left:1rem!important;right:auto!important}.react-datepicker__navigation-icon:before{border-color:#64748b!important;border-width:2px 2px 0 0!important;height:8px!important;width:8px!important}.react-datepicker__navigation:hover :before{border-color:#4c6ef5!important}.react-datepicker__month-container{float:right!important}.loading-state{gap:1.5rem;padding:4rem 2rem}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#4c6ef5;height:50px;width:50px}.error-alert{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:12px;flex-wrap:wrap;gap:1rem;margin:1.5rem;padding:1.5rem}.error-content{color:#dc2626;gap:1rem}.error-icon{font-size:1.25rem}.retry-btn{border-radius:8px;flex-shrink:0;padding:.625rem 1.25rem;transition:all .3s ease}.retry-btn:hover{box-shadow:0 4px 12px #dc262633}.profile-page-content{animation:fadeIn .4s ease;min-height:100%;padding:var(--spacing-sm) 0}.btn{font-size:.95rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn:disabled{transform:none!important}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.profile-modal-overlay{align-items:center;animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:3000}.profile-modal{animation:slideUp .3s ease-out;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.profile-modal-header{align-items:center;background:linear-gradient(135deg,var(--gray-50),var(--surface));border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.profile-modal-title{align-items:center;display:flex;gap:.75rem}.profile-modal-title h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.profile-modal-title-icon{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff}.profile-modal-close,.profile-modal-title-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.profile-modal-close{background:#0000;border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:var(--transition)}.profile-modal-close:hover{background:var(--gray-100);border-color:var(--border);color:var(--text-primary)}.profile-modal-body{flex:1 1;overflow-x:hidden;overflow-y:auto}.profile-modal-body::-webkit-scrollbar{width:6px}.profile-modal-body::-webkit-scrollbar-track{background:#0000}.profile-modal-body::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}.profile-modal-tabs{background:linear-gradient(135deg,var(--gray-50),var(--surface));border-bottom:2px solid var(--border-light);display:flex;flex-shrink:0;gap:0;padding:0}.profile-modal-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:.9rem;font-weight:600;margin-bottom:-2px;overflow:hidden;padding:1rem var(--spacing-md);position:relative;text-align:center;transition:var(--transition)}.profile-modal-tab:after{background:linear-gradient(90deg,var(--primary),#059669);bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.profile-modal-tab:hover{background:#10b9810d;color:var(--primary)}.profile-modal-tab.active{background:#10b98114;color:var(--primary)}.profile-modal-tab.active:after{transform:scaleX(1)}@media (max-width:768px){.avatar-section{flex-direction:column;gap:1rem}.avatar-section,.profile-info{text-align:center}.action-buttons{justify-content:center;width:100%}.details-grid{grid-template-columns:1fr}.profile-modal{border-radius:var(--radius-md);max-height:92vh;max-width:100%}.profile-modal-header{padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width:480px){.profile-modal-overlay{align-items:flex-end;padding:.5rem}.profile-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:95vh}.profile-modal-header{padding:var(--spacing-md) var(--spacing-md)}}.sidebar-container{background:var(--surface);border-left:1px solid var(--border-light);box-shadow:var(--shadow-xl);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:var(--sidebar-width);z-index:1000}.sidebar-container.collapsed{width:88px}.sidebar-container.open{width:var(--sidebar-width)}.sidebar-toggle{align-items:center;background:var(--surface);border:1px solid var(--border-light);border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;height:36px;justify-content:center;padding:0;position:fixed;right:262px;top:20px;transition:all .2s ease;width:36px;z-index:1001}.sidebar-container.collapsed~.sidebar-toggle,body:has(.sidebar-container.collapsed) .sidebar-toggle{right:60px;top:13px}.sidebar-toggle:hover{background:var(--gray-50);transform:scale(1.05)}.sidebar-toggle .bar{background-color:var(--gray-600);border-radius:999px;height:2px;margin:2px 0;transition:all .2s ease;width:16px}.sidebar-container.open .sidebar-toggle .bar:first-child{transform:translateY(5px) rotate(45deg)}.sidebar-container.open .sidebar-toggle .bar:nth-child(2){opacity:0}.sidebar-container.open .sidebar-toggle .bar:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.sidebar-user{align-items:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.04),#0000);border-bottom:1px solid var(--border-light);display:flex;padding:3px 16px;position:relative}.user-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:var(--shadow-sm);cursor:pointer;font-size:1.1rem;height:44px;position:relative;transition:all .2s ease;width:44px}.user-avatar:hover{box-shadow:0 4px 12px rgba(var(--primary-rgb),.4);transform:scale(1.05)}.avatar-text{font-size:1rem;font-weight:600;letter-spacing:.02em}.avatar-chevron{align-items:center;background:var(--surface);border-radius:50%;bottom:-2px;box-shadow:var(--shadow-sm);color:var(--primary);display:flex;font-size:.6rem;height:16px;justify-content:center;line-height:1;position:absolute;right:-2px;width:16px}.user-info{margin-right:12px;overflow:hidden;transition:opacity .2s ease;white-space:nowrap}.sidebar-container.collapsed .user-info{margin:0;opacity:0;padding:0;width:0}.user-name{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--text-muted);font-size:.75rem;margin-top:2px}.avatar-dropdown{animation:slideInLeft .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);background:#fffffffa;border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-xl);overflow:hidden;position:fixed;right:var(--sidebar-width);top:80px;width:300px;z-index:2000}.sidebar-container.collapsed .avatar-dropdown{right:70px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.avatar-dropdown-header{align-items:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.06),rgba(var(--primary-rgb),.02));border-bottom:1px solid var(--border-light);display:flex;gap:14px;padding:18px}.avatar-dropdown-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:14px;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:52px;justify-content:center;width:52px}.avatar-dropdown-name{color:var(--text-primary);font-size:1rem;font-weight:700}.avatar-dropdown-username{color:var(--text-muted);font-size:.75rem;margin-top:2px}.avatar-dropdown-divider{background:var(--border-light);height:1px;margin:4px 0}.avatar-dropdown-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:14px;padding:12px 18px;text-align:right;transition:all .15s ease;width:100%}.avatar-dropdown-item:hover{background:rgba(var(--primary-rgb),.04)}.avatar-dropdown-icon{align-items:center;background:var(--gray-100);border-radius:10px;color:var(--primary);display:flex;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;transition:all .15s ease;width:36px}.avatar-dropdown-item:hover .avatar-dropdown-icon{background:rgba(var(--primary-rgb),.1);transform:scale(1.02)}.avatar-dropdown-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.avatar-dropdown-label{color:var(--text-primary);font-size:.85rem;font-weight:600}.avatar-dropdown-value{color:var(--primary);font-size:.7rem;font-weight:500}.avatar-dropdown-desc{color:var(--text-muted);font-size:.7rem}.avatar-dropdown-logout{margin-bottom:4px}.avatar-dropdown-logout:hover{background:#ef444414}.avatar-dropdown-logout .avatar-dropdown-icon{background:#ef44441a;color:#ef4444}.avatar-dropdown-logout:hover .avatar-dropdown-icon{background:#ef444426}.avatar-dropdown-logout .avatar-dropdown-label{color:#ef4444}.sidebar-menu{flex:1 1;overflow-y:auto;padding:12px 0}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:#0000}.sidebar-menu::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.sidebar-item{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;gap:12px;margin:4px 12px;padding:10px 16px;text-decoration:none;transition:all .2s ease;width:calc(100% - 24px)}.sidebar-item:hover{background:rgba(var(--primary-rgb),.06);color:var(--primary);transform:translateX(-2px)}.sidebar-item.active{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:500}.sidebar-icon{align-items:center;color:currentColor;display:inline-flex;font-size:1.1rem;justify-content:center;min-width:24px}.sidebar-label{font-size:.85rem;white-space:nowrap}.sidebar-group{display:flex;flex-direction:column}.sidebar-item.has-children{justify-content:flex-start}.dropdown-arrow{border-bottom:2px solid var(--gray-500);border-right:2px solid var(--gray-500);height:6px;margin-right:auto;transform:rotate(45deg);transition:transform .2s ease;width:6px}.sidebar-item.has-children.open .dropdown-arrow{border-color:var(--primary);transform:rotate(-135deg)}.sidebar-submenu{border-right:2px solid rgba(var(--primary-rgb),.2);margin-right:40px;max-height:0;overflow:hidden;padding-right:12px;transition:max-height .3s ease}.sidebar-submenu.open{max-height:500px}.sidebar-submenu-item{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;font-size:.8rem;gap:12px;margin:2px 0;padding:8px 12px;text-decoration:none;transition:all .15s ease}.sidebar-submenu-item:hover{background:rgba(var(--primary-rgb),.05);color:var(--primary)}.sidebar-submenu-item.active{background:rgba(var(--primary-rgb),.08);color:var(--primary);font-weight:500}.sidebar-bottom{border-top:1px solid var(--border-light);margin-top:auto;padding:16px}.sidebar-logout,.sidebar-logout:hover{color:#ef4444!important}.sidebar-logout:hover{background:#ef44441a!important}.sidebar-footer-text{color:var(--text-muted);font-size:.7rem;margin-top:12px;text-align:center}@media (max-width:1023px){.sidebar-container.collapsed{opacity:0;visibility:hidden;width:0}.sidebar-container.open{width:260px}.sidebar-toggle{right:241px;top:20px}.avatar-dropdown{right:260px;width:280px}.sidebar-container.collapsed .avatar-dropdown{right:68px;top:13px}}@media (max-width:640px){.avatar-dropdown{right:260px;width:260px}}@media (max-width:567px){body:has(.sidebar-container.collapsed) .sidebar-toggle{right:12px;top:13px}}.attendance-main{margin:2rem auto;min-height:calc(100vh - 80px);padding:var(--spacing-xl) var(--spacing-xl);transform:translateY(-4rem);width:calc(100% - 50px)}.filter-section{border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-sm)}.filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.filter-input-group{align-items:center;display:flex;gap:var(--spacing-md)}.clear-filter-btn,.filter-label{color:var(--text-secondary);font-size:.9rem;font-weight:600;white-space:nowrap}.clear-filter-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition)}.clear-filter-btn:hover{background:var(--gray-100);border-color:var(--gray-300);transform:translateY(-1px)}.table-container-wrapper{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:530px;overflow:hidden;position:relative}.table-header-fixed{background:var(--gray-100);box-shadow:0 2px 8px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.attendance-table-header{border-collapse:collapse;table-layout:fixed;width:100%}.attendance-table-header th{background:var(--gray-100);border-bottom:2px solid var(--primary);color:var(--text-primary);font-weight:700;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-align:center}.table-body-scroll{max-height:480px;overflow-y:auto;scrollbar-color:var(--gray-400) var(--gray-100);scrollbar-width:thin}.table-body-scroll::-webkit-scrollbar{width:8px}.table-body-scroll::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.table-body-scroll::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.table-body-scroll::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.attendance-table-body{border-collapse:collapse;table-layout:fixed;width:100%}.attendance-table-body td{border-bottom:1px solid var(--border-light);padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:var(--transition)}.attendance-table-body tr:last-child td{border-bottom:none}.attendance-table-body tr:hover td{background:var(--gray-50)}.editing-row td{background:#122e4b0d!important}.attendance-table-body td,.attendance-table-header th{width:120px}.attendance-table-body td:nth-child(2),.attendance-table-body td:nth-child(3),.attendance-table-body td:nth-child(4),.attendance-table-body td:nth-child(5),.attendance-table-header th:nth-child(2),.attendance-table-header th:nth-child(3),.attendance-table-header th:nth-child(4),.attendance-table-header th:nth-child(5){width:100px}.attendance-table-body td:nth-child(6),.attendance-table-header th:nth-child(6){width:200px}.attendance-table-body td:nth-child(7),.attendance-table-header th:nth-child(7){width:150px}.date-cell,.overtime-cell,.time-cell{color:var(--text-primary);font-weight:500}.notes-cell{color:var(--text-secondary);max-width:200px}.notes-text{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-حضور{background:#10b9811a;border:1px solid #10b98133;color:var(--success)}.status-غیبت{background:#ef44441a;border:1px solid #ef444433;color:var(--error)}.status-مرخصی{background:#f59e0b1a;border:1px solid #f59e0b33;color:var(--warning)}.edit-input,.edit-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family);font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition);width:100%}.edit-input:focus,.edit-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #122e4b1a;outline:none}.action-buttons{gap:var(--spacing-sm);justify-content:center}.edit-attendance-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:var(--transition);white-space:nowrap}.edit-attendance-btn:before{background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s}.edit-attendance-btn:hover:before{transform:translateX(100%)}.edit-attendance-btn{background:var(--primary);color:#fff}.edit-attendance-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.edit-attendance-btn.save{background:var(--success)}.edit-attendance-btn.save:hover{background:#0da271}.cancel-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition);white-space:nowrap}.cancel-btn:hover{background:var(--gray-100);border-color:var(--gray-300);transform:translateY(-1px)}.btn-icon{font-size:.9rem}@media (max-width:1024px){.attendance-main{padding:var(--spacing-xl) var(--spacing-lg);transform:translateY(-3rem)}.filter-container{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.filter-input-group{justify-content:space-between;width:100%}.table-container-wrapper{max-height:500px}.table-body-scroll{max-height:400px}}@media (max-width:768px){.attendance-main{padding:var(--spacing-lg) var(--spacing-md);transform:translateY(-2rem)}.filter-section{padding:var(--spacing-md)}.table-container-wrapper{max-height:450px}.table-body-scroll{max-height:350px}.attendance-table-body td,.attendance-table-header th{font-size:.8rem;padding:var(--spacing-sm)}.action-buttons{flex-direction:column}}@media (max-width:480px){.attendance-main{padding:var(--spacing-md);transform:translateY(-1.5rem)}.filter-section{padding:var(--spacing-sm)}.filter-input-group{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.table-container-wrapper{display:block;max-height:400px;overflow-x:auto}.table-header-fixed{position:relative}.table-body-scroll{max-height:300px}}.error-message,.loading-message{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-top:2rem;padding:3rem 2rem;text-align:center}.error-message p,.loading-message p{font-size:1.1rem;margin:0 0 1rem}.error-message p{color:#e74c3c;margin-bottom:1.5rem}.retry-btn{background:var(--primary);font-size:.95rem;padding:.6rem 1.5rem}.retry-btn:hover{background:#0056b3}.status-ناقص{background-color:#fff3cd;color:#856404}.notif-bell-btn,.notif-container{position:relative}.notif-bell-btn{align-items:center;background:#ffffff1f;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.85rem;height:32px;justify-content:center;transition:all .15s;width:32px}.notif-bell-btn:hover{background:#ffffff38;transform:scale(1.05)}.notif-bell-btn--light{background:#f3f4f6;background:var(--gray-100,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);color:#111827;color:var(--text-primary,#111827)}.notif-bell-btn--light:hover{background:#e5e7eb;background:var(--gray-200,#e5e7eb)}.notif-badge{align-items:center;animation:notifBadgePulse 2s ease-in-out infinite;background:#ef4444;border:2px solid #10b981;border:2px solid var(--header,#10b981);border-radius:10px;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:18px;justify-content:center;left:-4px;min-width:18px;padding:0 5px;position:absolute;top:-4px}.notif-bell-btn--light .notif-badge{border-color:#fff}@keyframes notifBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notif-dropdown{animation:notifDropIn .2s ease-out;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:480px;overflow:hidden;position:fixed;z-index:9999}@keyframes notifDropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{align-items:center;background:var(--pastel-green);border-bottom:1px solid #10b9812e;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 14px}.notif-dropdown-header h3{align-items:center;color:#065f46;display:flex;font-size:.85rem;font-weight:700;margin:0}.notif-clear-all{align-items:center;background:#fff;border:1px solid #fca5a5;border-radius:var(--radius-sm);color:#b91c1c;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.65rem;font-weight:600;padding:4px 9px;transition:all .12s}.notif-clear-all:hover{background:var(--pastel-red)}.notif-list{flex:1 1;max-height:420px;overflow-y:auto}.notif-list::-webkit-scrollbar{width:5px}.notif-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.notif-item{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;gap:9px;padding:10px 12px;position:relative;transition:background .12s}.notif-item:hover{background:var(--gray-50)}.notif-item.unread{background:#10b9810a}.notif-item.unread:before{background:var(--primary);border-radius:50%;content:"";height:6px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:6px}.notif-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.75rem;height:28px;justify-content:center;width:28px}.notif-icon.notif-success{background:var(--pastel-green);color:#065f46}.notif-icon.notif-warning{background:var(--pastel-yellow);color:#92400e}.notif-icon.notif-error{background:var(--pastel-red);color:#b91c1c}.notif-icon.notif-info{background:var(--pastel-blue);color:#1d4ed8}.notif-icon.notif-task{background:var(--pastel-green);color:#065f46}.notif-icon.notif-project{background:var(--pastel-blue);color:#1d4ed8}.notif-icon.notif-alarm{background:#ede9fe;color:#5b21b6}.notif-body{flex:1 1;min-width:0}.notif-title{color:var(--text-primary);font-size:.75rem;font-weight:700;line-height:1.3;margin:0 0 2px}.notif-message{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.7rem;line-height:1.4;margin:0 0 3px;overflow:hidden}.notif-time{color:var(--text-muted);font-size:.6rem}.notif-delete{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;justify-content:center;padding:2px 4px;transition:all .12s}.notif-delete:hover{background:#fee2e2;color:#b91c1c}.notif-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:36px 20px;text-align:center}.notif-empty svg{font-size:1.6rem;opacity:.4}.notif-empty p{font-size:.78rem;margin:0}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{height:20px;opacity:0;position:absolute;width:20px}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #0006;border-right:2px solid #0006;bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;padding:0 3px 3px 0}.react-resizable-handle-sw{transform:rotate(90deg)}.react-resizable-handle-nw{transform:rotate(180deg)}.react-resizable-handle-ne{transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{transform:rotate(135deg)}.react-resizable-handle-e{transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{transform:rotate(225deg)}.react-resizable-handle-s{transform:rotate(45deg)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.task-container{margin-top:1.8rem;max-width:100%;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.alltask-page{min-height:100vh}.tbl-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.tbl-new-task-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font-family);font-size:.82rem;font-weight:600;gap:.4rem;padding:8px 18px;transition:var(--transition);white-space:nowrap}.tbl-new-task-btn:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 14px #10b98159;transform:translateY(-1px)}.tbl-new-task-btn:disabled{cursor:not-allowed;opacity:.6}.tbl-search{flex:1 1;max-width:380px;min-width:200px}.tbl-search-scope{background:var(--gray-50);border:1px solid var(--border);border-left:none;border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-family:var(--font-family);font-size:.78rem;height:34px;outline:none;padding:0 8px;transition:var(--transition);white-space:nowrap}.tbl-search-scope:focus{background:#fff;border-color:var(--primary);color:var(--text-primary)}.tbl-search-wrapper:has(.tbl-search-scope) .tbl-search-input{border-radius:0 var(--radius-md) var(--radius-md) 0;border-right:none}.tbl-search-wrapper:has(.tbl-search-scope):focus-within{border-radius:var(--radius-md);box-shadow:0 0 0 2px #10b9811f}.tbl-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;overflow-x:auto}.tasks-table{border-collapse:collapse;min-width:780px;table-layout:fixed;width:100%}.tasks-table thead tr{background:#d1fae5;background:var(--pastel-green,#d1fae5);border-bottom:2px solid #10b98133}.tbl-th{background:#0000;border-left:1px solid #10b9811f;color:#065f46;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:8px 14px;position:-webkit-sticky;position:sticky;text-align:right;top:0;white-space:nowrap}.tbl-th:last-child{border-left:none}.tasks-table thead tr:hover .tbl-th{background:#bbf7d0}.tbl-th{position:relative}.col-resize-handle{-webkit-user-select:none;user-select:none;z-index:1}.col-resize-handle:active,.col-resize-handle:hover{background:#10b98159;border-radius:2px}.tbl-th-task{width:28%}.tbl-th-info{width:14%}.tbl-th-person{width:10%}.tbl-th-desc{width:18%}.tbl-th-status{width:12%}.tbl-th-priority{width:6.5%}.tbl-th-progress{width:4%}.tbl-th-customer{width:13.5%}.tbl-th-deadline{width:7%}.tbl-th-actions{width:5%}.task-table-row{animation:fadeIn .25s ease-out;border-bottom:1px solid var(--border);transition:background .15s}.task-table-row:hover{background:#10b98108}.task-table-row:last-child{border-bottom:none}.task-table-row.level-1{background:rgba(16,185,129,.012)}.task-table-row.level-2{background:rgba(16,185,129,.022)}.task-table-row.level-1:hover{background:rgba(16,185,129,.045)}.task-table-row.level-2:hover{background:rgba(16,185,129,.055)}.tasks-table td{border-left:1px solid var(--border);color:var(--text-primary);font-size:.82rem;overflow:hidden;padding:9px 14px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.tasks-table td:last-child{border-left:none}.tbl-task-cell{padding:0!important}.tbl-task-inner{align-items:center;display:flex;gap:6px;min-height:46px;padding:9px 14px}.tbl-expand-btn{align-items:center;border:1px solid #0000;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:var(--transition);width:18px}.tbl-expand-btn:hover{background:#10b9811a;border-color:#10b98133;color:var(--primary)}.tbl-task-title{color:var(--text-primary);flex:1 1;font-size:.84rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbl-scope-badge{align-items:center;border-radius:50%;display:inline-flex;flex-shrink:0;font-size:.65rem;height:18px;justify-content:center;width:18px}.tbl-scope-badge.personal{background:#8b5cf61f;border:1px solid #8b5cf640;color:#7c3aed}.tbl-deadline-text,.tbl-desc-text,.tbl-info-text{color:var(--text-secondary);display:block;font-size:.8rem;text-overflow:ellipsis}.tbl-no-assignee{color:var(--text-muted);font-size:.8rem}.tbl-status-select{border:none;border-radius:6px;cursor:pointer;font-family:var(--font-family);font-size:.76rem;font-weight:600;outline:none;padding:5px 8px;text-align:center;transition:var(--transition);width:100%}.tbl-status-select:focus{box-shadow:0 0 0 2px #10b98133}.tbl-status-select.done{background:#10b98126;color:#047857}.tbl-status-select.progress{background:#f59e0b26;color:#b45309}.tbl-status-select.pending{background:#f59e0b1a;color:#c2410c}.tbl-status-select.blocked{background:#dc262626;color:#b91c1c}.tbl-status-select.delayed{background:#ef444426;color:#dc2626}.tbl-priority-cell{padding:6px 10px!important}.tbl-priority-badge{align-items:center;background:#0000;border-radius:5px;display:inline-flex;font-size:.7rem;font-weight:600;gap:3px;justify-content:center;padding:4px 8px;white-space:nowrap}.tbl-priority-badge.priority-high{background:#ef444426}.tbl-priority-badge.priority-low{background:#10b98126}.tbl-progress-cell{padding:6px 8px!important}.tbl-progress-wrapper{align-items:center;display:flex;gap:4px}.tbl-progress-bar{background:var(--border);border-radius:2px;flex:1 1;height:4px;min-width:30px;overflow:hidden}.tbl-progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);height:100%;transition:width .3s ease}.tbl-progress-text{color:var(--text-secondary);font-size:.7rem;font-weight:600;min-width:30px;text-align:left}.tbl-deadline-cell,.tbl-td-customer{padding:6px 10px!important}.tbl-deadline-text{font-size:.75rem;white-space:nowrap}.assignee-avatar-group{align-items:center;display:flex;gap:-4px}.assignee-avatar{align-items:center;background:linear-gradient(135deg,#10b98133,#10b98159);border:2px solid var(--surface);border-radius:50%;box-shadow:0 1px 4px #10b98126;color:var(--primary);display:inline-flex;font-size:.72rem;font-weight:700;height:28px;justify-content:center;margin-left:-4px;transition:var(--transition);width:28px}.assignee-avatar:first-child{margin-left:0}.assignee-avatar:hover{transform:translateY(-2px);z-index:2}.assignee-avatar-more{background:var(--border);color:var(--text-secondary);font-size:.65rem}.tbl-actions-cell{padding:0!important}.tbl-actions-group{align-items:center;display:flex;justify-content:center;opacity:0;transition:opacity .15s}.task-table-row:hover .tbl-actions-group{opacity:1}.tbl-action-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;transition:var(--transition);width:26px}.tbl-action-btn:disabled{cursor:not-allowed;opacity:.4}.tbl-edit-btn{color:var(--primary)}.tbl-edit-btn:hover:not(:disabled){background:#10b9811a;border-color:#10b98140}.tbl-delete-btn{color:#ef4444}.tbl-delete-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef444440}.tbl-chat-btn{background:#0000;color:var(--text-muted)}.tbl-chat-btn:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f64d}.tbl-empty-cell{padding:3rem!important;text-align:center}.chat-modal-overlay{z-index:1100}.chat-modal-split-content{animation:slideUp .25s ease-out;background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0f172a3d;display:flex;flex-direction:row-reverse;max-height:82vh;max-width:96vw;overflow:hidden;width:920px}.chat-modal-main{border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-modal-content{animation:slideUp .25s ease-out;background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0f172a38;display:flex;flex-direction:column;max-height:80vh;max-width:95vw;overflow:hidden;width:560px}.chat-modal-header{align-items:center;background:linear-gradient(135deg,#10b9810a,#16694e0d);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.chat-modal-title{align-items:center;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:600;gap:.55rem}.chat-modal-task-name{color:var(--text-secondary);font-size:.8rem;font-weight:400;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-modal-messages{display:flex;flex:1 1;flex-direction:column;gap:.65rem;min-height:0;overflow-y:auto;padding:1rem}.chat-modal-messages::-webkit-scrollbar{width:6px}.chat-modal-messages::-webkit-scrollbar-track{background:var(--border);border-radius:var(--radius-full)}.chat-modal-messages::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-full)}.chat-message{align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);max-width:78%;padding:10px 12px;position:relative;transition:var(--transition)}.chat-message:hover{border-color:var(--primary-light)}.chat-message.self{align-self:flex-end;background:#10b9810f;border-color:#10b98140}.chat-message-author{color:var(--text-secondary);font-size:.75rem;font-weight:700;margin-bottom:.3rem}.chat-message.self .chat-message-author{color:var(--primary)}.chat-message-text{color:var(--text-primary);font-size:.85rem;line-height:1.8;word-break:break-word}.chat-message-time{color:var(--text-muted);font-size:.68rem;margin-top:.3rem;text-align:left}.chat-message-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.25rem}.chat-message-actions{display:flex;gap:.3rem}.report-action-btn{background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;font-size:.72rem;line-height:1;padding:3px 7px;transition:var(--transition)}.report-action-btn:disabled{cursor:not-allowed;opacity:.5}.report-action-btn--confirm{background:#10b9811a;border-color:#10b9814d;color:var(--primary)}.report-action-btn--cancel{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.report-action-btn--edit{color:var(--primary)}.report-action-btn--edit:hover{background:#10b9811a;border-color:#10b9814d}.report-action-btn--delete{color:#ef4444}.report-action-btn--delete:hover{background:#ef44441a;border-color:#ef44444d}.report-edit-textarea{background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius-md);box-shadow:0 0 0 3px #10b9811a;color:var(--text-primary);font-family:var(--font-family);font-size:.85rem;outline:none;padding:7px 10px;resize:vertical;width:100%}.task-chat-input{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;padding:var(--spacing-md);position:relative}.task-chat-input,.task-input-wrapper{background:var(--surface);display:flex}.task-input-wrapper{align-items:center;border:1px solid var(--border);border-radius:var(--radius-xl);gap:var(--spacing-sm);padding:4px;transition:var(--transition)}.task-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.task-emoji-container{align-items:center;display:flex;position:relative}.task-emoji-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;height:36px;justify-content:center;transition:var(--transition);width:36px}.task-emoji-btn:hover{background:#10b9811a;color:var(--primary)}.task-emoji-picker{animation:fadeIn .2s ease-out;background:var(--surface);border-radius:var(--radius-lg);bottom:100%;box-shadow:var(--shadow-xl);left:-264px;margin-bottom:var(--spacing-sm);max-height:436px;position:absolute;z-index:1500}.task-chat-input input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-family);font-size:.88rem;outline:none;padding:var(--spacing-sm) var(--spacing-md);resize:none}.task-chat-input input::placeholder{color:var(--text-muted)}.task-chat-input button{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;transition:var(--transition);width:36px}.task-chat-input button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:scale(1.05)}.task-chat-input button:disabled{cursor:not-allowed;opacity:.5}.task-detail-panel{background:linear-gradient(160deg,#f8fafc,#f1f5f9);border-radius:0 var(--radius-lg) var(--radius-lg) 0;display:flex;flex-direction:column;flex-shrink:0;gap:1rem;overflow-y:auto;padding:1.25rem 1rem;width:300px}.task-detail-panel::-webkit-scrollbar{width:5px}.task-detail-panel::-webkit-scrollbar-track{background:#0000}.task-detail-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.task-detail-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:.82rem;gap:.75rem;justify-content:center;padding:3rem 1rem}.task-detail-header{border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem;padding-bottom:1rem}.task-detail-title{color:var(--text-primary);font-size:.92rem;font-weight:700;line-height:1.45;margin:0}.task-detail-badges{display:flex;flex-wrap:wrap;gap:.4rem}.task-detail-badge{border:1px solid;border-radius:20px}.task-detail-badge,.task-detail-scope-badge{align-items:center;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:3px 8px}.task-detail-scope-badge{border-radius:20px}.task-inactive-badge{background:#6b72801a!important;border-color:#6b728040!important;color:#6b7280!important}.task-detail-scope-badge.personal{background:#8b5cf61a;border:1px solid #8b5cf640;color:#7c3aed}.task-detail-scope-badge.general{background:#3b82f61a;border:1px solid #3b82f640;color:#2563eb}.task-detail-section{display:flex;flex-direction:column;gap:.5rem}.task-detail-section-header{align-items:center;color:var(--text-muted);display:flex;font-size:.72rem;font-weight:700;gap:6px;letter-spacing:.05em;text-transform:uppercase}.task-detail-value{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.82rem;font-weight:500;padding:6px 10px}.task-detail-progress{align-items:center;display:flex;gap:.6rem}.task-detail-progress-bar{background:var(--border);border-radius:var(--radius-full);flex:1 1;height:7px;overflow:hidden}.task-detail-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .4s ease}.task-detail-progress-text{font-size:.75rem;font-weight:700;min-width:32px;text-align:left}.task-detail-dates{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:.5rem;padding:8px 10px}.task-detail-date-item{display:flex;flex:1 1;flex-direction:column;gap:2px}.task-detail-date-label{color:var(--text-muted);font-size:.65rem;font-weight:600}.task-detail-date-value{color:var(--text-primary);font-size:.78rem;font-weight:500}.task-detail-date-divider{color:var(--text-muted);font-size:.75rem;padding:0 2px}.task-detail-assignees{display:flex;flex-direction:column;gap:.4rem}.task-detail-assignee{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:.6rem;padding:7px 10px}.task-detail-assignee-avatar{align-items:center;background:linear-gradient(135deg,#10b98133,#10b98166);border-radius:50%;color:var(--primary);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:30px;justify-content:center;width:30px}.task-detail-assignee-info{display:flex;flex-direction:column;gap:2px;min-width:0}.task-detail-assignee-name{color:var(--text-primary);font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-detail-assignee-status{font-size:.67rem;font-weight:500}.task-detail-assignee-status.status-done{color:#10b981}.task-detail-assignee-status.status-progress{color:#3b82f6}.task-detail-assignee-status.status-pending{color:#f59e0b}.task-detail-assignee-status.status-blocked{color:#dc2626}.task-detail-assignee-status.status-delayed{color:#ef4444}.task-detail-children{display:flex;flex-direction:column;gap:.35rem}.task-detail-child{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:.5rem;padding:6px 10px}.task-detail-child-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.task-detail-child-title{color:var(--text-primary);flex:1 1;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-detail-child-progress{color:var(--text-muted);flex-shrink:0;font-size:.7rem;font-weight:600}.task-detail-description{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;line-height:1.7;padding:8px 10px}.task-empty-state{align-items:center;display:flex;justify-content:center;min-height:120px;padding:2rem}.dept-empty-title{color:var(--text-muted);font-size:.9rem;text-align:center}.search-input-container{width:100%}.search-icon{right:.75rem}.filter-input{background:var(--surface);outline:none;padding:9px 2.2rem 9px 12px}.filter-input:focus{box-shadow:0 0 0 3px #10b9811a}.scope-selector{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:1fr 1fr}.scope-option{align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.65rem;padding:12px 14px;position:relative;transition:all .18s ease;-webkit-user-select:none;user-select:none}.scope-option:hover{background:#10b98105;border-color:var(--primary-light)}.scope-option.active.personal{background:#8b5cf60f;border-color:#7c3aed;box-shadow:0 0 0 3px #8b5cf614}.scope-option.active.general{background:#3b82f60f;border-color:#2563eb;box-shadow:0 0 0 3px #3b82f614}.scope-option-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;height:34px;justify-content:center;transition:all .18s;width:34px}.scope-option.personal .scope-option-icon{background:#8b5cf61a;color:#7c3aed}.scope-option.active.personal .scope-option-icon{background:#8b5cf62e}.scope-option.general .scope-option-icon,.scope-option:not(.personal) .scope-option-icon{background:#3b82f61a;color:#2563eb}.scope-option.active.general .scope-option-icon{background:#3b82f62e}.scope-option-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.scope-option-title{color:var(--text-primary);font-size:.82rem;font-weight:700}.scope-option.active.personal .scope-option-title{color:#7c3aed}.scope-option.active.general .scope-option-title{color:#2563eb}.scope-option-desc{color:var(--text-muted);font-size:.7rem}.scope-check{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:800;height:20px;justify-content:center;width:20px}.scope-option.active.personal .scope-check{background:#7c3aed}.scope-option.active.general .scope-check{background:#2563eb}.personal-scope-notice{align-items:center;background:#8b5cf612;border:1px dashed #8b5cf659;border-radius:var(--radius-md);color:#7c3aed;display:flex;font-size:.8rem;font-weight:500;gap:.6rem;padding:12px 14px}.personal-scope-notice-icon{flex-shrink:0;font-size:.9rem}.form-grid{grid-gap:10px 14px;gap:10px 14px}.required{color:var(--danger,#ef4444)}.form-input.error,.form-select.error{border-color:#ef4444;border-color:var(--danger,#ef4444)}.form-textarea{min-height:90px}.form-error{color:#ef4444;color:var(--danger,#ef4444)}.form-empty-msg{color:var(--text-muted);font-size:.8rem;margin:0;text-align:center}.members-checkbox-group{grid-gap:.65rem;background:#10b98105;border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:200px;overflow-y:auto;padding:.5rem}.member-checkbox-item{align-items:center;border-radius:var(--radius-sm);display:flex;gap:.5rem;padding:.5rem;transition:var(--transition)}.member-checkbox-item:hover{background:#10b9810f}.member-checkbox-item input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.member-checkbox-item label{color:var(--text-primary);cursor:pointer;font-size:.82rem}.modal-content.assignees-modal-content{max-width:480px}.dep-modal-section{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.task-form-modal-split{display:flex;flex-direction:column;max-height:88vh;max-width:97vw!important;overflow:hidden!important;width:940px!important}.task-modal-split-body{display:flex;flex:1 1;flex-direction:row-reverse;min-height:0;overflow:hidden}.task-modal-form-panel{border-left:1px solid var(--border);flex:1 1;min-width:0;overflow-y:auto;padding:var(--spacing-md)}.task-modal-form-panel::-webkit-scrollbar{width:5px}.task-modal-form-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.task-modal-dep-panel{background:linear-gradient(160deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:300px}.task-modal-dep-panel::-webkit-scrollbar{width:5px}.task-modal-dep-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.task-modal-dep-title{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:1px solid #dbeafe;color:#1d4ed8;display:flex;flex-shrink:0;font-size:.78rem;font-weight:700;gap:7px;padding:12px 14px 8px}.task-modal-dep-panel .dep-container{border:none;border-radius:0;flex:1 1}.task-modal-dep-panel .dep-header{border-radius:0}@media screen and (max-width:768px){.task-form-modal-split{max-height:95vh;width:100%!important}.task-modal-split-body{flex-direction:column-reverse}.task-modal-dep-panel{border-bottom:1px solid var(--border);border-left:none;max-height:220px;width:100%}.task-modal-form-panel{border-left:none}}.modal-header{background:linear-gradient(135deg,#10b9810a,#16694e0d);padding:12px 16px}.modal-header h2,.modal-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0}.modal-close-btn{background:#0000;border-radius:var(--radius-md);color:var(--text-muted);height:30px;width:30px}.modal-close-btn:hover{background:#10b98114;color:var(--primary)}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.modal-body{padding:var(--spacing-md)}.modal-actions{background:linear-gradient(135deg,#10b98105,#16694e08);padding:12px 16px}.modal-actions button,.modal-cancel-btn,.modal-save-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.8rem;font-weight:500;gap:.45rem;padding:9px 20px;transition:var(--transition)}.modal-actions button:first-child,.modal-cancel-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.modal-actions button:first-child:hover,.modal-cancel-btn:hover{background:#10b9810f;border-color:var(--primary-light)}.modal-actions button:last-child,.modal-save-btn{background:var(--primary);color:#fff}.modal-actions button:last-child:hover,.modal-save-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.modal-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-loading{font-size:.85rem;gap:1rem;padding:3rem}.modal-loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--border);height:36px;width:36px}.assignees-modal-body{max-height:400px;overflow-y:auto;padding:1rem}.assignees-search-wrapper{margin-bottom:.75rem}.assignees-list{display:flex;flex-direction:column;gap:.4rem;max-height:280px;overflow-y:auto}.assignee-item{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;padding:10px 12px;transition:var(--transition)}.assignee-item:hover{background:#10b9810d;border-color:#10b98133}.assignee-item.selected{background:#10b9811a;border-color:#10b98159}.assignee-checkbox{accent-color:var(--primary);cursor:pointer;height:16px;margin:0;width:16px}.assignee-info{align-items:center;display:flex;flex:1 1;gap:.65rem}.assignee-avatar-small{align-items:center;background:linear-gradient(135deg,#10b98133,#10b98166);border-radius:50%;color:var(--primary);display:flex;flex-shrink:0;font-size:.82rem;font-weight:700;height:32px;justify-content:center;width:32px}.assignee-name{color:var(--text-primary);font-size:.85rem;font-weight:500}.assignee-email{color:var(--text-muted);font-size:.72rem;margin-top:.1rem}.empty-assignees-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:.5rem;padding:2rem;text-align:center}.empty-assignees-state p{font-size:.85rem;margin:0}.empty-assignees-state small{font-size:.75rem}.loading{color:var(--text-muted);font-size:.95rem;font-weight:500;min-height:60vh}.toast-container{align-items:center;bottom:1.5rem;gap:.5rem;min-width:300px;z-index:2000}.toast{animation:fadeIn .3s ease-out;box-shadow:0 6px 24px #0f172a29;font-size:.82rem;justify-content:space-between;max-width:420px;padding:12px 18px}.toast-success{background:#10b981f2}.toast-error{background:#ef4444f2}.toast-close{font-size:1rem;opacity:.8}em-emoji-picker{--rgb-accent:16,185,129;--rgb-background:255,255,255;--rgb-input:241,245,249;direction:ltr}@media screen and (max-width:900px){.chat-modal-split-content{flex-direction:column;max-height:90vh;width:95vw}.task-detail-panel{border-radius:0;border-top:1px solid var(--border);max-height:220px;width:100%}.chat-modal-main{border-right:none}}@media screen and (max-width:768px){.header.task{padding:var(--spacing-md) var(--spacing-md) 0}.task-container{margin-top:.5rem;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);transform:translateY(0)}.tbl-toolbar{flex-wrap:wrap}.tbl-search{min-width:100%}.tasks-table td.tbl-info-cell,.tasks-table td.tbl-person-cell,.tbl-th-info,.tbl-th-person{display:none}.form-grid{gap:var(--spacing-sm)}.form-group.full-width{grid-column:1}.scope-selector{grid-template-columns:1fr}.modal-content.assignees-modal-content{max-width:100%}.modal-actions button,.modal-cancel-btn,.modal-save-btn{justify-content:center;width:100%}.chat-modal-split-content{max-height:90vh;width:100%}.task-emoji-picker{bottom:70px;left:16px;max-width:calc(100% - 32px);position:fixed;right:16px;z-index:1000}.members-checkbox-group{grid-template-columns:1fr;max-height:180px}.toast-container{height:7rem;left:0;right:0;top:50rem;width:7rem}.toast{margin:0 20px;min-width:auto;width:calc(100% - 40px)}}@media screen and (max-width:480px){.tasks-table td.tbl-desc-cell,.tbl-th-desc{display:none}}.task-tabs-container{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:20px;padding:0}.task-tabs{display:flex;flex:1 1;gap:0;margin:0;padding:0}.task-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.task-tab:hover{background:#00000005;color:#374151}.task-tab.active{background:#2563eb05;border-bottom-color:#2563eb;color:#2563eb}.task-tab svg{font-size:16px}.task-schedule-toasts{display:flex;flex-direction:column;gap:10px;left:16px;position:fixed;top:16px;z-index:9999}.task-schedule-toasts .toast{align-items:center;animation:slideIn .3s ease;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:10px;min-width:300px;padding:12px 16px}.tbl-schedule-btn{color:#6366f1}.tbl-schedule-btn:hover:not(:disabled){background:#6366f11a;border-color:#6366f14d}.tbl-schedule-btn.active{background:#6366f11f;border-color:#6366f159;color:#4f46e5;opacity:1!important}.task-table-row:hover .tbl-actions-group,.tbl-actions-group:has(.tbl-schedule-btn.active){opacity:1}.task-schedule-expanded-row{animation:fadeIn .2s ease-out;background:#f8faff;border-bottom:2px solid #e0e7ff}.task-schedule-expanded-cell{border:none!important;padding:0!important}.task-schedule-panel{background:linear-gradient(135deg,#f8faff,#f0f4ff);border-bottom:1px solid #e0e7ff;border-top:2px solid #c7d2fe;padding:16px 20px 20px}.tsp-header{gap:10px;justify-content:space-between;margin-bottom:14px}.tsp-header,.tsp-header-info{align-items:center;display:flex;flex-wrap:wrap}.tsp-header-info{color:#374151;font-size:13px;gap:8px}.tsp-header-icon{color:#6366f1;flex-shrink:0;font-size:14px}.tsp-header-title{font-weight:500}.tsp-header-title strong{color:#1e293b;font-weight:700}.tsp-total-badge{background:#6366f11a;border:1px solid #6366f133;border-radius:20px;color:#4f46e5;padding:2px 10px}.tsp-add-btn,.tsp-total-badge{align-items:center;display:inline-flex;font-size:12px;font-weight:600}.tsp-add-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-family);gap:6px;padding:7px 16px;transition:all .2s ease;white-space:nowrap}.tsp-add-btn:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f159;transform:translateY(-1px)}.tsp-add-btn:disabled{cursor:not-allowed;opacity:.6}.tsp-loading{color:#6b7280;gap:10px;justify-content:center}.tsp-empty,.tsp-loading{align-items:center;display:flex;font-size:13px;padding:28px 0}.tsp-empty{color:#9ca3af;flex-direction:column;gap:8px;text-align:center}.tsp-empty-icon{color:#6366f1;font-size:28px;opacity:.5}.tsp-empty-add-btn{align-items:center;background:#0000;border:1px dashed #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:12px;font-weight:600;gap:6px;margin-top:4px;padding:7px 16px;transition:all .2s}.tsp-empty-add-btn:hover{background:#6366f114}.tsp-table-wrapper{background:#fff;border:1px solid #dde3f5;border-radius:10px;box-shadow:0 2px 8px #6366f114;overflow:hidden}.tsp-table{border-collapse:collapse;font-size:13px;width:100%}.tsp-table thead tr{background:#f0f4ff;border-bottom:1px solid #dde3f5}.tsp-table thead th{border-left:1px solid #e0e7ff;color:#6366f1;font-size:12px;font-weight:700;padding:9px 14px;text-align:right;white-space:nowrap}.tsp-table thead th:last-child{border-left:none}.tsp-row{border-bottom:1px solid #eef0f8;transition:background .15s}.tsp-row:last-child{border-bottom:none}.tsp-row:hover{background:#f5f7ff}.tsp-table td{border-left:1px solid #eef0f8;color:#374151;padding:9px 14px;vertical-align:middle}.tsp-table td:last-child{border-left:none}.tsp-date-cell,.tsp-time-cell{align-items:center;color:#374151;display:flex;font-size:13px;gap:5px;white-space:nowrap}.tsp-cell-icon{color:#6366f1;flex-shrink:0;font-size:11px;opacity:.7}.tsp-hours-badge{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:20px;color:#4f46e5;display:inline-flex;font-weight:600;padding:3px 10px}.tsp-desc-cell,.tsp-hours-badge{font-size:12px;white-space:nowrap}.tsp-desc-cell{color:#6b7280;display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis}.tsp-row-actions{align-items:center;display:flex;gap:4px;opacity:0;transition:opacity .15s}.tsp-row:hover .tsp-row-actions{opacity:1}.tsp-action-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;font-size:11px;height:26px;justify-content:center;transition:all .15s;width:26px}.tsp-edit-btn{color:#6366f1}.tsp-edit-btn:hover:not(:disabled){background:#6366f11a;border-color:#6366f14d}.tsp-delete-btn{color:#ef4444}.tsp-delete-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef44444d}.tsp-action-btn:disabled{cursor:not-allowed;opacity:.4}.tl-modal-overlay{animation:overlayFadeIn .2s ease;background:#00000073;z-index:2000}.tl-modal{animation:slideUp .25s ease-out;border-radius:14px;box-shadow:0 20px 60px #0003;max-width:96vw;width:460px}.tl-modal-header{background:linear-gradient(135deg,#f0f4ff,#e8edff);border-bottom:1px solid #e5e7eb;padding:16px 20px}.tl-modal-header h3{color:#1e293b;font-size:15px;gap:8px}.tl-modal-close{background:#0000;border:1px solid #0000;color:#6b7280;font-size:14px;height:32px;width:32px}.tl-modal-close:hover{background:#ef444414;border-color:#ef444433;color:#ef4444}.tl-modal-body{padding:20px}.tl-modal-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-direction:row-reverse;gap:10px;padding:14px 20px}.schedule-form-group{gap:6px}.schedule-form-label{color:#374151;font-size:13px;font-weight:600;gap:6px}.schedule-form-label svg{color:#6366f1}.schedule-jalali-picker{border:1px solid #d1d5db;box-sizing:border-box;color:#374151;direction:ltr;font-family:var(--font-family);font-size:14px;outline:none;padding:9px 12px;text-align:left;transition:all .2s}.schedule-jalali-picker:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.schedule-time-input{border:1px solid #d1d5db;box-sizing:border-box;color:#374151;font-family:var(--font-family);outline:none;padding:9px 12px;transition:all .2s;width:100%}.schedule-time-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.tl-textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#374151;font-family:var(--font-family);font-size:13px;outline:none;padding:9px 12px;resize:vertical;transition:all .2s;width:100%}.tl-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.schedule-summary{background:linear-gradient(135deg,#f0f4ff,#e8edff);border:1px solid #c7d2fe;border-radius:10px;color:#374151;font-size:13px;padding:12px 16px}.schedule-summary h4{color:#6366f1;font-size:12px;font-weight:700;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.schedule-summary p{margin:4px 0}.schedule-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:13px;font-weight:600;gap:6px;padding:9px 20px;transition:all .2s}.schedule-btn-save{background:#6366f1;color:#fff}.schedule-btn-save:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f159;transform:translateY(-1px)}.schedule-btn-save:disabled{cursor:not-allowed;opacity:.6}.tl-btn-cancel{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.tl-btn-cancel:hover{background:#e5e7eb}.error-message{font-size:12px;gap:5px}.tbl-filter-bar{align-items:center;direction:rtl;display:flex;flex:1 1;flex-wrap:wrap;gap:6px;min-width:0}.tbl-filter-select{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-size:.78rem;height:34px;min-width:110px;outline:none;padding:5px 10px;transition:var(--transition)}.tbl-filter-select:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 2px #10b9811f}.tbl-filter-clear{background:#fee2e2;background:var(--pastel-red,#fee2e2);border:1px solid #fca5a5;border-radius:var(--radius-md);color:#b91c1c;cursor:pointer;font-family:var(--font-family);font-size:.75rem;height:34px;padding:5px 10px;transition:background .2s;white-space:nowrap}.tbl-filter-clear:hover{background:#fecaca}.chat-selected-files{border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 4px}.chat-selected-file-item{align-items:center;background:#f0f7ff;border:1px solid #bcd6f5;border-radius:20px;color:#2563eb;display:flex;font-size:12px;gap:5px;max-width:200px;padding:3px 10px 3px 6px}.chat-selected-file-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-selected-file-remove{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;padding:0 2px;transition:color .15s}.chat-selected-file-remove:hover{color:#ef4444}.task-attach-btn{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;padding:6px;transition:color .15s,background .15s}.task-attach-btn:hover:not(:disabled){background:#eff6ff;color:#3b82f6}.chat-message-attachments{display:flex;flex-direction:column;gap:4px;margin-top:6px}.chat-attachment-item{border-radius:4px;padding:3px 8px}.chat-attachment-name{max-width:200px}.chat-attachment-actions{display:flex;gap:4px;margin-left:6px;margin-right:auto}.chat-attachment-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;line-height:1;padding:3px 5px;transition:color .15s,background .15s}.chat-attachment-btn:hover{background:#eff6ff;color:#3b82f6}.chat-attachment-btn:last-child:hover{background:#f0fdf4;color:#10b981}.chat-attachment-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;display:flex;font-size:12px;gap:5px;padding:4px 8px}.chat-attachment-name{flex:1 1;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-context-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #00000024;direction:rtl;min-width:140px;padding:4px;position:fixed;z-index:9999}.chat-context-item{align-items:center;background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;text-align:right;transition:background .15s;width:100%}.chat-context-item:hover{background:#f3f4f6;color:#111827}.chat-context-divider{background:#e5e7eb;height:1px;margin:3px 0}.chat-context-danger{color:#dc2626}.chat-context-danger:hover{background:#fef2f2;color:#b91c1c}.chat-reply-box{align-items:center;background:#f0f7ff;border-bottom:1px solid #bcd6f5;border-top:1px solid #bcd6f5;direction:rtl;display:flex;gap:8px;padding:8px 12px}.chat-reply-box-bar{background:#3b82f6;border-radius:2px;flex-shrink:0;min-height:32px;width:3px}.chat-reply-box-content{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.chat-reply-box-label{color:#6b7280;font-size:11px}.chat-reply-box-author{color:#2563eb;font-size:12px;font-weight:600}.chat-reply-box-text{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reply-box-cancel{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;padding:4px;transition:color .15s}.chat-reply-box-cancel:hover{color:#ef4444}.chat-reply-quote{background:#0000000a;border-radius:6px;direction:rtl;display:flex;gap:6px;margin-bottom:6px;padding:6px 8px}.chat-reply-quote-bar{background:#3b82f6;border-radius:2px;flex-shrink:0;width:3px}.chat-reply-quote-content{display:flex;flex-direction:column;gap:2px;overflow:hidden}.chat-reply-quote-author{color:#2563eb;font-size:11px;font-weight:600}.chat-reply-quote-text{color:#6b7280;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbl-search-wrapper{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.tbl-search-icon{color:#9ca3af;font-size:13px;pointer-events:none;position:absolute;right:10px}.tbl-search-input{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);direction:rtl;font-family:var(--font-family);font-size:.82rem;height:34px;padding:6px 32px 6px 10px;transition:var(--transition);width:100%}.tbl-search-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 2px #10b9811f;outline:none}.tbl-search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;left:8px;line-height:1;padding:0;position:absolute}.chat-upload-progress-wrapper{background:#f0f7ff;border-radius:6px 6px 0 0;border-top:1px solid #dbeafe;padding:8px 12px}.chat-upload-progress-info{align-items:center;color:#2563eb;display:flex;font-size:12px;gap:6px;margin-bottom:6px}.chat-upload-progress-percent{font-size:13px;font-weight:700;margin-right:auto}.chat-upload-progress-bar-bg{background:#bfdbfe;border-radius:999px;height:6px;overflow:hidden;width:100%}.chat-upload-progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:999px;height:100%;transition:width .2s ease}.chat-selected-file-size{color:#888;font-size:10px;margin-right:4px}.task-view-bar{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:8px;padding:6px 8px;width:100%}.task-view-bar-divider{background:var(--border);flex-shrink:0;height:20px;width:1px}.tasks-grid-layout{grid-gap:10px;animation:fadeIn .25s ease-out;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}@media (max-width:1200px){.tasks-grid-layout{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media (max-width:768px){.tasks-grid-layout{gap:8px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.tasks-grid-layout{gap:7px;grid-template-columns:1fr 1fr}}.task-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:var(--transition)}.task-card:hover{border-color:#10b98140;box-shadow:var(--shadow-md);transform:translateY(-2px)}.task-card.priority-high{border-top:3px solid #fca5a5}.task-card.priority-medium{border-top:3px solid #fde68a}.task-card.priority-low{border-top:3px solid #6ee7b7}.task-card-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light,#f1f5f9);min-height:68px;overflow:hidden;padding:10px 10px 8px;position:relative}.task-card.priority-high .task-card-header{background:#fff5f5}.task-card.priority-medium .task-card-header{background:#fffbeb}.task-card.priority-low .task-card-header{background:#f0fdf4}.task-card-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between;margin-bottom:6px}.task-card-status-badge{border:1px solid #0000;border-radius:20px;font-size:.63rem}.task-card-scope-badge,.task-card-status-badge{align-items:center;display:inline-flex;font-weight:600;padding:2px 7px}.task-card-scope-badge{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;color:#7c3aed;font-size:.62rem;gap:3px}.task-card--inactive{border:1px dashed #6b728080!important;opacity:.72}.task-card-inactive-banner{align-items:center;background:#6b728014;border-bottom:1px dashed #6b728033;border-radius:8px 8px 0 0;color:#6b7280;display:flex;font-size:.63rem;font-weight:600;gap:5px;padding:3px 10px}.tbl-inactive-badge{align-items:center;background:#6b72801f;border:1px solid #6b728040;border-radius:50%;color:#6b7280;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;margin-right:4px;width:18px}.task-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.75rem;font-weight:700;line-height:1.3;margin:0;overflow:hidden}.task-card-body{background:#fff;display:flex;flex:1 1;flex-direction:row;gap:6px;padding:8px 10px}.task-card-meta-row{align-items:center;color:var(--text-secondary);display:flex;gap:5px}.task-card-meta-text{color:var(--text-secondary);font-size:.7rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card-assignees{align-items:center;display:flex;margin-top:2px}.task-card-avatar{align-items:center;border:1.5px solid #fff;border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;font-size:.55rem;font-weight:700;height:22px;justify-content:center;margin-right:-5px;position:relative;width:22px}.task-card-avatar-more{background:#94a3b8;color:#fff;font-size:.55rem}.task-card-children-count{align-items:center;background:var(--gray-100);border-radius:12px;color:var(--text-secondary);display:inline-flex;font-size:.62rem;gap:4px;padding:2px 7px;width:-webkit-fit-content;width:fit-content}.task-card-footer{align-items:center;background:var(--gray-50);border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:6px;justify-content:space-between;padding:6px 10px}.task-card-priority{align-items:center;display:inline-flex;font-size:.65rem;font-weight:600;gap:3px}.task-card-actions{align-items:center;display:flex;gap:3px}.task-card-btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.68rem;height:26px;justify-content:center;transition:var(--transition-fast);width:26px}.task-card-btn:disabled{cursor:not-allowed;opacity:.4}.task-card-btn-edit{background:#d1fae5;background:var(--pastel-green,#d1fae5);color:#065f46}.task-card-btn-edit:hover:not(:disabled){filter:brightness(.9);transform:scale(1.08)}.task-card-btn-delete{background:#fee2e2;background:var(--pastel-red,#fee2e2);color:#b91c1c}.task-card-btn-delete:hover:not(:disabled){filter:brightness(.9);transform:scale(1.08)}.task-card-btn-info{background:#dbeafe;background:var(--pastel-blue,#dbeafe);color:#1d4ed8}.task-card-btn-info:hover:not(:disabled){filter:brightness(.9);transform:scale(1.08)}@media (max-width:768px){.task-view-bar{gap:6px}.tbl-filter-bar{flex-wrap:wrap;gap:5px}.tbl-search-wrapper{min-width:160px}.tbl-filter-select{flex:1 1;min-width:68px}}@media (max-width:576px){.task-view-bar{align-items:flex-start;flex-direction:column}.view-toggle-container{align-self:flex-end}}.empty-icon{display:flex;justify-content:center}.empty-description{max-width:360px}.task-detail-date-val{color:var(--text-primary);font-size:.78rem;font-weight:500}.task-detail-project{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.82rem;font-weight:500;padding:6px 10px}.ms-select{font-family:var(--font-family);position:relative;width:100%}.ms-control{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:6px;min-height:42px;padding:6px 10px;transition:var(--transition)}.ms-control:hover{border-color:var(--primary-light)}.ms-tags{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.ms-tag{align-items:center;background:#10b9811f;border-radius:var(--radius-md);color:var(--primary);display:inline-flex;font-size:.75rem;gap:6px;line-height:1.4;padding:3px 8px}.ms-tag-remove{background:none;border:none;color:var(--primary);cursor:pointer;display:flex;font-size:1rem;line-height:1;padding:0}.ms-tag-remove:hover{color:#ef4444;color:var(--danger,#ef4444)}.ms-placeholder{flex:1 1;font-size:.8rem}.ms-arrow,.ms-placeholder{color:#888;color:var(--text-secondary,#888)}.ms-arrow{-webkit-margin-start:auto;font-size:.7rem;margin-inline-start:auto}.ms-dropdown{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;inset-inline-start:0;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:1000}.ms-dropdown,.ms-search{background:var(--surface);width:100%}.ms-search{border:none;border-bottom:1px solid var(--border);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family);font-size:.8rem;outline:none;padding:10px 12px}.ms-options{max-height:220px;overflow-y:auto}.ms-option{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8rem;gap:8px;padding:9px 12px;transition:background .15s}.ms-option:hover{background:#10b9810f}.ms-option.selected{background:#10b9811a}.ms-option input[type=checkbox]{accent-color:var(--primary);pointer-events:none}.ms-empty{color:#888;color:var(--text-secondary,#888);font-size:.8rem;padding:14px 12px;text-align:center}.task-form-modal .modal-body,.task-form-modal-split .task-modal-form-panel{padding:12px 16px}.task-form-modal .form-label,.task-form-modal-split .form-label{font-size:.72rem;margin-bottom:0}.task-form-modal .form-input,.task-form-modal .form-select,.task-form-modal .form-textarea,.task-form-modal-split .form-input,.task-form-modal-split .form-select,.task-form-modal-split .form-textarea{font-size:.78rem;padding:7px 10px}.task-form-modal .form-textarea,.task-form-modal-split .form-textarea{min-height:0}.task-form-modal .ms-inline-box,.task-form-modal-split .ms-inline-box{min-height:36px;padding:4px 8px}.task-form-modal .form-grid,.task-form-modal-split .form-grid{gap:9px 14px}.task-form-modal .ms-tag,.task-form-modal-split .ms-tag{font-size:.72rem;padding:2px 7px}.ms-inline-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;min-height:42px;padding:6px 10px;transition:var(--transition)}.ms-inline-box:focus-within{border-color:var(--primary-light);box-shadow:0 0 0 3px #6366f114}.ms-inline-input{background:#0000;border:none;color:var(--text-primary);direction:rtl;font-family:var(--font-family);font-size:.8rem;outline:none;padding:2px 0;width:100%}.ms-inline-input::placeholder{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.tbl-project-filter{flex-shrink:0;min-width:160px;position:relative}.tbl-project-filter-input-wrap{align-items:center;display:flex;position:relative}.tbl-project-filter-icon{color:var(--text-muted);font-size:.75rem;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:1}.tbl-project-filter-input{min-width:150px;padding-left:22px!important;padding-right:28px!important}.tbl-project-filter-clear{background:none;border:none;color:#999;cursor:pointer;font-size:15px;left:6px;line-height:1;padding:2px;position:absolute;top:50%;transform:translateY(-50%)}.tbl-project-filter-clear:hover{color:#555}.tbl-project-filter-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 20px #0000001f;left:0;max-height:240px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:500}.tbl-project-filter-option{color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-size:.8rem;padding:9px 12px;transition:background .15s}.tbl-project-filter-option.selected,.tbl-project-filter-option:hover{background:#10b98117;color:var(--primary)}.task-context-menu{animation:fadeIn .15s ease-out;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px #00000029;min-width:185px;padding:4px;position:fixed;z-index:9999}.ctx-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;direction:rtl;display:flex;font-family:var(--font-family);font-size:.82rem;gap:8px;padding:8px 12px;text-align:right;transition:background .15s;width:100%}.ctx-menu-item:hover:not(:disabled){background:#10b98112}.ctx-menu-item:disabled{cursor:not-allowed;opacity:.45}.ctx-menu-chat{color:#2563eb}.ctx-menu-schedule{color:#6366f1}.ctx-menu-edit{color:#10b981}.ctx-menu-delete{color:#ef4444}.ctx-menu-delete:hover:not(:disabled){background:#ef444414!important}.ctx-menu-divider{background:var(--border);height:1px;margin:4px 8px}.alarm-overlay{align-items:stretch;animation:alarmFadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:10000}@keyframes alarmFadeIn{0%{opacity:0}to{opacity:1}}.alarm-panel{animation:alarmSlideIn .25s cubic-bezier(.25,.46,.45,.94);background:#fff;box-shadow:-8px 0 32px #0000002e;direction:rtl;display:flex;flex-direction:column;height:100%;max-width:100vw;overflow:hidden;width:380px}@keyframes alarmSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.alarm-header{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 18px 16px}.alarm-header-info{align-items:center;display:flex;gap:12px}.alarm-header-icon{background:#fff3;border-radius:50%;height:40px;position:relative;width:40px}.alarm-active-dot,.alarm-header-icon{align-items:center;display:flex;justify-content:center}.alarm-active-dot{background:#f59e0b;border:2px solid #4f46e5;border-radius:9px;font-size:10px;font-weight:700;height:18px;left:-3px;min-width:18px;padding:0 4px;position:absolute;top:-3px}.alarm-header-title{font-size:16px;font-weight:700;letter-spacing:.3px}.alarm-header-sub{font-size:12px;margin-top:2px;max-width:220px;opacity:.82;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alarm-close-btn{align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .18s;width:32px}.alarm-close-btn:hover{background:#ffffff52}.alarm-body{flex:1 1;overflow-y:auto;padding:16px}.alarm-body,.alarm-loading{display:flex;flex-direction:column;gap:12px}.alarm-loading{align-items:center;color:#6b7280;font-size:14px;justify-content:center;padding:48px 0}.alarm-spinner{animation:alarmSpin .7s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:28px;width:28px}@keyframes alarmSpin{to{transform:rotate(1turn)}}.alarm-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:48px 16px;text-align:center}.alarm-empty-icon{animation:alarmPulse 2.5s ease-in-out infinite;color:#d1d5db;margin-bottom:8px}@keyframes alarmPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.75;transform:scale(1.08)}}.alarm-empty p{font-size:15px;font-weight:600;margin:0}.alarm-empty small{font-size:12px}.alarm-list{display:flex;flex-direction:column;gap:10px}.alarm-card{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;display:flex;gap:10px;padding:12px 12px 12px 10px;position:relative;transition:border-color .2s,box-shadow .2s,opacity .2s}.alarm-card.active{background:#eef2ff;border-color:#c7d2fe}.alarm-card.inactive{opacity:.7}.alarm-card.past{background:#fffbeb;border-color:#fde68a}.alarm-card:hover{box-shadow:0 2px 10px #6366f11a}.alarm-toggle-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:background .2s,transform .15s;width:34px}.alarm-toggle-btn.on{background:#6366f1;color:#fff}.alarm-toggle-btn.on:hover{background:#4f46e5;transform:scale(1.08)}.alarm-toggle-btn.off{background:#e5e7eb;color:#9ca3af}.alarm-toggle-btn.off:hover{background:#d1d5db;transform:scale(1.05)}.alarm-card-body{flex:1 1;min-width:0}.alarm-card-title{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alarm-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.alarm-time-label{align-items:center;color:#4b5563;direction:ltr;display:flex;font-size:12px;gap:4px}.alarm-repeat-badge{align-items:center;background:#ddd6fe;border-radius:20px;color:#5b21b6;display:flex;font-size:11px;font-weight:600;gap:3px;padding:2px 7px}.alarm-countdown{color:#10b981}.alarm-countdown,.alarm-past-label{display:block;font-size:11px;font-weight:600;margin-top:3px}.alarm-past-label{color:#d97706}.alarm-card-actions{display:flex;flex-direction:column;flex-shrink:0;gap:5px}.alarm-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .18s,transform .12s;width:28px}.alarm-action-btn.edit{background:#e0e7ff;color:#4f46e5}.alarm-action-btn.edit:hover{background:#c7d2fe;transform:scale(1.08)}.alarm-action-btn.delete{background:#fee2e2;color:#dc2626}.alarm-action-btn.delete:hover{background:#fca5a5;transform:scale(1.08)}.alarm-form{animation:alarmFormIn .2s ease;background:#f0f4ff;border:1.5px solid #c7d2fe;border-radius:14px;display:flex;flex-direction:column;gap:13px;padding:16px}@keyframes alarmFormIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.alarm-form-title{border-bottom:1px solid #c7d2fe;color:#312e81;font-size:14px;font-weight:700;margin-bottom:2px;padding-bottom:10px}.alarm-form-group{display:flex;flex-direction:column;gap:5px}.alarm-form-group label{color:#4b5563;font-size:12px;font-weight:600}.alarm-form-row{align-items:flex-start;display:flex;gap:10px}.alarm-form-group.flex1{flex:1 1}.alarm-input{background:#fff;border:1.5px solid #c7d2fe;border-radius:8px;box-sizing:border-box;color:#1f2937;direction:rtl;font-family:inherit;font-size:13px;padding:9px 11px;transition:border-color .18s,box-shadow .18s;width:100%}.alarm-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;outline:none}.alarm-input.error{border-color:#f87171}.alarm-field-error{color:#dc2626;font-size:11px;margin-top:2px}.alarm-repeat-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}.alarm-repeat-opt{align-items:center;background:#fff;border:1.5px solid #c7d2fe;border-radius:20px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:5px 11px;transition:all .18s;-webkit-user-select:none;user-select:none}.alarm-repeat-opt input[type=radio]{display:none}.alarm-repeat-opt.selected{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:600}.alarm-repeat-opt:not(.selected):hover{border-color:#6366f1;color:#4f46e5}.alarm-textarea{background:#fff;border:1.5px solid #c7d2fe;border-radius:8px;box-sizing:border-box;color:#1f2937;direction:rtl;font-family:inherit;font-size:13px;padding:9px 11px;resize:vertical;transition:border-color .18s;width:100%}.alarm-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;outline:none}.alarm-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.alarm-cancel-btn{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:9px 18px;transition:background .18s}.alarm-cancel-btn:hover{background:#f3f4f6}.alarm-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.alarm-save-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:9px 18px;transition:opacity .18s,transform .12s}.alarm-save-btn:hover{opacity:.9;transform:translateY(-1px)}.alarm-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.alarm-footer{border-top:1px solid #e5e7eb;flex-shrink:0;padding:14px 16px}.alarm-add-btn{align-items:center;background:#0000;border:2px dashed #a5b4fc;border-radius:10px;color:#6366f1;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:7px;justify-content:center;padding:11px 16px;transition:all .2s;width:100%}.alarm-add-btn:hover{background:#eef2ff;border-color:#6366f1}.alarm-form .rmdp-input,.alarm-form input[class*=alarm-input]{font-family:inherit}@media (max-width:480px){.alarm-panel{width:100%}.alarm-form-row{flex-direction:column}.alarm-repeat-options{gap:6px}.alarm-repeat-opt{font-size:11px;padding:4px 9px}}.alarm-body--embedded{flex:none;overflow-y:visible;padding:12px 16px}.alarm-footer--embedded{border-top:none;padding:0 16px 16px}.ctx-menu-alarm{color:#6366f1}.ctx-menu-alarm:hover:not(:disabled){background:#eef2ff!important;color:#4f46e5!important}@keyframes pd-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pd-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pd-spinner{animation:pd-spin .75s linear infinite;border:2px solid #10b98133;border-radius:50%;border-top:2px solid var(--primary,#10b981);display:inline-block;flex-shrink:0;height:20px;width:20px}.pd-spinner-sm{border-width:2px;height:14px;width:14px}.pd-comments-list{flex:1 1 auto;padding:.65rem .65rem .9rem}.pd-comments-header{align-items:center;background:linear-gradient(135deg,#10b9810a,#16694e0d);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border,#f1f5f9);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.pd-comments-title{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:.9rem;font-weight:600;gap:.55rem;margin:0}.pd-comments-list{display:flex;flex:1 1;flex-direction:column;gap:.35rem;min-height:0;overflow-y:auto;padding:.65rem}.pd-comments-list::-webkit-scrollbar{width:6px}.pd-comments-list::-webkit-scrollbar-track{background:#e2e8f0;background:var(--border,#e2e8f0);border-radius:9999px;border-radius:var(--radius-full,9999px)}.pd-comments-list::-webkit-scrollbar-thumb{background:#10b98159;background:var(--primary-light,#10b98159);border-radius:9999px;border-radius:var(--radius-full,9999px)}.pd-comments-loading{color:#64748b;color:var(--text-secondary,#64748b);gap:8px;padding:40px 16px}.pd-comments-empty,.pd-comments-loading{align-items:center;display:flex;font-size:.82rem;justify-content:center}.pd-comments-empty{color:#94a3b8;color:var(--text-muted,#94a3b8);flex-direction:column;gap:6px;padding:3rem 1rem;text-align:center}.pd-comments-empty p{margin:0}.pd-comment-wrapper{animation:pd-fadeIn .25s ease-out}.pd-message{align-self:flex-start;background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);max-width:78%;padding:6px 10px;position:relative;transition:all .2s ease;transition:var(--transition,all .2s ease)}.pd-message:hover{border-color:#10b98159;border-color:var(--primary-light,#10b98159)}.pd-message.pd-message-own{align-self:flex-end;background:#10b9810f;border-color:#10b98140}.pd-author-name{color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem;font-weight:700;margin-bottom:.3rem}.pd-message.pd-message-own .pd-author-name{color:#10b981;color:var(--primary,#10b981)}.pd-bubble-text{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.83rem;line-height:1.55;margin:0;white-space:pre-wrap;word-break:break-word}.pd-time{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:.68rem;gap:4px;margin-top:.3rem;text-align:left}.pd-seen-tick{color:#94a3b8;font-size:.7rem;letter-spacing:-2px}.pd-seen-tick--seen{color:#3b82f6}.pd-message-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.25rem}.pd-message-actions{display:flex;gap:.3rem}.pd-action-btn{background:#0000;border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm,4px);cursor:pointer;font-size:.72rem;line-height:1;padding:3px 7px;transition:all .2s ease;transition:var(--transition,all .2s ease)}.pd-action-btn:disabled{cursor:not-allowed;opacity:.5}.pd-action-btn--confirm{background:#10b9811a;border-color:#10b9814d;color:#10b981;color:var(--primary,#10b981)}.pd-action-btn--cancel{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.pd-action-btn--edit{color:#10b981;color:var(--primary,#10b981)}.pd-action-btn--edit:hover{background:#10b9811a;border-color:#10b9814d}.pd-action-btn--delete{color:#ef4444}.pd-action-btn--delete:hover{background:#ef44441a;border-color:#ef44444d}.pd-edit-area{display:flex;flex-direction:column;gap:6px}.pd-edit-textarea{background:#fff;background:var(--surface,#fff);border:1px solid #10b981;border:1px solid var(--primary,#10b981);border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 0 0 3px #10b9811a;color:#1e293b;color:var(--text-primary,#1e293b);direction:rtl;font-family:var(--font-family);font-size:.85rem;outline:none;padding:7px 10px;resize:vertical;width:100%}.pd-edit-actions{display:flex;gap:5px;justify-content:flex-end}.pd-edit-cancel-btn,.pd-edit-save-btn{border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm,4px);cursor:pointer;font-family:var(--font-family);font-size:.72rem;font-weight:600;padding:3px 10px;transition:all .15s;transition:var(--transition,all .15s)}.pd-edit-save-btn{background:#10b9811a;border-color:#10b9814d;color:#10b981;color:var(--primary,#10b981)}.pd-edit-save-btn:hover{background:#10b9812e}.pd-edit-cancel-btn{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.pd-edit-cancel-btn:hover{background:#ef44442e}.pd-reply-quote{background:#0000000a;border-radius:6px;direction:rtl;display:flex;gap:6px;margin-bottom:6px;padding:6px 8px}.pd-reply-quote-bar{background:#10b981;background:var(--primary,#10b981);border-radius:2px;flex-shrink:0;width:3px}.pd-reply-quote-content{display:flex;flex-direction:column;gap:2px;overflow:hidden}.pd-reply-quote-author{color:#10b981;color:var(--primary,#10b981);font-weight:600}.pd-reply-quote-author,.pd-reply-quote-text{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-reply-quote-text{color:#64748b;color:var(--text-secondary,#64748b)}.pd-attachments{display:flex;flex-direction:column;gap:4px;margin-top:6px}.pd-attachment-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;display:flex;font-size:12px;gap:5px;padding:4px 8px}.pd-attachment-name{flex:1 1;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-attachment-actions{display:flex;gap:4px;margin-left:6px;margin-right:auto}.pd-attachment-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;line-height:1;padding:3px 5px;transition:color .15s,background .15s}.pd-attachment-btn:hover{background:#eff6ff;color:#3b82f6}.pd-attachment-btn:last-child:hover{background:#f0fdf4;color:#10b981}.pd-context-menu{animation:pd-menu-in .12s ease;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #00000024;direction:rtl;min-width:140px;padding:4px;position:fixed;z-index:9999}.pd-context-item{align-items:center;background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-family:var(--font-family);font-size:13px;gap:8px;padding:8px 12px;text-align:right;transition:background .15s;width:100%}.pd-context-item:hover{background:#f3f4f6;color:#111827}.pd-context-divider{background:#e5e7eb;height:1px;margin:3px 0}.pd-context-danger{color:#dc2626}.pd-context-danger:hover{background:#fef2f2;color:#b91c1c}.pd-comments-footer{background:#fff;background:var(--surface,#fff);border-top:1px solid #f1f5f9;border-top:1px solid var(--border,#f1f5f9);bottom:0;display:flex;flex-direction:column;flex-shrink:0;padding:1rem;padding:var(--spacing-md,1rem);position:-webkit-sticky;position:sticky;z-index:1}.pd-reply-indicator{align-items:center;background:#f0f7ff;border-bottom:1px solid #bcd6f5;border-radius:8px;border-top:1px solid #bcd6f5;direction:rtl;display:flex;gap:8px;margin-bottom:6px;padding:8px 12px}.pd-reply-indicator-bar{background:#3b82f6;border-radius:2px;flex-shrink:0;min-height:32px;width:3px}.pd-reply-indicator-content{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.pd-reply-indicator-label{color:#6b7280;font-size:11px}.pd-reply-indicator-author{color:#2563eb;font-size:12px;font-weight:600}.pd-reply-indicator-text{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-reply-indicator-cancel{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;padding:4px;transition:color .15s}.pd-reply-indicator-cancel:hover{color:#ef4444}.pd-selected-files{border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 4px}.pd-selected-file{align-items:center;background:#f0f7ff;border:1px solid #bcd6f5;border-radius:20px;color:#2563eb;display:flex;font-size:12px;gap:5px;max-width:200px;padding:3px 10px 3px 6px}.pd-selected-file span{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-selected-file-remove{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;padding:0 2px;transition:color .15s}.pd-selected-file-remove:hover{color:#ef4444}.pd-comments-input-wrap{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:16px;border-radius:var(--radius-xl,16px);display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);padding:4px;transition:all .2s ease;transition:var(--transition,all .2s ease)}.pd-comments-input-wrap:focus-within{border-color:#10b981;border-color:var(--primary,#10b981);box-shadow:0 0 0 3px #10b9811a}.pd-comments-textarea{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);direction:rtl;flex:1 1;font-family:var(--font-family);font-size:.88rem;line-height:1.5;max-height:120px;min-height:36px;outline:none;overflow-y:auto;padding:.5rem 1rem;padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem);resize:none}.pd-comments-textarea::placeholder{color:#94a3b8;color:var(--text-muted,#94a3b8)}.pd-comments-textarea:disabled{cursor:not-allowed}.pd-attach-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary,#10b981) 0,var(--primary-dark,#059669) 100%);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;transition:all .2s ease;transition:var(--transition,all .2s ease);width:36px}.pd-attach-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;box-shadow:var(--shadow-md,0 4px 12px #10b9814d);transform:scale(1.05)}.pd-attach-btn:disabled{cursor:not-allowed;opacity:.5}.pd-comments-send-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary,#10b981) 0,var(--primary-dark,#059669) 100%);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;transition:all .2s ease;transition:var(--transition,all .2s ease);width:36px}.pd-comments-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;box-shadow:var(--shadow-md,0 4px 12px #10b9814d);transform:scale(1.05)}.pd-comments-send-btn:disabled{cursor:not-allowed;opacity:.5}.pd-edit-indicator{align-items:center;background:#fefce8;border-bottom:1px solid #fde68a;border-radius:8px;border-top:1px solid #fde68a;direction:rtl;display:flex;gap:8px;margin-bottom:6px;padding:8px 12px}.pd-edit-indicator-bar{background:#f59e0b;border-radius:2px;flex-shrink:0;min-height:28px;width:3px}.pd-edit-indicator-content{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.pd-edit-indicator-label{align-items:center;color:#b45309;display:flex;font-size:12px;font-weight:600;gap:5px}.pd-comments-send-btn--edit{background:linear-gradient(135deg,#f59e0b,#d97706)}.pd-comments-send-btn--edit:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b66}.pd-comments-error{background:#fef2f2;border:1px solid #fee2e2;border-radius:7px;color:#dc2626;font-size:11px;font-weight:500;margin-bottom:6px;padding:5px 10px}@media (max-width:600px){.pd-comments-box{min-height:300px}.pd-message{max-width:100%}}.page-title.task,.task-detail{display:flex;flex-direction:row}.pd-loading{color:#64748b;color:var(--text-secondary,#64748b);flex-direction:column;font-size:15px;gap:16px;min-height:60vh}.pd-loading,.pd-loading-ring{align-items:center;display:flex;justify-content:center}.pd-loading-ring{background:#10b98114;border-radius:50%;height:64px;width:64px}.pd-spinner{animation:pd-spin .85s linear infinite;color:#10b981;color:var(--primary,#10b981);font-size:28px}@keyframes pd-spin{to{transform:rotate(1turn)}}.pd-error{color:#64748b;color:var(--text-secondary,#64748b);flex-direction:column;gap:14px;min-height:60vh;text-align:center}.pd-error,.pd-error-icon-wrap{align-items:center;display:flex;justify-content:center}.pd-error-icon-wrap{background:#fef2f2;border-radius:50%;color:#ef4444;font-size:30px;height:72px;width:72px}.pd-error h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:17px;margin:0}.pd-error p{font-size:14px;margin:0}.pd-btn-back{align-items:center;background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font-family);font-size:13.5px;gap:7px;padding:8px 18px;transition:border-color .18s,color .18s,background .18s;white-space:nowrap}.pd-btn-back:hover{background:#10b9810f;border-color:#10b981;border-color:var(--primary,#10b981);color:#10b981;color:var(--primary,#10b981)}.pd2-topbar{flex-wrap:wrap;gap:12px;justify-content:space-between;min-height:60px;padding:0 24px;padding:0 var(--spacing-lg,24px)}.pd2-topbar,.pd2-topbar-right{align-items:center;display:flex}.pd2-topbar-right{flex:1 1;gap:14px;min-width:0}.pd2-back-btn{align-items:center;background:#ffffff1f;border:1.5px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;transition:background .18s,border-color .18s;width:36px}.pd2-back-btn:hover{background:#ffffff38;border-color:#ffffff80}.pd2-topbar-title-block{display:flex;flex-direction:column;gap:2px;min-width:0}.pd2-topbar-eyebrow{align-items:center;color:#ffffffa6;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.04em;text-transform:uppercase}.pd2-eyebrow-icon{font-size:10px;opacity:.8}.pd2-topbar-code{background:#ffffff26;border-radius:5px;color:#ffffffd9;font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:1px 6px}.pd2-topbar-type-chip{background:#ffffff2e;border:1px solid #ffffff40;border-radius:5px;color:#ffffffe6;font-size:10.5px;padding:1px 7px}.pd2-topbar-name{color:#fff;font-size:1.05rem;font-weight:700;line-height:1.25;margin:0;max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd2-topbar-badges{flex-wrap:wrap;gap:6px}.pd2-topbar-badges,.pd2-topbar-search-btn{align-items:center;display:flex;flex-shrink:0}.pd2-topbar-search-btn{background:#ffffff0f;border:1.2px solid #ffffff1f;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;height:36px;justify-content:center;transition:background .12s,border-color .12s;width:36px}.pd2-topbar-search-btn:hover{background:#ffffff24;border-color:#ffffff47}.pd2-search-input{border:1.2px solid #e2e8f0;border:1.2px solid var(--border,#e2e8f0);border-radius:8px;flex:1 1;font-size:13px;min-width:180px;padding:8px 10px}.pd2-tab--compact{font-size:13px;gap:6px;padding:6px 10px}.pd2-body.pd2-compact .pd2-topbar{gap:8px;min-height:48px;padding:0 12px}.pd2-body.pd2-compact .pd2-scorecard{border-radius:10px;gap:8px;padding:10px 12px}.pd2-body.pd2-compact .pd2-scorecard-eyebrow{font-size:9.5px}.pd2-body.pd2-compact .pd2-scorecard-bigval{font-size:13px}.pd2-body.pd2-compact .pd2-tab{font-size:13px;padding:6px 12px}.pd2-body.pd2-compact .pd2-scorecard-row{gap:8px}.pd2-body.pd2-compact .pd2-tabbar{margin-bottom:12px}.pd2-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:600;gap:4px;padding:4px 10px;white-space:nowrap}.pd2-badge--overdue{background:#fef2f2;border:1px solid #fca5a540;color:#ef4444}.pd2-mini-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;gap:3px;padding:2px 7px}.pd2-body{max-width:100%;padding:20px 24px 48px;padding:20px var(--spacing-lg,24px) 48px}.pd2-scorecard-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(200px,1fr) minmax(160px,200px) minmax(140px,180px) minmax(160px,200px);margin-bottom:20px}.pd2-scorecard{align-items:center;background:#fff;background:var(--surface,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:14px;box-shadow:0 1px 4px #0000000d;display:flex;gap:12px;overflow:hidden;padding:14px 16px;position:relative;transition:box-shadow .2s,border-color .2s,transform .18s}.pd2-scorecard:after{background:#10b981;background:var(--primary,#10b981);bottom:0;content:"";opacity:0;position:absolute;right:0;top:0;transition:opacity .2s;width:3px}.pd2-scorecard--clickable{cursor:pointer}.pd2-scorecard--clickable:hover{border-color:#10b98140;box-shadow:0 6px 18px #00000017;transform:translateY(-2px)}.pd2-scorecard--active{border-color:#10b981;border-color:var(--primary,#10b981);box-shadow:0 4px 16px #10b9812e}.pd2-scorecard--active:after{opacity:1}.pd2-scorecard--progress{gap:14px}.pd2-ring-wrap{flex-shrink:0;height:76px;position:relative;width:76px}.pd2-ring-label{font-size:14px;font-weight:800;inset:0;pointer-events:none;position:absolute}.pd2-ring-label,.pd2-scorecard-icon-wrap{align-items:center;display:flex;justify-content:center}.pd2-scorecard-icon-wrap{border-radius:12px;flex-shrink:0;font-size:18px;height:44px;width:44px}.pd2-scorecard-body{display:flex;flex-direction:column;gap:3px;min-width:0}.pd2-scorecard-eyebrow{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pd2-scorecard-bigval{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:800;line-height:1.1}.pd2-scorecard-sub{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:11px}.pd2-minibar{background:#e2e8f0;background:var(--border,#e2e8f0);border-radius:999px;height:5px;margin-top:2px;overflow:hidden;width:100%}.pd2-minibar-fill{border-radius:999px;height:100%;transition:width .8s ease}.pd2-scorecard--tasks{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 14px}.pd2-task-chips{display:flex;flex-wrap:wrap;gap:6px;width:100%}.pd2-task-chip{align-items:center;background:color-mix(in srgb,#10b981 9%,#0000);background:color-mix(in srgb,var(--tc,#10b981) 9%,#0000);border:1px solid color-mix(in srgb,#10b981 22%,#0000);border:1px solid color-mix(in srgb,var(--tc,#10b981) 22%,#0000);border-radius:8px;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:40px;padding:6px 4px}.pd2-task-chip-num{color:#10b981;color:var(--tc,#10b981);font-size:16px;font-weight:800;line-height:1}.pd2-task-chip-lbl{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:9px;font-weight:600;margin-top:2px}.pd2-tabbar{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);display:flex;gap:2px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.pd2-tabbar::-webkit-scrollbar{display:none}.pd2-tab{align-items:center;background:#0000;border:none;border-radius:8px 8px 0 0;bottom:-2px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:13px;font-weight:600;gap:6px;padding:10px 18px;position:relative;transition:color .15s,background .15s;white-space:nowrap}.pd2-tab:hover{background:#10b9810d}.pd2-tab--active,.pd2-tab:hover{color:#10b981;color:var(--primary,#10b981)}.pd2-tab--active{background:#fff;background:var(--surface,#fff);border:2px solid #e2e8f0;border-bottom-color:#fff;border:2px solid var(--border,#e2e8f0);border-bottom-color:var(--surface,#fff)}.pd2-tab-icon{align-items:center;display:flex;font-size:12px}.pd2-tab-content{animation:pd2-fade .2s ease-out}@keyframes pd2-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pd2-overview-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:360px 1fr}.pd2-left-col,.pd2-right-col,.pd2-team-layout{display:flex;flex-direction:column;gap:16px}.pd2-card{background:#fff;background:var(--surface,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:14px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.pd2-card--comments{display:flex;flex-direction:column;max-height:460px;min-height:360px}.pd2-card--comments .pd2-card-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:14px 18px}.pd2-card-head{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--gray-50,#f9fafb),var(--surface,#fff));border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light,#f1f5f9);display:flex;gap:8px;padding:14px 18px}.pd2-card-head h2{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:13.5px;font-weight:700;margin:0}.pd2-card-head-icon{color:#10b981;color:var(--primary,#10b981);flex-shrink:0;font-size:13px}.pd2-card-count{background:#f5f5f5;background:var(--gray-100,#f5f5f5);border-radius:999px;color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:700;padding:2px 8px}.pd2-card-head-badges{display:flex;flex-wrap:wrap;gap:5px}.pd2-card-body{padding:16px 18px}.pd2-card-body--flush{padding:0}.pd2-action-btn{align-items:center;background:#10b981;background:var(--primary,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:5px;margin-right:auto;padding:6px 13px;transition:background .18s,box-shadow .18s,transform .18s}.pd2-action-btn:hover:not(:disabled){background:#059669;background:var(--green-emerald,#059669);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.pd2-action-btn:disabled{cursor:not-allowed;opacity:.6}.pd2-info-row{align-items:flex-start;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light,#f1f5f9);display:flex;gap:12px;padding:9px 0}.pd2-info-row:last-child{border-bottom:none;padding-bottom:0}.pd2-info-row:first-child{padding-top:0}.pd2-info-label{color:#64748b;color:var(--text-secondary,#64748b);flex-shrink:0;font-size:11.5px;font-weight:700;letter-spacing:.05em;min-width:90px;padding-top:2px;text-transform:uppercase}.pd2-info-value{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:5px}.pd2-code{background:#f5f5f5;background:var(--gray-100,#f5f5f5);border-radius:4px;color:#64748b;color:var(--text-secondary,#64748b);font-family:Courier New,monospace;font-size:12px;letter-spacing:.04em;padding:1px 6px}.pd2-date-val{font-size:13px;font-weight:600;gap:5px}.pd2-date-val,.pd2-overdue-chip{align-items:center;display:inline-flex}.pd2-overdue-chip{background:#fef2f2;border:1px solid #fca5a540;border-radius:999px;color:#ef4444;font-size:10px;font-weight:700;gap:3px;padding:1px 6px}.pd2-creator-val{align-items:center;display:inline-flex;gap:7px}.pd2-creator-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:22px;justify-content:center;width:22px}.pd2-description-block{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light,#f1f5f9);margin-top:12px;padding-top:12px}.pd2-description-label{color:#64748b;color:var(--text-secondary,#64748b);display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.pd2-description-text{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13.5px;line-height:1.7;margin:0}.pd2-progress-detail-bar{align-items:center;display:flex;gap:10px;margin-bottom:12px}.pd2-progress-track{background:#e2e8f0;background:var(--border,#e2e8f0);border-radius:999px;flex:1 1;height:8px;overflow:hidden}.pd2-progress-fill{border-radius:999px;height:100%;transition:width .9s ease}.pd2-progress-pct{font-size:14px;font-weight:800;min-width:36px;text-align:left}.pd2-status-breakdown{display:flex;flex-direction:column;gap:6px}.pd2-breakdown-item{align-items:center;display:flex;font-size:12.5px;gap:8px}.pd2-breakdown-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.pd2-breakdown-label{color:#64748b;color:var(--text-secondary,#64748b);flex:1 1}.pd2-breakdown-count{font-size:13px;font-weight:700}.pd2-members-grid{display:flex;flex-direction:column;gap:2px}.pd2-member-card{align-items:center;border-radius:10px;display:flex;gap:12px;padding:10px 12px;transition:background .15s}.pd2-member-card:hover{background:#f5f5f5;background:var(--gray-100,#f5f5f5)}.pd2-member-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:38px;justify-content:center;width:38px}.pd2-member-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.pd2-member-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd2-member-email{font-size:11.5px}.pd2-member-email,.pd2-member-meta-date{color:#94a3b8;color:var(--text-muted,#94a3b8)}.pd2-member-meta-date{font-size:11px}.pd2-member-sync-fail{align-items:center;color:#ef4444;display:flex;font-size:11px;gap:3px}.pd2-member-active-dot{background:#10b981;border-radius:50%;flex-shrink:0;height:8px;width:8px}.pd2-member-role-badge{border-radius:999px;flex-shrink:0;font-size:11px;font-weight:700;padding:3px 9px;white-space:nowrap}.pd2-table-wrap{overflow-x:auto}.pd2-table{border-collapse:collapse;font-size:13px;width:100%}.pd2-th{background:#f5f5f5;background:var(--gray-100,#f5f5f5);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:700;letter-spacing:.05em;padding:10px 14px;text-align:right;text-transform:uppercase;white-space:nowrap}.pd2-th--title{min-width:200px}.pd2-th--status{min-width:120px}.pd2-th--priority{min-width:80px}.pd2-th--progress{min-width:120px}.pd2-th--due{min-width:100px}.pd2-tr{transition:background .12s}.pd2-tr:hover{background:#f9fafb;background:var(--gray-50,#f9fafb)}.pd2-td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b);padding:10px 14px;vertical-align:middle}.pd2-td--title{font-weight:600;max-width:280px}.pd2-td--priority{align-items:center;display:flex;gap:6px}.pd2-td--due{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:500}.pd2-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:600;gap:4px;padding:3px 9px;white-space:nowrap}.pd2-priority-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.pd2-prog-wrap{align-items:center;display:flex;gap:8px}.pd2-prog-track{background:#e2e8f0;background:var(--border,#e2e8f0);border-radius:999px;flex:1 1;height:5px;min-width:60px;overflow:hidden}.pd2-prog-fill{border-radius:999px;height:100%;transition:width .6s ease}.pd2-prog-pct{font-size:11px;font-weight:700;min-width:28px;text-align:left}.pd2-empty{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-direction:column;gap:10px;padding:40px 20px;text-align:center}.pd2-empty-icon{color:#e2e8f0;color:var(--border,#e2e8f0);font-size:36px}.pd2-empty h3{color:#64748b;color:var(--text-secondary,#64748b);font-size:15px;font-weight:700;margin:0}.pd2-empty p{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:13px;margin:0}.pd2-total-hours{background:#f9fafb;background:var(--gray-50,#f9fafb);border-radius:0 0 10px 10px;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:13px;font-weight:700;justify-content:flex-end;margin-top:10px;padding:8px 14px}@media (max-width:1100px){.pd2-overview-layout{grid-template-columns:1fr}.pd2-card--comments{min-height:300px}.pd2-topbar-name{max-width:380px}}@media (max-width:900px){.pd2-body{padding:16px 16px 40px}.pd2-topbar{min-height:56px;padding:0 16px;padding:0 var(--spacing-md,16px)}.pd2-topbar-name{font-size:.95rem;max-width:260px}.pd2-topbar-badges{display:none}}@media (max-width:640px){.pd2-scorecard-row{grid-template-columns:1fr 1fr}.pd2-scorecard--progress{grid-column:1/-1}.pd2-body{padding:12px 12px 32px}.pd2-topbar-name{font-size:.9rem;max-width:180px}.pd2-tab{font-size:12px;padding:9px 13px}.pd2-td--priority,.pd2-th--priority{display:none}}@media (max-width:420px){.pd2-scorecard--progress{grid-column:auto}.pd2-back-btn{height:32px;width:32px}}.pd-header-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pd-badge{font-size:12px;gap:5px;padding:5px 13px}.pd-badge,.pd-scope-chip{align-items:center;border-radius:999px;display:inline-flex;font-weight:600;white-space:nowrap}.pd-scope-chip{font-size:11px;gap:4px;padding:4px 10px}.td-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);margin-top:24px;padding-top:20px}.td-add-log-btn{align-items:center;background:#10b981;background:var(--primary,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:5px;margin-right:auto;padding:6px 14px;transition:background .18s,box-shadow .18s,transform .18s}.td-add-log-btn:hover:not(:disabled){background:#059669;background:var(--green-emerald,#059669);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.td-add-log-btn:disabled{cursor:not-allowed;opacity:.6}.td-hours-badge{background:#ecfdf5;border:1px solid #10b98140;border-radius:6px;color:#059669;color:var(--green-emerald,#059669);display:inline-block;font-size:12px;font-weight:600;padding:2px 8px}.td-log-actions{display:flex;gap:4px}.td-log-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:4px 6px;transition:background .15s,color .15s}.td-log-edit{color:#3b82f6}.td-log-edit:hover{background:#eff6ff}.td-log-delete{color:#ef4444;color:var(--error,#ef4444)}.td-log-delete:hover{background:#fef2f2}.td-log-btn:disabled{cursor:not-allowed;opacity:.5}.td-total-hours{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;font-weight:600;margin-top:12px;padding:8px 14px;text-align:left}.tl-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.tl-modal{animation:tl-modal-in .22s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--surface,#fff);border-radius:16px;box-shadow:0 20px 60px #0003,0 0 0 1px #0000000f;max-width:440px;overflow:hidden;width:100%}@keyframes tl-modal-in{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.tl-modal-header{align-items:center;background:linear-gradient(135deg,#ecfdf5,#dcfce7);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;padding:14px 18px}.tl-modal-header h3{align-items:center;color:#047857;display:flex;font-size:14px;font-weight:700;margin:0}.tl-modal-close{align-items:center;background:#fffc;border:1.5px solid #10b98140;border-radius:8px;color:#10b981;cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;transition:all .15s;width:30px}.tl-modal-close:hover{background:#10b981;border-color:#10b981;color:#fff}.tl-modal-body{display:flex;flex-direction:column;gap:14px;padding:18px}.tl-modal-actions{background:#f9fafb;background:var(--gray-50,#f9fafb);border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);display:flex;gap:8px;justify-content:flex-end;padding:12px 18px}.tl-cancel-btn{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-family:inherit;font-size:13px;padding:8px 18px;transition:border-color .15s,color .15s}.tl-cancel-btn:hover{border-color:#10b981;border-color:var(--primary,#10b981);color:#10b981;color:var(--primary,#10b981)}.tl-save-btn{align-items:center;background:#10b981;background:var(--primary,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:5px;padding:8px 20px;transition:background .15s,box-shadow .15s}.tl-save-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d}.tl-save-btn:disabled{cursor:not-allowed;opacity:.6}.tl-hours-display{align-items:center;align-self:flex-start;background:#ecfdf5;border:1px solid #10b98133;border-radius:8px;color:#059669;display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:5px 12px}.schedule-form-group{display:flex;flex-direction:column;gap:5px}.schedule-form-label{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:12px;font-weight:700;gap:5px}.schedule-time-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.schedule-time-input{background:#fff;background:var(--surface,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);direction:ltr;font-family:inherit;font-size:14px;padding:8px 12px;transition:border-color .15s,box-shadow .15s}.schedule-time-input:focus{border-color:#10b981;border-color:var(--primary,#10b981);box-shadow:0 0 0 3px #10b9811f;outline:none}.schedule-description-input{background:#fff;background:var(--surface,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-family:inherit;font-size:13px;padding:8px 12px;resize:vertical;transition:border-color .15s}.schedule-description-input:focus{border-color:#10b981;border-color:var(--primary,#10b981);outline:none}.schedule-jalali-picker{border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:8px;font-family:inherit;font-size:13px;padding:8px 12px;width:100%}.required{color:#ef4444}.error-message{color:#ef4444;font-size:11.5px;gap:3px;margin-top:2px}.td-customer-card{background:#f9fafb;background:var(--gray-50,#f9fafb);border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:12px;overflow:hidden}.td-customer-card-header{align-items:center;background:#fff;background:var(--surface,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;gap:12px;padding:12px 14px}.td-customer-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.td-customer-info{display:flex;flex-direction:column;gap:4px;min-width:0}.td-customer-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:700}.td-customer-meta{display:flex;flex-wrap:wrap;gap:4px}.td-customer-chip{border-radius:999px;font-size:11px;font-weight:600;padding:2px 8px}.td-customer-chip--type{background:#eff6ff;color:#3b82f6}.td-customer-chip--sex{background:#fdf4ff;color:#a21caf}.td-customer-chip--cat{background:#f0fdf4;color:#16a34a}.td-customer-details{display:flex;flex-direction:column;gap:6px;padding:10px 14px}.td-customer-detail-row{align-items:center;display:flex;font-size:13px;gap:8px}.td-customer-detail-icon{color:#94a3b8;color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:13px}.td-customer-detail-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:600}.td-customer-detail-value{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:500}.dep-graph-card-body{padding:14px 16px}.dep-graph-info-bar{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;color:#374151;display:flex;font-size:12.5px;gap:8px;margin-bottom:12px;padding:8px 12px}.dep-graph-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.dep-legend-item{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px}.dep-legend-dot{height:8px;width:8px}.dep-graph-scroll{overflow-x:auto}.dep-graph-wrapper{display:inline-block}.dep-graph-empty{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;flex-direction:column;font-size:14px;gap:10px;padding:40px 20px}.toast-container{bottom:24px;left:50%;pointer-events:none;transform:translateX(-50%)}.toast{animation:toast-in .3s ease-out;box-shadow:0 8px 24px #0000002e;font-size:13px;gap:10px;max-width:380px;min-width:220px;padding:10px 18px;pointer-events:all;white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}.toast-close{color:#fffc;font-size:16px;line-height:1;margin-right:auto}.toast-close:hover{color:#fff}@media (max-width:640px){.tl-modal{border-radius:16px 16px 0 0;bottom:0;left:0;max-width:100%;position:fixed;right:0}.tl-modal-overlay{align-items:flex-end;padding:0}.schedule-time-row{grid-template-columns:1fr}}.dep-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:2px;overflow:hidden}.dep-header{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:1px solid #bfdbfe;justify-content:space-between;padding:10px 14px}.dep-header,.dep-header-title{align-items:center;display:flex}.dep-header-title{color:#1d4ed8;font-size:.8rem;font-weight:700;gap:7px}.dep-count{border-radius:20px;font-size:.68rem;font-weight:700;justify-content:center;min-width:20px;padding:1px 8px}.dep-add-btn,.dep-count{align-items:center;background:#1d4ed8;color:#fff;display:inline-flex}.dep-add-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family);font-size:.75rem;font-weight:600;gap:5px;padding:6px 13px;transition:background .18s,transform .15s;white-space:nowrap}.dep-add-btn:hover:not(:disabled){background:#1e40af;transform:translateY(-1px)}.dep-add-btn:disabled{cursor:not-allowed;opacity:.6}.dep-legend{background:#f8fafc;border-bottom:1px solid var(--border);color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.68rem;gap:10px 20px;padding:8px 14px}.dep-legend-item{align-items:center;display:flex;gap:5px}.dep-legend-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.dep-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:7px;padding:28px 16px;text-align:center}.dep-empty p{color:var(--text-secondary);font-size:.82rem;font-weight:500;margin:0}.dep-empty small{font-size:.72rem;line-height:1.5;max-width:320px}.dep-empty-btn{align-items:center;background:#0000;border:1px dashed #93c5fd;border-radius:var(--radius-sm);color:#1d4ed8;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.75rem;font-weight:600;gap:5px;margin-top:4px;padding:6px 14px;transition:background .15s,border-color .15s}.dep-empty-btn:hover{background:#eff6ff;border-color:#3b82f6}.dep-cols-header{grid-gap:8px;background:#f1f5f9;border-bottom:1px solid var(--border);color:var(--text-muted);display:grid;font-size:.67rem;font-weight:700;gap:8px;grid-template-columns:26px 1fr 112px 160px 100px 32px;letter-spacing:.04em;padding:6px 12px;text-transform:uppercase}.dep-rows{display:flex;flex-direction:column}.dep-row{grid-gap:8px;align-items:center;animation:depRowIn .18s ease-out;border-bottom:1px solid var(--border);display:grid;gap:8px;grid-template-columns:26px 1fr 112px 160px 100px 32px;padding:8px 12px;transition:background .12s}@keyframes depRowIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dep-row:last-child{border-bottom:none}.dep-row:hover{background:#fafcff}.dep-row-num{color:var(--text-muted);font-size:.68rem;font-weight:700;text-align:center;width:26px}.dep-search-wrap{position:relative}.dep-search-box{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:6px;padding:5px 8px;transition:border-color .18s,box-shadow .18s}.dep-search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.dep-search-icon{color:var(--text-muted);flex-shrink:0}.dep-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-family);font-size:.78rem;min-width:0;outline:none}.dep-search-clear,.dep-search-input::placeholder{color:var(--text-muted)}.dep-search-clear{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:1rem;line-height:1;padding:0 2px;transition:color .15s}.dep-search-clear:hover{color:#ef4444}.dep-search-dropdown{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.dep-task-option{align-items:center;border-bottom:1px solid #f0f4f8;cursor:pointer;display:flex;font-size:.78rem;gap:8px;justify-content:space-between;padding:8px 12px;transition:background .12s}.dep-task-option:last-child{border-bottom:none}.dep-task-option:hover{background:#eff6ff}.dep-task-option-title{color:var(--text-primary);flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dep-task-option-status{border-radius:20px;flex-shrink:0;font-size:.65rem;font-weight:600;padding:2px 7px}.dep-dropdown-msg{align-items:center;color:var(--text-muted);display:flex;font-size:.78rem;gap:6px;justify-content:center;padding:12px;text-align:center}.dep-row-hint{color:#f59e0b;display:block;font-size:.67rem;margin-top:3px}.dep-row-type{display:flex;gap:4px}.dep-type-btn{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:.68rem;font-weight:800;letter-spacing:.02em;padding:5px 0;transition:all .15s}.dep-type-btn:hover:not(.active){background:#f1f5f9;border-color:#94a3b8;color:var(--text-secondary)}.dep-type-btn.active{font-weight:900}.dep-row-lag{display:flex;gap:4px}.dep-lag-num{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:.78rem;outline:none;padding:5px 6px;text-align:center;transition:border-color .18s,box-shadow .18s;width:58px}.dep-lag-num:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.dep-lag-unit{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:.75rem;outline:none;padding:5px 6px;transition:border-color .18s}.dep-lag-unit:focus{border-color:#3b82f6}.dep-row-desc{align-items:center;display:flex;gap:5px;overflow:hidden}.dep-type-arrow{flex-shrink:0}.dep-type-text{font-size:.68rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dep-remove-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:#cbd5e1;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .15s;width:28px}.dep-remove-btn:hover{background:#ef444414;border-color:#ef444440;color:#ef4444}.dep-loading,.dep-saving{align-items:center;color:var(--text-muted);display:flex;font-size:.78rem;gap:8px;justify-content:center;padding:16px}.dep-saving{background:#f8fafc;border-top:1px solid var(--border);font-size:.72rem;justify-content:flex-end;padding:8px 14px}.dep-permission-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;direction:rtl;display:flex;font-size:.78rem;gap:8px;margin:8px 0 0;padding:10px 14px}.dep-permission-error span{flex:1 1}.dep-permission-error-close{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1rem;line-height:1;opacity:.7;padding:0 2px}.dep-permission-error-close:hover{opacity:1}.dep-spinner{animation:depSpin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top:2px solid #3b82f6;display:inline-block;flex-shrink:0;height:14px;width:14px}@keyframes depSpin{to{transform:rotate(1turn)}}.dep-summary{gap:10px}.dep-summary,.dep-summary-group{display:flex;flex-direction:column}.dep-summary-group{gap:4px}.dep-summary-label{align-items:center;color:var(--text-muted);display:flex;font-size:.68rem;font-weight:700;gap:6px;letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}.dep-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.dep-summary-item{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;font-size:.75rem;gap:6px;padding:6px 10px;transition:background .12s}.dep-summary-item:hover{background:#f8fafc}.dep-summary-title{color:var(--text-primary);flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dep-summary-type{font-weight:800;letter-spacing:.02em}.dep-summary-status,.dep-summary-type{border-radius:20px;flex-shrink:0;font-size:.63rem;padding:2px 6px}.dep-summary-status{font-weight:600}.dep-violation-overlay{align-items:center;animation:depOverlayIn .18s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}@keyframes depOverlayIn{0%{opacity:0}to{opacity:1}}.dep-violation-modal{animation:depModalIn .22s ease-out;background:#fff;border-radius:var(--radius-lg);box-shadow:0 24px 60px #0003;max-width:94vw;overflow:hidden;width:420px}@keyframes depModalIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dep-violation-header{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-bottom:1px solid #fde68a;color:#92400e;display:flex;font-size:.9rem;font-weight:700;gap:9px;padding:14px 18px}.dep-violation-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px}.dep-violation-intro{color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin:0 0 4px}.dep-violation-item{align-items:flex-start;background:#fef9ec;border:1px solid #fde68a;border-radius:var(--radius-sm);display:flex;font-size:.78rem;gap:8px;padding:8px 12px}.dep-violation-badge{background:#f59e0b;border-radius:20px;color:#fff;flex-shrink:0;font-size:.65rem;font-weight:800;letter-spacing:.02em;padding:2px 7px}.dep-violation-msg{color:#78350f;flex:1 1;line-height:1.5}.dep-violation-actions{background:#f9fafb;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:12px 18px}.dep-violation-cancel{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);font-size:.8rem;font-weight:500;padding:8px 18px;transition:background .15s}.dep-violation-cancel:hover{background:#f1f5f9}.dep-violation-force{align-items:center;background:#ef4444;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.8rem;font-weight:600;gap:5px;padding:8px 18px;transition:background .15s}.dep-violation-force:hover{background:#dc2626}@media screen and (max-width:768px){.dep-cols-header,.dep-row{grid-template-columns:22px 1fr 90px 130px 0 32px}.dep-row-desc{display:none}.dep-legend{flex-direction:column;gap:5px}}@media screen and (max-width:480px){.dep-cols-header,.dep-row{grid-template-columns:22px 1fr 90px 110px 32px}}.dep-type-select{background:#fff;border:1.5px solid #ccc;border-radius:6px;cursor:pointer;font-family:inherit;font-size:12px;min-width:112px;padding:4px 8px}.tfb-multiselect-wrap{position:relative}.tfb-multiselect-btn{align-items:center;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.78rem;gap:8px;min-width:110px;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.tfb-multiselect-btn:hover{background:var(--gray-100);border-color:var(--border-light)}.tfb-multiselect-btn.active{background:#f0f7ff;border-color:#3b82f6;color:#3b82f6;font-weight:500}.tfb-chevron{font-size:.7rem;transition:transform .2s ease}.tfb-chevron.open{transform:rotate(-180deg)}.tfb-dropdown{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001f;margin-top:4px;min-width:180px;position:absolute;right:0;top:100%;z-index:100}.tfb-option{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;font-size:.78rem;gap:8px;padding:8px 12px;transition:background .15s ease;-webkit-user-select:none;user-select:none}.tfb-option:last-child{border-bottom:none}.tfb-option:hover{background:var(--gray-50)}.tfb-option input[type=checkbox]{accent-color:#3b82f6;cursor:pointer}.tfb-option span{color:var(--text-primary);font-size:.78rem}.tfb-option.checked{background:#f0fdf4;color:#10b981}.tfb-option.checked input[type=checkbox]{accent-color:#10b981}.widget-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;gap:8px;padding:8px 12px}.sb-row{gap:5px}.sb-item,.sb-row{display:flex;flex:1 1;min-width:0}.sb-item{align-items:center;border:1px solid var(--border-light);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:5px 4px}.sb-num{font-size:1rem;font-weight:800;line-height:1.1}.sb-label{color:var(--text-muted);font-size:.58rem;text-align:center;white-space:nowrap}.sb-orange{background:#fff7ed;border-color:#fdba74}.sb-orange .sb-num{color:#ea580c}.sb-red{background:#fef2f2;border-color:#fca5a5}.sb-red .sb-num{color:#b91c1c}.sb-blue{background:#eff6ff;border-color:#93c5fd}.sb-blue .sb-num{color:#1d4ed8}.sb-green{background:#f0fdf4;border-color:#6ee7b7}.sb-green .sb-num{color:#065f46}.sb-purple{background:#f5f3ff;border-color:#c4b5fd}.sb-purple .sb-num{color:#6d28d9}.widget-size-ctrl{flex-shrink:0;gap:4px}.widget-size-ctrl,.ws-btn{align-items:center;display:flex}.ws-btn{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:700;height:20px;justify-content:center;line-height:1;padding:0;transition:all .15s;width:20px}.ws-btn:hover:not(:disabled){background:var(--pastel-green);border-color:var(--primary);color:var(--primary)}.ws-btn:disabled{cursor:not-allowed;opacity:.3}.ws-dots{align-items:center;display:flex;gap:3px}.ws-dot{background:var(--gray-200);border-radius:50%;flex-shrink:0;height:6px;transition:background .15s;width:6px}.ws-dot.on{background:var(--primary)}.wt-tabs{border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;gap:2px;overflow-x:auto;padding:5px 10px 0;scrollbar-width:none}.wt-tabs::-webkit-scrollbar{display:none}.wt-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.7rem;font-weight:500;gap:5px;margin-bottom:-1px;padding:5px 10px;transition:color .15s,border-color .15s;white-space:nowrap}.wt-tab:hover{color:var(--text-primary)}.wt-tab.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:700}.wt-tab.wt-tab-danger{color:#b91c1c}.wt-tab.wt-tab-danger.active{border-bottom-color:#b91c1c;color:#b91c1c}.wt-tab-badge{align-items:center;background:var(--gray-200);border-radius:8px;color:var(--text-secondary);display:inline-flex;font-size:.58rem;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px}.wt-tab.active .wt-tab-badge{background:#10b98126;color:var(--primary)}.wt-tab-badge.danger,.wt-tab.active .wt-tab-badge.danger{background:#fee2e2;color:#b91c1c}.wt-search-wrap{flex-shrink:0;position:relative}.wt-search-wrap.wt-search-full{flex:1 1;min-width:0}.wt-search-icon{color:var(--text-muted);font-size:.62rem;pointer-events:none;right:8px}.wt-search-icon,.wt-search-spinner{position:absolute;top:50%;transform:translateY(-50%)}.wt-search-spinner{animation:wt-spin .7s linear infinite;color:var(--primary);font-size:.65rem;left:8px}@keyframes wt-spin{to{transform:translateY(-50%) rotate(1turn)}}.wt-search-input{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);direction:rtl;font-family:var(--font-family);font-size:.73rem;height:28px;min-width:0;padding:0 26px;transition:border-color .15s,box-shadow .15s;width:100%}.wt-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #10b9811f;outline:none}.wt-search-input::placeholder{color:var(--text-muted)}.view-toggle{display:flex;flex-shrink:0;gap:2px}.view-toggle-btn{background:#fff;border:1px solid var(--border);font-size:.72rem;transition:all .15s}.view-toggle-btn.active,.view-toggle-btn:hover{background:var(--pastel-green);border-color:var(--primary);color:var(--primary)}.widget-list-area{display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:8px;scrollbar-color:var(--gray-300) #0000;scrollbar-width:thin}.widget-list-area::-webkit-scrollbar{width:4px}.widget-list-area::-webkit-scrollbar-track{background:#0000}.widget-list-area::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.widget-list-area::-webkit-scrollbar-thumb:hover{background:var(--primary)}.widget-list-area.card-mode{grid-gap:6px;align-content:start;display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}@media (max-width:700px){.widget-list-area.card-mode{grid-template-columns:1fr}}.widget-empty,.widget-loading{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;padding:30px 20px;text-align:center}.widget-empty svg{font-size:1.8rem;opacity:.35}.widget-empty p,.widget-loading p{font-size:.78rem;margin:0}.dc-list-row{align-items:center;background:#fff;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:8px;min-height:38px;padding:6px 10px;transition:border-color .13s,background .13s}.dc-list-row:hover{background:var(--gray-50);border-color:var(--border-light)}.dc-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:box-shadow .15s,transform .15s}.dc-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.dc-card-top{align-items:center;display:flex;gap:6px;padding:8px 10px 4px}.dc-card-bottom{padding:0 10px 8px}.dc-priority-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.dc-priority-bar{align-self:stretch;border-radius:2px;flex-shrink:0;min-height:28px;width:3px}.dc-p-high{background:#ef4444}.dc-p-medium{background:#f59e0b}.dc-p-low{background:#10b981}.dc-text-block{flex:1 1;min-width:0}.dc-title{color:var(--text-primary);font-size:.77rem;font-weight:600}.dc-subtitle,.dc-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-subtitle{color:var(--text-muted);font-size:.63rem;margin-top:1px}.dc-badge{align-items:center;border-radius:10px;display:inline-flex;flex-shrink:0;font-size:.6rem;font-weight:700;padding:2px 7px;white-space:nowrap}.dc-badge-orange{background:#fff7ed;color:#ea580c}.dc-badge-red{background:#fef2f2;color:#b91c1c}.dc-badge-blue{background:#eff6ff;color:#1d4ed8}.dc-badge-green{background:#f0fdf4;color:#065f46}.dc-badge-gray{background:var(--gray-100);color:var(--text-secondary)}.dc-badge-purple{background:#f5f3ff;color:#6d28d9}.dc-extra{border-radius:8px;flex-shrink:0;font-size:.6rem;font-weight:700;padding:2px 6px;white-space:nowrap}.dc-extra-red{background:#fee2e2;color:#b91c1c}.dc-extra-orange{background:#ffedd5;color:#c2410c}.dc-extra-green{background:#d1fae5;color:#065f46}.dc-extra-purple{background:#ede9fe;color:#5b21b6}.dc-progress-mini{background:var(--gray-200);border-radius:2px;flex-shrink:0;height:4px;overflow:hidden;width:48px}.dc-progress-row{align-items:center;display:flex;gap:6px;margin-top:6px}.dc-progress-track{background:var(--gray-200);border-radius:3px;flex:1 1;height:5px;overflow:hidden}.dc-progress-fill{border-radius:3px;height:100%;transition:width .4s ease}.dc-progress-fill.lv-low{background:linear-gradient(90deg,#fca5a5,#ef4444)}.dc-progress-fill.lv-mid{background:linear-gradient(90deg,#fde68a,#f59e0b)}.dc-progress-fill.lv-good{background:linear-gradient(90deg,#6ee7b7,#10b981)}.dc-progress-fill.lv-full{background:linear-gradient(90deg,#34d399,#059669)}.dc-progress-pct{color:var(--primary);flex-shrink:0;font-size:.63rem;font-weight:700;min-width:28px}.widget-table-wrapper{flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto;scrollbar-color:var(--gray-300) #0000;scrollbar-width:thin}.widget-table-wrapper::-webkit-scrollbar{height:4px;width:4px}.widget-table-wrapper::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.widget-table{border-collapse:collapse;font-size:.72rem;min-width:420px;width:100%}.widget-table th{background:var(--gray-50);border-bottom:2px solid var(--border-light);color:var(--text-muted);font-size:.63rem;font-weight:600;letter-spacing:.02em;overflow:hidden;padding:6px 8px;position:-webkit-sticky;position:sticky;text-align:right;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:2}.col-resize-handle{background:#0000;bottom:0;cursor:col-resize;left:0;position:absolute;top:0;transition:background .15s;width:5px;z-index:3}.col-resize-handle:hover{background:#10b98166}.col-resize-handle:active{background:var(--primary)}.col-picker-wrap{flex-shrink:0;position:relative}.col-picker-dropdown{animation:colPickerIn .12s ease;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 6px 24px #00000021;direction:rtl;min-width:148px;overflow:hidden;position:fixed;z-index:9999}@keyframes colPickerIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.col-picker-item{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.74rem;gap:8px;padding:7px 12px;transition:background .1s;-webkit-user-select:none;user-select:none}.col-picker-item:hover{background:var(--gray-50)}.col-picker-item.on{color:var(--text-primary);font-weight:600}.col-picker-item input[type=checkbox]{accent-color:var(--primary);cursor:pointer;flex-shrink:0;height:13px;width:13px}.widget-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);max-width:0;padding:5px 8px;vertical-align:middle}.widget-table tbody tr{cursor:default;transition:background .1s}.widget-table tbody tr:hover{background:#f8fffe}.widget-table tbody tr.wt-clickable-row{cursor:pointer}.widget-table tbody tr.wt-clickable-row:hover{background:#ecfdf5;border-right:2px solid var(--primary)}.widget-table tbody tr:last-child td{border-bottom:none}.wt-text{font-weight:500;max-width:100%}.wt-sub,.wt-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wt-sub{color:var(--text-muted);font-size:.6rem}.wt-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:.6rem;font-weight:700;padding:2px 7px;white-space:nowrap}.wt-badge.st-todo{background:#fff7ed;color:#ea580c}.wt-badge.st-in_progress{background:#eff6ff;color:#1d4ed8}.wt-badge.st-done{background:#f0fdf4;color:#065f46}.wt-badge.st-blocked,.wt-badge.st-delayed{background:#fef2f2;color:#b91c1c}.wt-badge.st-pending{background:#fff7ed;color:#ea580c}.wt-badge.st-completed{background:#f0fdf4;color:#065f46}.wt-badge.st-gray{background:var(--gray-100);color:var(--text-secondary)}.wt-priority{align-items:center;display:inline-flex;font-size:.63rem;font-weight:600;gap:4px}.wt-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.wt-dot.high{background:#ef4444}.wt-dot.medium{background:#f59e0b}.wt-dot.low{background:#10b981}.wt-p-high{color:#b91c1c}.wt-p-medium{color:#92400e}.wt-p-low{color:#065f46}.wt-progress{align-items:center;display:flex;gap:5px;min-width:80px}.wt-progress-track{background:var(--gray-200);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.wt-progress-fill{background:linear-gradient(90deg,#6ee7b7,#10b981);border-radius:2px;height:100%}.wt-progress-fill.lv-low{background:linear-gradient(90deg,#fca5a5,#ef4444)}.wt-progress-fill.lv-mid{background:linear-gradient(90deg,#fde68a,#f59e0b)}.wt-progress-fill.lv-good{background:linear-gradient(90deg,#6ee7b7,#10b981)}.wt-progress-fill.lv-full{background:linear-gradient(90deg,#34d399,#059669)}.wt-progress-pct{color:var(--primary);flex-shrink:0;font-size:.62rem;font-weight:700;min-width:26px}.wt-amount{color:var(--text-primary);direction:ltr;font-size:.68rem;font-weight:700;text-align:left;white-space:nowrap}.wt-date{color:var(--text-secondary)}.wt-date,.wt-num{font-size:.65rem;white-space:nowrap}.wt-num{color:var(--text-muted);font-weight:700}.widget-table tbody tr.row-delayed{background:#fff5f5}.widget-table tbody tr.row-delayed:hover{background:#fee2e2}.sections-tabs-sep{background:var(--border);flex-shrink:0;margin:4px 2px}.custom-filter-btn{background:#fff;border:1px dashed var(--border);max-width:130px;white-space:nowrap}.custom-filter-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-filter-btn:hover{background:var(--pastel-green);border-color:var(--primary);color:var(--primary)}.custom-filter-btn.active{background:#fefce8;border-color:#d97706;border-style:solid;color:#92400e;font-weight:700}.custom-filter-btn .cf-delete{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:.65rem;height:14px;justify-content:center;opacity:.5;padding:0;transition:opacity .15s,background .15s;width:14px}.custom-filter-btn .cf-delete:hover{background:#0000001a;opacity:1}.add-filter-btn{background:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:300;height:26px;line-height:1;width:26px}.fb-overlay{align-items:center;animation:fadeIn .15s ease;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}.fb-modal{animation:fbSlideIn .2s ease;background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-width:calc(100vw - 32px);overflow:hidden;width:320px}@keyframes fbSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.fb-header{background:var(--pastel-green);border-bottom:1px solid #10b9812e;gap:8px;padding:12px 14px}.fb-header-icon{color:var(--primary);flex-shrink:0;font-size:.85rem}.fb-header h3{color:#065f46;flex:1 1;font-size:.88rem;font-weight:700;margin:0}.fb-close{align-items:center;background:none;border:none;border-radius:4px;color:#065f46;cursor:pointer;display:flex;font-size:.8rem;padding:4px;transition:background .15s}.fb-close:hover{background:#00000014}.fb-body{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto;padding:14px}.fb-row{align-items:center;display:flex;gap:8px}.fb-label{color:var(--text-secondary);flex-shrink:0;font-size:.72rem;font-weight:600;min-width:80px}.fb-required{color:#ef4444}.fb-input,.fb-select{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-family:var(--font-family);font-size:.75rem;height:32px;min-width:0;padding:0 10px;transition:border-color .15s}.fb-input:focus,.fb-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #10b9811f;outline:none}.fb-divider{background:var(--border-light);height:1px;margin:2px 0}.fb-active-badge{align-self:flex-start;background:#fefce8;border:1px solid #fde68a;border-radius:12px;color:#92400e;display:inline-flex;font-size:.65rem;font-weight:700;padding:3px 10px}.fb-hint{border-radius:var(--radius-sm);color:var(--text-muted);font-size:.72rem;line-height:1.6;margin:0;padding:8px}.fb-footer,.fb-hint{background:var(--gray-50)}.fb-footer{border-top:1px solid var(--border-light);display:flex;gap:8px;padding:10px 14px}.fb-btn-cancel{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:.75rem;height:34px;transition:all .15s}.fb-btn-cancel:hover{background:var(--gray-100)}.fb-btn-save{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;flex:2 1;font-family:var(--font-family);font-size:.75rem;font-weight:700;gap:5px;height:34px;justify-content:center;transition:background .15s}.fb-btn-save:hover:not(:disabled){background:#059669}.fb-btn-save:disabled{cursor:not-allowed;opacity:.45}.qa-subtoolbar{background:#fafafa;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:flex-end;padding:4px 8px}.qa-widget{display:flex;flex-direction:column;overflow:hidden}.qa-header{align-items:center;background:linear-gradient(135deg,#f8fffe,#f0fdf8);border-bottom:1px solid var(--border-light);display:flex;gap:7px;padding:8px 12px}.qa-header-icon{color:var(--primary);flex-shrink:0;font-size:.8rem}.qa-title{color:var(--text-primary);flex:1 1;font-size:.8rem;font-weight:700}.qa-settings-btn{align-items:center;background:none;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:.68rem;height:24px;justify-content:center;transition:all .15s;width:24px}.qa-settings-btn.active,.qa-settings-btn:hover{background:var(--pastel-green);border-color:var(--primary);color:var(--primary)}.qa-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(4,1fr);padding:8px}.qa-btn{align-items:center;aspect-ratio:1;background:var(--gray-50);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-family);gap:4px;justify-content:center;padding:6px 4px;transition:all .15s}.qa-btn:hover{background:var(--pastel-green);border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.qa-btn-icon{color:var(--primary);font-size:.95rem}.qa-btn-label{color:var(--text-secondary);font-size:.56rem;line-height:1.2;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.qa-btn:hover .qa-btn-icon,.qa-btn:hover .qa-btn-label{color:#065f46}.qa-settings{padding:8px}.qa-settings-hint{color:var(--text-muted);font-size:.65rem;margin:0 0 6px}.qa-settings-list{display:flex;flex-direction:column;gap:3px;max-height:180px;overflow-y:auto;scrollbar-width:thin}.qa-setting-row{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.72rem;gap:7px;padding:4px 6px;transition:background .12s}.qa-setting-row:hover{background:var(--gray-50)}.qa-setting-row.checked{background:#f0fdf4;border-color:var(--border-light);color:#065f46}.qa-setting-row input[type=checkbox]{accent-color:var(--primary);flex-shrink:0;height:13px;width:13px}.qa-empty{color:var(--text-muted);font-size:.7rem;grid-column:1/-1;margin:0;padding:16px 8px;text-align:center}.mini-cal{box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;gap:4px;max-width:260px;padding:10px;-webkit-user-select:none;user-select:none;width:100%}.mini-cal-header{gap:6px;justify-content:space-between;margin-bottom:4px}.mini-cal-header,.mini-cal-nav{align-items:center;display:flex}.mini-cal-nav{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:.58rem;height:22px;justify-content:center;transition:all .15s;width:22px}.mini-cal-nav:hover{background:var(--pastel-green);border-color:var(--primary);color:var(--primary)}.mini-cal-month-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;flex:1 1;font-family:var(--font-family);font-size:.75rem;font-weight:700;gap:4px;justify-content:center;padding:2px;transition:background .12s}.mini-cal-month-btn:hover{background:var(--gray-100)}.mini-cal-today-dot{background:var(--primary);border-radius:50%;display:inline-block;height:6px;width:6px}.mini-cal-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr)}.mini-cal-dn{color:var(--text-muted);font-size:.55rem;font-weight:600;padding:2px 0 4px;text-align:center}.mini-cal-cell{align-items:center;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;gap:1px;justify-content:center;position:relative;transition:background .12s}.mini-cal-cell:not(.empty){cursor:pointer}.mini-cal-cell:not(.empty):hover{background:var(--gray-100)}.mini-cal-num{color:var(--text-primary);font-size:.65rem;line-height:1}.mini-cal-cell.today{background:var(--primary);border-radius:50%}.mini-cal-cell.today .mini-cal-num{color:#fff;font-weight:700}.mini-cal-cell.today .mini-cal-dot{background:#ffffffb3}.mini-cal-cell.has-task:not(.today) .mini-cal-num{color:var(--primary);font-weight:700}.mini-cal-dot{background:var(--primary);border-radius:50%;flex-shrink:0;height:3px;width:3px}.invoice-placeholder{flex:1 1;padding:30px}.db-container{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:padding-right .25s ease;width:100%}.db-container.sidebar-open{padding-right:240px;padding-right:var(--sidebar-width,240px)}.db-container.sidebar-closed{padding-right:64px;padding-right:var(--sidebar-collapsed,64px)}@media (max-width:1023px){.db-container.sidebar-closed,.db-container.sidebar-open{padding-right:0}}@media (max-width:576px){.db-header-actions{flex-flow:wrap;gap:6px;justify-content:end}}.db-header-actions{align-items:center;display:flex;gap:8px;margin:6px}.db-body{box-sizing:border-box;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:10px 12px;scrollbar-color:var(--gray-300) #0000;scrollbar-width:thin}.db-body::-webkit-scrollbar{width:5px}.db-body::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.rgl-measure{box-sizing:border-box;display:block;overflow:hidden;width:100%}.react-grid-layout{direction:ltr!important}.widget-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;direction:rtl;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:box-shadow .2s,border-color .2s}.widget-card:hover{border-color:#10b98140;box-shadow:0 4px 20px #00000014}.react-draggable-dragging .widget-card{border-color:var(--primary)!important;box-shadow:0 20px 48px #0000002e!important;opacity:.92}.react-grid-placeholder{background:#10b9811a!important;border:2px dashed var(--primary)!important;border-radius:var(--radius-lg)!important;opacity:1!important}.react-resizable-handle{background:none;height:20px;position:absolute;width:20px;z-index:10}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0;z-index:12}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;z-index:12}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;z-index:12}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;z-index:12}.react-resizable-handle-s{bottom:0}.react-resizable-handle-n,.react-resizable-handle-s{cursor:row-resize;height:10px;left:50%;transform:translateX(-50%);width:80%}.react-resizable-handle-n{top:0}.react-resizable-handle-n:before,.react-resizable-handle-s:before{background:#0000;border-radius:2px;content:"";height:3px;left:10%;position:absolute;right:10%;top:50%;transform:translateY(-50%);transition:background .2s}.widget-card:hover .react-resizable-handle-n:before,.widget-card:hover .react-resizable-handle-s:before{background:#10b98138}.react-resizable-handle-n:hover:before,.react-resizable-handle-s:hover:before{background:var(--primary)!important}.react-resizable-handle-e{right:0}.react-resizable-handle-e,.react-resizable-handle-w{bottom:22px;cursor:col-resize;height:auto;top:22px;transform:none;width:10px}.react-resizable-handle-w{left:0}.react-resizable-handle-e:before,.react-resizable-handle-w:before{background:#0000;border-radius:2px;bottom:5%;content:"";left:50%;position:absolute;top:5%;transform:translateX(-50%);transition:background .2s,box-shadow .2s;width:3px}.widget-card:hover .react-resizable-handle-e:before,.widget-card:hover .react-resizable-handle-w:before{background:#10b98138}.react-resizable-handle-e:hover:before,.react-resizable-handle-w:hover:before{background:var(--primary)!important;box-shadow:0 0 8px #10b98180}.react-resizable-handle-ne:after,.react-resizable-handle-nw:after,.react-resizable-handle-se:after,.react-resizable-handle-sw:after{content:"";height:8px;opacity:.4;position:absolute;transition:opacity .15s;width:8px}.react-resizable-handle-se:after{border-bottom:2px solid var(--primary);border-radius:0 0 2px 0;border-right:2px solid var(--primary);bottom:4px;right:4px}.react-resizable-handle-sw:after{border-bottom:2px solid var(--primary);border-left:2px solid var(--primary);border-radius:0 0 0 2px;bottom:4px;left:4px}.react-resizable-handle-ne:after{border-radius:0 2px 0 0;border-right:2px solid var(--primary);border-top:2px solid var(--primary);right:4px;top:4px}.react-resizable-handle-nw:after{border-left:2px solid var(--primary);border-radius:2px 0 0 0;border-top:2px solid var(--primary);left:4px;top:4px}.widget-card:hover .react-resizable-handle-ne:after,.widget-card:hover .react-resizable-handle-nw:after,.widget-card:hover .react-resizable-handle-se:after,.widget-card:hover .react-resizable-handle-sw:after{opacity:1}.widget-header{align-items:center;background:linear-gradient(135deg,#f8fffe,#f0fdf8);border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;gap:8px;padding:9px 14px;-webkit-user-select:none;user-select:none}.widget-drag-handle{border-radius:4px;color:var(--text-muted);cursor:grab;flex-shrink:0;font-size:.9rem;padding:2px 3px;position:relative;touch-action:none;transition:color .15s,background .15s;z-index:11}.widget-drag-handle:hover{background:#10b9811a;color:var(--primary)}.widget-drag-handle:active{cursor:grabbing}.widget-title{color:var(--text-primary);flex:1 1;font-size:.85rem;font-weight:700}.widget-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.widget-content--center{align-items:center;justify-content:center;padding:8px 4px}.db-mobile-stack{display:flex;flex-direction:column;gap:12px}.db-mobile-stack .widget-card{height:auto;min-height:280px}.db-mobile-stack .widget-content{max-height:400px;overflow-y:auto}.db-tablet-stack{display:flex;flex-direction:column;gap:10px}.db-tablet-main{height:auto;max-height:55vh;min-height:340px}.db-tablet-main .widget-content{max-height:calc(55vh - 80px);overflow-y:auto}.db-tablet-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;min-height:260px}.db-tablet-half{height:auto;min-height:260px}.db-tablet-half .widget-content{max-height:220px;overflow-y:auto}@media (max-width:600px){.db-tablet-row{grid-template-columns:1fr}}.dash-empty-state{align-items:center;display:flex;flex-direction:column;gap:14px;height:100%;justify-content:center;padding:80px 20px;text-align:center}.dash-empty-icon{color:var(--primary);font-size:3rem;opacity:.25}.dash-empty-text{color:var(--text-muted);font-size:.9rem;font-weight:500;margin:0}.dash-empty-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.82rem;font-weight:700;gap:7px;padding:10px 24px;transition:background .15s,transform .15s}.dash-empty-btn:hover{background:#059669;transform:translateY(-1px)}.db-click-to-load{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:48px 20px;text-align:center}.db-ctl-icon{font-size:2rem;opacity:.55}.db-click-to-load p{color:var(--text-secondary);font-size:.82rem;font-weight:500;line-height:1.6;margin:0;max-width:240px}.sections-tabs{background:#fff;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;padding:8px 12px}.section-tab{align-items:center;background:var(--gray-50);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.72rem;font-weight:500;gap:5px;padding:5px 13px;transition:all .15s ease;white-space:nowrap}.section-tab:hover{background:#fff;border-color:var(--primary);color:var(--primary)}.section-tab.active{background:var(--pastel-green);border-color:var(--primary);color:#065f46;font-weight:700}.section-tab.active-dim{background:var(--gray-100);border-color:var(--border);color:var(--text-secondary)}.sections-tabs-sep{align-self:stretch;background:var(--border-light);margin:0 2px;width:1px}.custom-filter-btn{align-items:center;background:var(--gray-50);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.7rem;font-weight:500;gap:5px;padding:4px 10px;transition:all .15s}.custom-filter-btn.active{background:var(--pastel-green);border-color:var(--primary);color:#065f46}.cf-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.7rem;line-height:1;padding:0 2px}.cf-delete:hover{color:#b91c1c}.add-filter-btn{align-items:center;background:none;border:1px dashed var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:1rem;height:24px;justify-content:center;transition:all .15s;width:24px}.add-filter-btn:hover{background:var(--pastel-green);border-color:var(--primary);color:var(--primary)}.live-filter-bar{background:var(--gray-50);border-bottom:1px solid var(--border-light);flex-shrink:0;flex-wrap:wrap;gap:8px;padding:5px 12px}.lf-group,.live-filter-bar{align-items:center;display:flex}.lf-group{gap:4px}.lf-label{color:var(--text-muted);font-family:var(--font-family);font-size:.68rem;white-space:nowrap}.lf-ms-wrap{position:relative}.lf-ms-btn{align-items:center;background:#fff;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.68rem;gap:5px;padding:3px 8px;transition:border-color .12s;white-space:nowrap}.lf-ms-btn--active,.lf-ms-btn:hover{border-color:var(--primary)}.lf-ms-btn--active{background:#ecfdf5;background:var(--pastel-green,#ecfdf5);color:#065f46}.lf-ms-label{color:var(--text-muted);font-size:.63rem}.lf-ms-value{font-weight:600}.lf-ms-arrow{font-size:.5rem;opacity:.5}.lf-ms-dropdown{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001a;direction:rtl;min-width:130px;padding:4px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.lf-ms-item{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.7rem;gap:7px;padding:5px 10px;transition:background .1s}.lf-ms-item:hover{background:var(--gray-50)}.lf-ms-item.checked{color:var(--primary);font-weight:600}.lf-ms-item input[type=checkbox]{accent-color:var(--primary);cursor:pointer;flex-shrink:0}.lf-clear{align-items:center;background:#fef2f2;border:1px solid #fca5a5;border-radius:20px;color:#b91c1c;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.65rem;gap:4px;margin-right:auto;padding:2px 8px;transition:all .15s}.lf-clear:hover{background:#fee2e2;border-color:#f87171}.lf-count{background:#b91c1c;border-radius:10px;color:#fff;font-size:.6rem;font-weight:700;min-width:16px;padding:0 5px;text-align:center}.ds-selector-wrap{position:relative}.ds-selector-btn{align-items:center;background:#ffffff21;border:1px solid #ffffff38;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.78rem;font-weight:600;gap:7px;max-width:200px;padding:6px 12px;transition:background .18s;white-space:nowrap}.ds-selector-btn.open,.ds-selector-btn:hover{background:#ffffff38}.ds-selector-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-selector-badge{background:#ffffff38;border:1px solid #ffffff59;border-radius:8px;flex-shrink:0;font-size:.56rem;font-weight:700;padding:1px 6px;white-space:nowrap}.ds-chevron{transition:transform .2s}.ds-chevron.up{transform:rotate(180deg)}.ds-selector-dropdown{animation:dbDropIn .15s ease;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000029;direction:rtl;left:0;min-width:200px;overflow:hidden;position:absolute;top:calc(100% + 6px);z-index:400}.ds-sel-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.78rem;gap:8px;padding:9px 14px;text-align:right;transition:background .12s;width:100%}.ds-sel-item:hover{background:var(--gray-50)}.ds-sel-item.active{background:#f0fdf4;color:var(--primary);font-weight:700}.ds-sel-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sel-badge{background:var(--pastel-green);border:1px solid #10b98140;border-radius:8px;color:var(--primary);flex-shrink:0;font-size:.58rem;font-weight:700;padding:1px 6px}.ds-sel-divider{background:var(--border-light);height:1px;margin:4px 0}.ds-sel-create{align-items:center;background:none;border:none;color:var(--primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.77rem;font-weight:600;gap:6px;padding:9px 14px;text-align:right;transition:background .12s;width:100%}.ds-sel-create:hover{background:var(--pastel-green)}.ds-menu-wrap{position:relative}.ds-menu-btn{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:var(--radius-md);color:#ffffffe6;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .18s;width:32px}.ds-menu-btn.active,.ds-menu-btn:hover{background:#ffffff38;color:#fff}.ds-menu-dropdown{animation:dbDropIn .15s ease;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000029;direction:rtl;left:0;min-width:210px;overflow:hidden;position:absolute;top:calc(100% + 6px);z-index:400}.ds-menu-section-title{background:var(--gray-50);color:var(--text-muted);font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:8px 14px 4px;text-transform:uppercase}.ds-menu-check{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.76rem;gap:8px;padding:7px 14px;transition:background .12s;-webkit-user-select:none;user-select:none}.ds-menu-check:hover{background:var(--gray-50)}.ds-menu-check.on{color:var(--text-primary);font-weight:600}.ds-menu-check input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:14px;width:14px}.ds-menu-divider{background:var(--border-light);height:1px;margin:4px 0}.ds-menu-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.76rem;gap:9px;padding:9px 14px;text-align:right;transition:background .12s,color .12s;width:100%}.ds-menu-item:hover{background:var(--gray-50);color:var(--text-primary)}.ds-menu-item.danger{color:#b91c1c}.ds-menu-item.danger:hover{background:#fef2f2}.ds-dialog-overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;position:fixed;z-index:600}.ds-dialog{animation:dbSlideUp .2s ease;background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0003;direction:rtl;display:flex;flex-direction:column;gap:12px;max-width:calc(100vw - 32px);padding:20px 22px;width:300px}@keyframes dbSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dbDropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ds-dialog-title{color:var(--text-primary);font-size:.88rem;font-weight:700;margin:0}.ds-dialog-input{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:.8rem;height:36px;outline:none;padding:0 12px;transition:border-color .15s}.ds-dialog-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #10b9811f}.ds-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.ds-dialog-cancel{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);font-size:.76rem;padding:7px 16px;transition:background .12s}.ds-dialog-cancel:hover{background:var(--gray-100)}.ds-dialog-confirm{background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font-family);font-size:.76rem;font-weight:700;padding:7px 18px;transition:background .15s}.ds-dialog-confirm:hover:not(:disabled){background:#059669}.ds-dialog-confirm:disabled{cursor:not-allowed;opacity:.4}.wc-stats{display:flex;gap:6px;padding:10px 12px 0}.wc-stat{background:var(--gray-50);border:1px solid var(--border-light);border-radius:var(--radius-md);flex:1 1;padding:8px 6px;text-align:center;transition:transform .15s}.wc-stat:hover{transform:translateY(-1px)}.wc-num{display:block;font-size:1.3rem;font-weight:800;line-height:1;margin-bottom:3px}.wc-lbl{color:var(--text-muted);font-size:.6rem;font-weight:500}.wc-orange .wc-num{color:#ea580c}.wc-orange{border-top:2px solid #fdba74}.wc-red .wc-num{color:#b91c1c}.wc-red{border-top:2px solid #fca5a5}.wc-blue .wc-num{color:#1d4ed8}.wc-blue{border-top:2px solid #93c5fd}.wc-green .wc-num{color:#065f46}.wc-green{border-top:2px solid #6ee7b7}.wc-list{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:8px 12px;scrollbar-color:var(--gray-300) #0000;scrollbar-width:thin}.wc-list::-webkit-scrollbar{width:4px}.wc-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.wc-task-row{align-items:center;background:var(--gray-50);border:1px solid #0000;border-radius:var(--radius-sm);display:flex;gap:8px;padding:6px 8px;transition:border-color .15s,background .15s}.wc-task-row:hover{background:#fff;border-color:var(--border)}.wc-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.wc-dot.priority-high{background:#ef4444}.wc-dot.priority-medium{background:#f59e0b}.wc-dot.priority-low{background:#10b981}.wc-task-name{color:var(--text-primary);flex:1 1;font-size:.75rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-task-proj{color:var(--text-muted);flex-shrink:0;font-size:.62rem;white-space:nowrap}.wc-task-badge{border-radius:10px;flex-shrink:0;font-size:.58rem;font-weight:700;padding:1px 5px}.wc-task-badge.delayed{background:#fee2e2;color:#b91c1c}.wc-proj-row{align-items:center;background:var(--gray-50);border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:8px;padding:6px 8px;transition:border-color .15s,background .15s}.wc-proj-row:hover{background:#fff;border-color:#10b9814d}.wc-proj-name{color:var(--text-primary);flex:1 1;font-size:.75rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-proj-bar{background:var(--gray-200);border-radius:3px;flex-shrink:0;height:5px;overflow:hidden;width:55px}.wc-proj-fill{background:linear-gradient(90deg,#6ee7b7,#10b981);border-radius:3px;height:100%;transition:width .5s ease}.wc-proj-pct{color:var(--primary);flex-shrink:0;font-size:.65rem;font-weight:700;min-width:30px;text-align:left}.wc-dept-row{align-items:center;background:var(--gray-50);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;gap:10px;padding:8px 10px;transition:border-color .15s}.wc-dept-row:hover{border-color:var(--border)}.wc-dept-icon{align-items:center;background:#ede9fe;border-radius:var(--radius-sm);color:#7c3aed;display:flex;flex-shrink:0;font-size:.85rem;height:30px;justify-content:center;width:30px}.wc-dept-info{flex:1 1;min-width:0}.wc-dept-name{color:var(--text-primary);display:block;font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-dept-code{color:var(--text-muted);font-size:.62rem}.wc-dept-count{background:var(--pastel-green);border-radius:10px;color:#065f46;flex-shrink:0;font-size:.65rem;font-weight:600;padding:2px 8px;white-space:nowrap}.wc-footer{border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;padding:10px 12px}.wc-view-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.72rem;font-weight:600;gap:5px;padding:5px 13px;transition:background .15s,transform .15s}.wc-view-btn:hover{background:#059669;transform:translateY(-1px)}.wc-view-btn--full{border-radius:var(--radius-md);font-size:.8rem;justify-content:center;padding:11px;width:100%}.wc-empty{color:var(--text-muted);font-size:.75rem}.wc-empty,.wc-invoice-body{padding:24px 16px;text-align:center}.wc-invoice-body{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:140px}.wc-invoice-icon{color:var(--primary);font-size:2.2rem;opacity:.55}.wc-invoice-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.6;margin:0;max-width:200px}.status-badge{flex-shrink:0}.priority-chip,.status-badge{font-size:.6rem;white-space:nowrap}.battery-progress-wrapper{width:100%}.battery-body{height:14px}.battery-percent{font-size:.65rem;min-width:32px}.battery-percent.level-low{color:#ef4444}.dash-pagination{border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px}.dash-pagination,.dash-pagination-btn{align-items:center;justify-content:center}.dash-pagination-btn{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.7rem;height:26px;transition:all .12s;width:26px}.dash-pagination-btn:hover:not(:disabled){background:var(--pastel-green);border-color:var(--primary);color:var(--primary)}.dash-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.dash-pagination-numbers{display:flex;gap:3px}.dash-page-number{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);font-size:.7rem;font-weight:600;height:26px;min-width:26px;transition:all .12s}.dash-page-number:hover{background:var(--gray-100);border-color:var(--primary);color:var(--primary)}.dash-page-number.active{background:var(--primary);border-color:var(--primary);color:#fff}.dash-pagination-info{color:var(--text-muted);font-size:.65rem;margin-right:6px}@media (max-width:480px){.dash-pagination-info{display:none}}.task-list{display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0;overflow-y:auto;padding:8px 12px;scrollbar-color:var(--gray-300) #0000;scrollbar-width:thin}.task-list::-webkit-scrollbar{width:5px}.task-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.task-item-card{align-items:stretch;background:var(--gray-50);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;overflow:hidden;transition:all .15s}.task-item-card:hover{background:#fff;border-color:#10b9814d;box-shadow:var(--shadow-sm);transform:translateX(-2px)}.task-priority-bar{flex-shrink:0;width:4px}.task-priority-bar.priority-high{background:#ef4444}.task-priority-bar.priority-medium{background:#f59e0b}.task-priority-bar.priority-low{background:#10b981}.task-item-body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:52px;min-width:0;padding:7px 10px}.task-item-title{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.78rem;font-weight:600;line-height:1.3;overflow:hidden}.task-item-meta{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;min-width:0;overflow:hidden}.task-delay-chip,.task-priority-chip,.task-project-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:.62rem;font-weight:600;gap:3px;padding:2px 7px}.task-project-chip{background:var(--pastel-teal);color:#0f766e}.task-priority-chip.priority-high{background:var(--pastel-red);color:#b91c1c}.task-priority-chip.priority-medium{background:var(--pastel-yellow);color:#92400e}.task-priority-chip.priority-low{background:var(--pastel-green);color:#065f46}.task-delay-chip{background:#fee2e2;color:#b91c1c}.task-switcher{border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px 0}.task-switcher button{align-items:center;background:var(--gray-50);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.7rem;font-weight:500;gap:4px;padding:5px 10px;position:relative;top:1px;transition:all .12s}.task-switcher button:hover{background:var(--gray-100);color:var(--primary)}.task-switcher button.active{background:#fff;border-bottom-color:#fff;color:var(--primary);font-weight:600}.task-tab-count{align-items:center;background:var(--gray-200);border-radius:10px;color:var(--text-secondary);display:inline-flex;font-size:.6rem;font-weight:700;height:16px;justify-content:center;min-width:18px;padding:0 4px}.task-switcher button.active .task-tab-count{background:var(--primary);color:#fff}.dash-projects-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:8px 12px}@media (max-width:600px){.dash-projects-grid{grid-template-columns:1fr}}.dash-project-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .15s}.dash-project-card:hover{border-color:#10b9814d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash-project-card.priority-high{border-top:3px solid #fca5a5}.dash-project-card.priority-medium{border-top:3px solid #fde68a}.dash-project-card.priority-low{border-top:3px solid #6ee7b7}.dash-project-header{background:#f8fafc;border-bottom:1px solid var(--border-light);padding:8px 10px 6px}.dash-project-card.priority-high .dash-project-header{background:#fff5f5}.dash-project-card.priority-medium .dash-project-header{background:#fffbeb}.dash-project-card.priority-low .dash-project-header{background:#f0fdf4}.dash-project-title-row{align-items:flex-start;display:flex;gap:6px;justify-content:space-between;margin-bottom:5px}.dash-project-name{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;flex:1 1;font-size:.8rem;font-weight:700;line-height:1.3;margin:0;min-width:0;overflow:hidden}.dash-project-sub-row{align-items:center;display:flex;gap:6px;justify-content:space-between}.dash-project-company{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.65rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-project-body{display:flex;flex-direction:column;gap:8px;padding:8px 10px}.dash-project-footer{align-items:center;display:flex;gap:6px;justify-content:space-between}.team-members-mini{align-items:center;display:flex;min-height:22px}.member-avatar-mini{align-items:center;border:1.5px solid #fff;border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;font-size:.55rem;font-weight:700;height:22px;justify-content:center;margin-right:-6px;width:22px}.member-avatar-mini.member-extra{background:#94a3b8}.team-empty{background:var(--gray-100);border-radius:20px;color:var(--text-muted);font-size:.62rem;gap:3px;padding:2px 7px}.dash-detail-btn,.team-empty{align-items:center;display:inline-flex}.dash-detail-btn{background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;flex-shrink:0;font-family:var(--font-family);font-size:.65rem;font-weight:600;gap:4px;padding:4px 10px;transition:all .12s;white-space:nowrap}.dash-detail-btn:hover{background:var(--green-emerald);transform:translateY(-1px)}.empty-state-mini{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:30px 20px;text-align:center}.empty-state-mini svg{font-size:1.8rem;opacity:.4}.empty-state-mini p{color:var(--text-secondary);font-size:.78rem;margin:0}.invoice-placeholder{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px;padding:40px 20px;text-align:center}.invoice-ph-icon{color:var(--primary);font-size:3rem;opacity:.4}.invoice-placeholder p{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin:0}.invoice-ph-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.8rem;font-weight:600;gap:7px;padding:10px 24px;transition:background .15s,transform .15s}.invoice-ph-btn:hover{background:#059669;transform:translateY(-1px)}.ann-widget{display:flex;flex-direction:column;gap:0;height:100%}.ann-topbar{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:6px 10px}.ann-badge{color:#64748b;font-size:11px;font-weight:600}.ann-read-all{align-items:center;background:none;border:none;color:#3b82f6;cursor:pointer;display:flex;font-size:11px;padding:0}.ann-read-all:hover{text-decoration:underline}.ann-list{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:6px 8px}.ann-item{background:#fff;border-radius:6px;border-right:3px solid #3b82f6;box-shadow:0 1px 3px #0000000f;cursor:pointer;padding:8px 10px;transition:opacity .2s,background .2s}.ann-item:hover{background:#f8fafc}.ann-item--read{cursor:default;opacity:.55}.ann-item-header{align-items:center;display:flex;gap:6px;margin-bottom:4px}.ann-level-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.ann-item-title{color:#1e293b;flex:1 1;font-size:12px;font-weight:700}.ann-unread-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:7px;width:7px}.ann-item-body{color:#475569;font-size:11px;line-height:1.6;margin:0 0 5px}.ann-item-footer{align-items:center;display:flex;justify-content:space-between}.ann-item-author{color:#94a3b8;font-size:10px}.ann-item-link{align-items:center;color:#3b82f6;display:flex;font-size:10px;text-decoration:none}.ann-item-link:hover{text-decoration:underline}.ann-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:12px;gap:8px;height:100%;justify-content:center}.ann-empty-icon{font-size:28px;opacity:.4}.ann-loading{color:#94a3b8;font-size:12px;padding:16px;text-align:center}.ann-add-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:3px 10px;white-space:nowrap}.ann-form{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:6px;padding:10px 12px}.ann-form-input,.ann-form-select,.ann-form-textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;direction:rtl;font-family:inherit;font-size:13px;padding:6px 10px;width:100%}.ann-form-textarea{resize:vertical}.ann-form-actions{display:flex;gap:6px;justify-content:flex-end}.ann-form-cancel{background:#0000;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:12px;padding:4px 12px}.ann-form-submit{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:4px 14px}.ann-form-submit:disabled{cursor:not-allowed;opacity:.5}.ann-vis-row{align-items:center;color:#374151;display:flex;font-size:11px;gap:6px}.ann-vis-label{color:#64748b;flex-shrink:0}.ann-vis-toggle{align-items:center;cursor:pointer;display:flex;font-size:11px;gap:3px}.ann-picker{background:#fff;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.ann-picker-search{border:none;border-bottom:1px solid #e5e7eb;box-sizing:border-box;direction:rtl;font-family:inherit;font-size:12px;outline:none;padding:5px 10px;width:100%}.ann-picker-list{max-height:110px;overflow-y:auto}.ann-picker-item{align-items:center;cursor:pointer;display:flex;font-size:11px;gap:6px;padding:4px 10px}.ann-picker-item:hover{background:#f3f4f6}.ann-picker-name{color:#1e293b;flex:1 1}.ann-picker-uname{color:#94a3b8;font-size:10px}.ann-picker-empty,.ann-picker-loading{color:#94a3b8;font-size:11px;padding:8px 10px;text-align:center}.ann-picker-count{background:#f9fafb;border-top:1px solid #e5e7eb;color:#6366f1;font-size:10px;font-weight:600;padding:4px 10px}.ann-restricted-badge{background:#f1f5f9;border-radius:10px;font-size:9px;font-weight:600;gap:3px;padding:1px 6px}.ann-readers-btn,.ann-restricted-badge{align-items:center;color:#64748b;display:inline-flex}.ann-readers-btn{background:none;border:none;cursor:pointer;font-size:10px;padding:0}.ann-readers-btn:hover{color:#3b82f6}.ann-modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.ann-modal{background:#fff;border-radius:10px;box-shadow:0 8px 32px #0000002e;direction:rtl;display:flex;flex-direction:column;max-width:90vw;overflow:hidden;width:340px}.ann-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.ann-modal-title{color:#1e293b;font-size:13px;font-weight:700}.ann-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:14px;padding:0}.ann-modal-close:hover{color:#ef4444}.ann-modal-body{max-height:300px;overflow-y:auto;padding:8px 0}.ann-modal-empty,.ann-modal-loading{color:#94a3b8;font-size:12px;padding:24px;text-align:center}.ann-reader-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:12px;justify-content:space-between;padding:7px 16px}.ann-reader-row:last-child{border-bottom:none}.ann-reader-name{color:#1e293b;font-weight:500}.ann-reader-at{color:#94a3b8;font-size:10px}.ann-modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;color:#64748b;font-size:11px;padding:8px 16px;text-align:center}.all-projects-container{padding:10px 12px}.floating-add-container{bottom:24px;left:24px;z-index:200}.floating-add-btn{box-shadow:0 4px 14px #10b98166;font-size:1.1rem;height:46px;transition:var(--transition);width:46px}.floating-add-btn:hover{background:var(--green-emerald);box-shadow:0 6px 18px #10b98180;transform:scale(1.08)}.view-controls{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:8px;margin-bottom:8px;padding:6px 8px}.view-toggle-container{background:var(--gray-100);border-radius:var(--radius-sm);display:flex;flex-shrink:0;gap:2px;padding:2px}@media screen and (max-width:768px){.view-toggle-container{display:none!important}}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:.8rem;height:26px;justify-content:center;transition:var(--transition);width:26px}.view-toggle-btn:hover{background:var(--gray-200);color:var(--text-primary)}.view-toggle-btn.active{background:var(--primary);color:#fff}.search-input-container{flex:1 1;min-width:0;position:relative}.search-icon{font-size:.78rem;right:.65rem}.projects-grid-layout{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}@media (max-width:1200px){.projects-grid-layout{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media (max-width:768px){.projects-grid-layout{gap:8px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.projects-grid-layout{gap:7px;grid-template-columns:(2,1fr)}.project-team{display:none}}.project-card-enhanced{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition)}.project-card-enhanced:hover{border-color:#10b98140;box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card-enhanced.priority-high{border-top:3px solid #fca5a5}.project-card-enhanced.priority-medium{border-top:3px solid #fde68a}.project-card-enhanced.priority-low{border-top:3px solid #6ee7b7}.project-card-header{background:#f8fafc;min-height:68px;overflow:hidden;padding:10px 10px 8px;position:relative}.project-card-header:before{background:linear-gradient(90deg,#10b98117,#10b98124);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;transition:width .6s ease;width:0;width:var(--progress-w,0)}.project-card-enhanced.priority-high .project-card-header{background:#fff5f5}.project-card-enhanced.priority-medium .project-card-header{background:#fffbeb}.project-card-enhanced.priority-low .project-card-header{background:#f0fdf4}.card-progress-badge{background:#10b9811f;color:var(--green-emerald);font-size:.65rem;font-weight:700;padding:2px 6px;top:7px}.card-priority-badge,.card-progress-badge{align-items:center;border-radius:20px;display:flex;gap:3px;left:7px;position:absolute}.card-priority-badge{font-size:.42rem;font-weight:600;top:30px}.project-card-enhanced.priority-high .card-priority-badge{background:#fee2e2;color:#b91c1c}.project-card-enhanced.priority-medium .card-priority-badge{background:#fef3c7;color:#92400e}.project-card-enhanced.priority-low .card-priority-badge{background:#d1fae5;color:#065f46}.project-title-section{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.header-right{align-items:flex-start;gap:4px}.header-left,.header-right{display:flex;flex-direction:column}.header-left{align-items:flex-end;flex-shrink:0;gap:6px}.card-header-icon{color:var(--primary);font-size:.75rem;opacity:.7}.project-main-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.85rem;font-weight:700;line-height:1.3;margin-top:2px;overflow:hidden}.project-company{align-items:center;color:var(--text-secondary);display:flex;font-size:.7rem;gap:3px}.project-card-body{display:flex;flex:1 1;flex-direction:column;gap:7px;padding:8px 10px}.project-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.7rem;line-height:1.4;overflow:hidden}.battery-progress-wrapper{align-items:center;display:flex;gap:6px;width:7rem}.battery-body{background:var(--gray-100);border:1.5px solid var(--gray-300);border-radius:4px;flex:1 1;height:17px;overflow:visible;position:relative}.battery-body:after{background:var(--gray-300);border-radius:0 2px 2px 0;content:"";height:6px;left:-5px;position:absolute;top:50%;transform:translateY(-50%);width:2px}.battery-fill{border-radius:3px;height:100%;position:relative;transition:width .7s cubic-bezier(.4,0,.2,1)}.battery-fill:after{animation:batteryShimmer 2.2s infinite;background:linear-gradient(90deg,#0000,#ffffff73,#0000);border-radius:3px;content:"";height:100%;left:-40%;position:absolute;top:0;width:35%}@keyframes batteryShimmer{0%{left:-40%}to{left:110%}}.battery-fill.level-low{background:linear-gradient(90deg,#fca5a5,#ef4444)}.battery-fill.level-mid{background:linear-gradient(90deg,#fde68a,#f59e0b)}.battery-fill.level-good{background:linear-gradient(90deg,#6ee7b7,#10b981)}.battery-fill.level-full{background:linear-gradient(90deg,#34d399,#059669)}.battery-percent{flex-shrink:0;font-size:.68rem;font-weight:700;min-width:30px;text-align:left}.battery-fill.level-low~.battery-percent,.battery-percent.level-low{color:#ef4444}.battery-percent.level-mid{color:#d97706}.battery-percent.level-good{color:#059669}.battery-percent.level-full{color:#047857}.project-status-section{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-self:end}.status-badge{border-radius:20px;padding:2px 7px}.status-badge.in-progress{background:var(--pastel-blue);color:#1d4ed8}.status-badge.completed{background:var(--pastel-green);color:#065f46}.status-badge.pending{background:var(--pastel-yellow);color:#92400e}.priority-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:.62rem;font-weight:600;gap:3px;padding:2px 7px}.priority-chip.priority-high{background:var(--pastel-red);color:#b91c1c}.priority-chip.priority-medium{background:var(--pastel-yellow);color:#92400e}.priority-chip.priority-low{background:var(--pastel-green);color:#065f46}.project-team{gap:6px;justify-content:space-between}.member-avatar-enhanced,.project-team,.team-members-enhanced{align-items:center;display:flex}.member-avatar-enhanced{border:1.5px solid #fff;border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;flex-shrink:0;font-size:.55rem;font-weight:700;height:22px;justify-content:center;margin-right:-5px;width:22px}.team-count-chip{align-items:center;background:var(--gray-100);border-radius:20px;color:var(--text-secondary);display:inline-flex;font-size:.62rem;gap:3px;padding:2px 6px}.project-dates{display:flex;gap:4px;justify-content:space-between}.date-item{display:flex;flex-direction:column;gap:1px}.date-label{color:var(--text-muted);font-size:.58rem;letter-spacing:.04em;text-transform:uppercase}.date-value{align-items:center;color:var(--text-secondary);display:flex;font-size:.65rem;font-weight:500;gap:3px}.project-card-footer{align-items:flex-end;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-shrink:0;gap:4px;max-height:clamp(80px,12vw,100px);overflow:hidden;padding:clamp(.5rem,1.5vw,var(--spacing-sm));position:relative}.projects-list-view{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.projects-table{background:#fff;border-collapse:collapse;font-size:.78rem;width:100%}.projects-table thead th{background:var(--pastel-green);border-bottom:2px solid #10b98133;color:#065f46;cursor:pointer;font-size:.72rem;font-weight:700;padding:8px 10px;text-align:right;white-space:nowrap}.projects-table thead th:hover{background:#bbf7d0}.projects-table tbody tr{border-bottom:1px solid var(--border-light);transition:var(--transition-fast)}.projects-table tbody tr:hover{background:var(--gray-50)}.projects-table tbody tr:last-child{border-bottom:none}.projects-table td{padding:7px 10px;vertical-align:middle}.project-cell{gap:8px}.project-cell,.project-icon{align-items:center;display:flex}.project-icon{background:var(--pastel-teal);border-radius:var(--radius-sm);color:var(--green-emerald);flex-shrink:0;font-size:.75rem;height:28px;justify-content:center;width:28px}.project-info-compact{display:flex;flex-direction:column;gap:1px}.project-name-list{color:var(--text-primary);font-size:.78rem;font-weight:600}.project-description-short{color:var(--text-muted);font-size:.65rem}.company-cell{font-size:.75rem;gap:5px}.company-cell,.company-icon{align-items:center;display:flex}.company-icon{background:var(--pastel-blue);border-radius:var(--radius-sm);color:#1d4ed8;flex-shrink:0;font-size:.65rem;height:22px;justify-content:center;width:22px}.status-badge-list{border-radius:20px;display:inline-block;font-size:.65rem;font-weight:600;padding:2px 7px}.status-badge-list.in-progress{background:var(--pastel-blue);color:#1d4ed8}.status-badge-list.completed{background:var(--pastel-green);color:#065f46}.status-badge-list.pending{background:var(--pastel-yellow);color:#92400e}.priority-badge-list{align-items:center;border-radius:20px;display:inline-flex;font-size:.6rem;font-weight:600;gap:2px;margin-top:2px;padding:1px 6px}.priority-badge-list.priority-high{background:var(--pastel-red);color:#b91c1c}.priority-badge-list.priority-medium{background:var(--pastel-yellow);color:#92400e}.priority-badge-list.priority-low{background:var(--pastel-green);color:#065f46}.progress-cell{display:flex;flex-direction:column;gap:3px;min-width:80px}.progress-bar-list{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:4px;height:8px;overflow:hidden;position:relative}.progress-fill-list{border-radius:4px;height:100%;transition:width .6s ease}.progress-text{font-size:.65rem;font-weight:700}.tasks-count{color:var(--text-muted);font-size:.6rem}.date-cell{display:flex;flex-direction:column;gap:2px}.date-item-list{align-items:center;color:var(--text-secondary);display:flex;font-size:.7rem;gap:4px}.start-date{color:var(--text-muted);font-size:.62rem}.team-cell{display:flex;flex-direction:column;gap:3px}.member-avatar-list,.team-members-list{align-items:center;display:flex}.member-avatar-list{box-shadow:var(--shadow-sm);flex-shrink:0}.member-avatar-list,.remaining-count-list{border:1.5px solid #fff;border-radius:50%;color:#fff;font-size:.5rem;font-weight:700;height:20px;justify-content:center;margin-left:-6px;width:20px}.remaining-count-list{align-items:center;background:var(--gray-400);display:flex}.team-count-list{color:var(--text-muted);font-size:.62rem}.table-actions{align-items:center}.table-action-btn{font-size:.68rem;transition:var(--transition-fast)}.table-action-btn.info{background:var(--pastel-blue);color:#1d4ed8}.table-action-btn.edit{background:var(--pastel-green);color:#065f46}.table-action-btn.delete{background:var(--pastel-red);color:#b91c1c}.table-action-btn:hover{filter:brightness(.9);transform:scale(1.08)}@media (max-width:768px){.projects-table tbody td:nth-child(5),.projects-table tbody td:nth-child(6),.projects-table thead th:nth-child(5),.projects-table thead th:nth-child(6){display:none}}@media (max-width:580px){.projects-table tbody td:nth-child(2),.projects-table thead th:nth-child(2){display:none}}@media (max-width:420px){.project-description-short,.projects-table tbody td:nth-child(4),.projects-table thead th:nth-child(4){display:none}}.empty-state{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:12px;padding:2.5rem 1.5rem}.empty-icon{color:var(--text-muted);font-size:2rem;margin-bottom:10px}.empty-title{font-size:.9rem;margin-bottom:6px}.empty-description{font-size:.75rem}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:8px;max-width:320px;position:fixed;right:20px;z-index:9999}.toast{animation:toastSlideIn .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-md);font-size:.78rem;font-weight:500;gap:8px;padding:9px 13px}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.toast-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.toast-error{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c}.toast-warning{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.toast-info{background:#dbeafe;border:1px solid #93c5fd;color:#1d4ed8}.toast-icon{flex-shrink:0;font-size:.85rem}.toast-message{line-height:1.4}.toast-close{background:none;color:inherit;flex-shrink:0;font-size:.85rem;opacity:.6;padding:0}.toast-close:hover{opacity:1}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;bottom:0;display:flex;justify-content:center;left:0;padding:12px;position:fixed;right:0;top:0;z-index:1000}.modal-header h2{align-items:center;color:#065f46;display:flex;font-size:1rem;gap:8px;margin:0}.modal-close-btn{background:none;color:#065f46;font-size:1rem;padding:4px;transition:var(--transition-fast)}.modal-close-btn:hover{background:#10b98133}.modal-body{flex:1 1;overflow-y:auto;padding:16px 18px}.modal-body::-webkit-scrollbar{width:5px}.modal-body::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.modal-loading{font-size:.82rem;gap:12px;padding:2rem}.modal-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:28px;width:28px}.modal-actions{border-top:1px solid var(--border-light);flex-shrink:0;gap:10px;padding:12px 18px}.modal-cancel-btn{background:#fff;font-family:var(--font-family);font-size:.82rem;padding:7px 16px;transition:var(--transition-fast)}.modal-cancel-btn:hover{border-color:var(--gray-300)}.modal-save-btn{font-family:var(--font-family);font-size:.82rem;font-weight:600;padding:7px 18px;transition:var(--transition-fast)}.modal-save-btn:hover{background:var(--green-emerald)}.form-grid{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:14px}@media (max-width:580px){.form-grid{grid-template-columns:1fr}}.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 2px #10b9811f}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--error)}.form-input:disabled{background-color:var(--gray-100);cursor:not-allowed;opacity:.7}.form-error{font-size:.68rem;margin-top:2px}.form-textarea{min-height:70px}.team-members-section{margin-top:4px}.team-members-section .form-label{display:block;margin-bottom:6px}.edit-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.85rem;font-weight:400;gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:var(--transition)}.edit-btn:before{background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s}.edit-btn:hover:before{transform:translateX(100%)}.edit-btn.edit{background:var(--primary);color:#fff}.edit-btn.edit:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.edit-btn.save{background:var(--success);color:#fff}.edit-btn.save:hover{background:#0da271;box-shadow:var(--shadow-md);transform:translateY(-1px)}.filter-group{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:8px}.sort-controls{display:flex;flex-wrap:wrap;gap:4px}.sort-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.67rem;font-weight:500;gap:3px;height:26px;padding:3px 8px;transition:var(--transition-fast)}.sort-btn:hover{background:var(--gray-100);border-color:var(--primary);color:var(--primary)}.sort-btn.active{background:var(--pastel-green);border-color:var(--primary);color:#065f46}.sort-indicator{font-size:.75rem;font-weight:700;margin-right:2px}.error-container,.loading-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:var(--spacing-2xl)}.loading-spinner{animation:spin .8s cubic-bezier(.4,0,.2,1) infinite;border-top:3px solid var(--gray-200);border:3px solid var(--gray-200);border-right:3px solid var(--primary);border-top-color:var(--primary);height:56px;margin-bottom:var(--spacing-lg);width:56px}.loading-container p{color:var(--gray-500);font-size:.875rem}.error-card{text-align:center}.error-card p{color:var(--error);font-size:.875rem;margin-bottom:var(--spacing-md)}.error-banner{align-items:center;animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,var(--error),#dc2626);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#fff;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl)}.error-banner svg{cursor:pointer;font-size:1rem;transition:transform .2s}.error-banner svg:hover{transform:rotate(90deg)}.messages-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:flex;gap:0;height:calc(109vh - 140px);min-height:600px;overflow:hidden;transition:var(--transition-slow)}.messages-container:hover{box-shadow:var(--shadow-2xl)}.conversations-panel{background:linear-gradient(180deg,var(--surface) 0,var(--gray-50) 100%);border-left:1px solid var(--border);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);width:360px}.conversations-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.conversations-header h2{color:var(--text-primary);font-size:1.125rem;font-weight:700;letter-spacing:-.025em;margin:0}.btn-new-message{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:var(--transition-bounce);width:40px}.btn-new-message:hover{box-shadow:var(--shadow-lg);transform:scale(1.08) rotate(90deg)}.conversations-search{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--spacing-md) var(--spacing-xl);position:relative}.conversations-search svg{color:var(--gray-400);font-size:.875rem;position:absolute;right:2rem;top:50%;transform:translateY(-50%);transition:var(--transition)}.conversations-search input{background:var(--gray-50);border:2px solid var(--border);border-radius:var(--radius-xl);font-size:.875rem;padding:.75rem 2rem .75rem 1rem;transition:var(--transition);width:100%}.conversations-search input:focus{background:var(--surface);border-color:var(--primary);box-shadow:var(--shadow-glow);outline:none}.conversations-list{flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.conversation-item{align-items:center;background:#0000;border-radius:var(--radius-xl);cursor:pointer;display:flex;margin-bottom:var(--spacing-xs);padding:var(--spacing-md);position:relative;transition:var(--transition-bounce)}.conversation-item:hover{background:var(--surface);box-shadow:var(--shadow-md);transform:translateX(-6px)}.conversation-item.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:var(--shadow-lg);color:#fff}.conversation-item.active .conv-info h3,.conversation-item.active .conv-last-message{color:#fff}.conv-avatar{align-items:center;background:var(--primary);border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;position:relative;transition:var(--transition);width:40px}.conversation-item:hover .conv-avatar{transform:scale(1.05)}.conversation-item.active .conv-avatar{background:#fff;color:var(--primary)}.online-dot{animation:pulse 2s infinite;background:var(--success);border:2px solid #fff;border-radius:50%;bottom:3px;box-shadow:var(--shadow-xs);height:14px;position:absolute;right:3px;width:14px}.conv-info{flex:1 1;margin-right:var(--spacing-md);min-width:0}.conv-info h3{color:var(--text-primary);font-size:.9375rem;font-weight:700;margin:0 0 .25rem}.conv-info h3,.conv-last-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-last-message{color:var(--gray-500);font-size:.75rem;margin:0;opacity:.7}.unread-badge{animation:badgeBounce .3s cubic-bezier(.4,0,.2,1);background:var(--error);border-radius:9999px;box-shadow:var(--shadow-sm);color:#fff;font-size:.7rem;font-weight:700;min-width:24px;padding:3px 10px;text-align:center}.no-conversations{color:var(--gray-400);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.no-conversations svg{font-size:3.5rem;margin-bottom:var(--spacing-md);opacity:.5}.no-conversations p{font-size:.875rem}.messages-panel{background:linear-gradient(135deg,var(--surface) 0,var(--gray-50) 100%);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl)}.btn-back{background:none;border:none;border-radius:var(--radius-lg);color:var(--gray-500);cursor:pointer;display:none;font-size:1.125rem;padding:var(--spacing-sm);transition:var(--transition)}.btn-back:hover{background:var(--gray-100);color:var(--primary);transform:translateX(-2px)}.chat-user-info{flex:1 1}.chat-user-info h2{color:var(--text-primary);font-size:1.125rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .25rem}.online-status{align-items:center;color:var(--gray-500);display:flex;font-size:.7rem;gap:.375rem;margin:0}.online-status svg{animation:pulse 2s infinite;color:var(--success);font-size:.5rem}.btn-search-messages{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--gray-500);cursor:pointer;display:flex;height:42px;justify-content:center;padding:var(--spacing-sm);transition:var(--transition-bounce);width:42px}.btn-search-messages svg{font-size:1rem}.btn-search-messages:hover{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:var(--primary);transform:scale(1.08)}.btn-search-messages:active{transform:scale(.95)}.search-messages-box{background:linear-gradient(135deg,#10b98108,#10b98103);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:0;padding:var(--spacing-md) var(--spacing-xl);position:relative}.search-input-wrapper{align-items:center;display:flex;gap:var(--spacing-sm);position:relative}.search-messages-box .search-icon{color:var(--primary);font-size:.875rem;opacity:.7;pointer-events:none;position:absolute;right:var(--spacing-md)}.search-messages-box .search-input{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-xl);flex:1 1;font-family:var(--font-family);font-size:.875rem;padding:.875rem 2.75rem .875rem 1rem;transition:var(--transition)}.search-messages-box .search-input:focus{background:var(--surface);border-color:var(--primary);box-shadow:var(--shadow-glow);outline:none}.search-messages-box .search-input::placeholder{color:var(--gray-400)}.search-messages-box .search-spinner{animation:spin 1s linear infinite;color:var(--primary);font-size:.875rem;left:2.5rem;position:absolute}.search-clear-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--gray-500);cursor:pointer;display:flex;font-size:.75rem;height:36px;justify-content:center;transition:var(--transition-bounce);width:36px}.search-clear-btn:hover{background:var(--gray-100);border-color:var(--error);color:var(--error);transform:rotate(90deg)}.search-results-footer{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#10b98108,#10b98103);border-top:1px solid var(--border);justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl)}.search-results-footer,.search-results-info{align-items:center;display:flex;gap:var(--spacing-md)}.search-results-info{flex:1 1}.search-counter{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;font-size:.8125rem;font-weight:700;min-width:70px;padding:.5rem 1rem;text-align:center}.search-hint{color:var(--gray-500);font-size:.75rem;font-style:italic}.search-nav-buttons{display:flex;gap:var(--spacing-sm)}.search-nav-btn{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:50%;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:40px;justify-content:center;transition:var(--transition-bounce);width:40px}.search-nav-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px) scale(1.05)}.search-nav-btn:active{transform:scale(.95)}.messages-list{background:linear-gradient(180deg,var(--gray-50),var(--surface));display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:var(--spacing-xl)}.message-item{animation:fadeInUp .3s cubic-bezier(.4,0,.2,1);display:flex;gap:var(--spacing-sm);margin-bottom:.35rem;position:relative}.message-item.sent{justify-content:flex-end}.message-item.received{justify-content:flex-start}.message-content{word-wrap:break-word;border-radius:var(--radius-xl);max-width:70%;padding:.5rem .875rem;position:relative;transition:var(--transition-bounce)}.message-item.sent .message-content{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-bottom-left-radius:var(--radius-sm);box-shadow:var(--shadow-lg);color:#fff}.message-item.received .message-content{background:var(--surface);border:1px solid var(--border);border-bottom-right-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--text-primary)}.message-item.search-result .message-content{opacity:.5;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.message-item.highlighted .message-content{animation:highlightPulse .6s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-glow-lg)!important;opacity:1!important}.message-item.highlighted.sent .message-content{box-shadow:0 0 0 3px #ffffff80,var(--shadow-glow-lg)!important;transform:scale(1.02)}.message-item.highlighted.received .message-content{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:var(--primary);box-shadow:var(--shadow-glow-lg)!important;transform:scale(1.02)}.search-highlight-indicator{animation:bounceIn .4s cubic-bezier(.4,0,.2,1);margin-right:var(--spacing-md)}.search-badge,.search-highlight-indicator{align-items:center;display:flex;justify-content:center}.search-badge{animation:badgeBounce .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;box-shadow:var(--shadow-lg);color:#fff;font-size:.75rem;font-weight:700;height:36px;width:36px}.message-content p{font-size:.85rem;line-height:1.45;margin:0 0 .25rem}.message-footer{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:.25rem}.message-time{font-size:.625rem;opacity:.7}.status-sending{animation:spin 1s linear infinite}.status-read{color:var(--success)}.status-sent{color:var(--warning)}.message-actions{animation:fadeIn .2s ease;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);bottom:100%;box-shadow:var(--shadow-lg);flex-direction:row;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);position:absolute;right:0;white-space:nowrap;z-index:1000}.message-actions,.message-item.sent:hover .message-actions,.msg-action-btn{display:flex!important}.msg-action-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;flex-shrink:0;font-size:.875rem;height:38px;justify-content:center;margin:0;outline:none;padding:0;text-decoration:none;transition:var(--transition-bounce);width:38px}.msg-action-btn:hover{background:var(--gray-100);border-color:var(--primary);box-shadow:var(--shadow-md);color:var(--primary);transform:translateY(-3px)}.msg-action-btn.edit-btn{color:var(--primary)}.msg-action-btn.edit-btn:hover{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:var(--primary);color:var(--primary)}.msg-action-btn.delete-btn{color:var(--error)}.msg-action-btn.delete-btn:hover{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-color:var(--error);color:var(--error)}.edited-badge{color:var(--gray-500);display:inline-block;font-size:.625rem;font-style:italic;margin-top:.25rem;opacity:.8}.typing-indicator{background:var(--surface)!important;border-radius:var(--radius-xl)!important;border-bottom-right-radius:var(--radius-sm)!important;display:flex;gap:.375rem;padding:.75rem 1.125rem;width:auto}.typing-indicator span{animation:typing 1.4s infinite;background:var(--gray-400);border-radius:50%;height:7px;width:7px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.input-container{background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px #00000005;padding:var(--spacing-lg) var(--spacing-xl);position:relative}.selected-file{align-items:center;animation:slideUp .3s ease;background:linear-gradient(135deg,var(--gray-100),var(--gray-50));border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);display:flex;font-size:.813rem;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.selected-file svg{color:var(--error);cursor:pointer;font-size:.875rem;padding:var(--spacing-xs);transition:var(--transition-bounce)}.selected-file svg:hover{transform:scale(1.15) rotate(90deg)}.input-box{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;gap:var(--spacing-sm);padding:4px;transition:var(--transition)}.input-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.input-box input,.input-box textarea{background:#0000;border:none;border-radius:0;direction:rtl;flex:1 1;font-family:var(--font-family);font-size:.875rem;line-height:1.5;max-height:120px;min-height:36px;outline:none;overflow-y:auto;padding:.45rem .75rem;resize:none}.input-box input:focus,.input-box textarea:focus{box-shadow:none;outline:none}.input-box input::placeholder,.input-box textarea::placeholder{color:var(--gray-400)}.input-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.btn-emoji,.btn-file,.btn-send{align-items:center;background:none;border:none;border-radius:50%;color:var(--gray-500);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;margin:0;padding:0;transition:var(--transition-bounce);width:36px}.btn-file{cursor:pointer;pointer-events:auto}.btn-file input[type=file]{display:none!important;pointer-events:none}.btn-emoji:hover,.btn-file:hover{background:var(--gray-100);color:var(--primary);transform:scale(1.1)}.btn-emoji:active,.btn-file:active{transform:scale(.95)}.btn-send{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:var(--shadow-sm);color:#fff}.btn-send:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-3px) scale(1.05)}.btn-send:active:not(:disabled){transform:translateY(0) scale(.95)}.btn-send:disabled{cursor:not-allowed;opacity:.5}.btn-cancel-edit,.btn-save-edit{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;margin:0;padding:0;transition:var(--transition-bounce);width:40px}.btn-save-edit{color:var(--success)}.btn-save-edit:hover:not(:disabled){background:var(--success);color:#fff;transform:scale(1.1)}.btn-save-edit:disabled{cursor:not-allowed;opacity:.5}.btn-cancel-edit{color:var(--error)}.btn-cancel-edit:hover{background:var(--error);color:#fff;transform:scale(1.1)}.emoji-picker-wrapper{animation:slideUp .3s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-2xl);bottom:calc(100% + .75rem);box-shadow:var(--shadow-2xl);overflow:hidden;position:absolute;z-index:1000}.no-conversation-selected{align-items:center;background:linear-gradient(135deg,var(--gray-50),var(--surface));color:var(--gray-400);display:flex;flex-direction:column;height:100%;justify-content:center}.no-conversation-selected svg{font-size:5rem;margin-bottom:var(--spacing-lg);opacity:.4}.no-conversation-selected p{font-size:.875rem}.modal-search{background:var(--gray-50);border-bottom:1px solid var(--border);padding:var(--spacing-md) var(--spacing-xl);position:relative}.modal-search svg{color:var(--gray-400);font-size:.875rem;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.modal-search input{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);font-size:.875rem;padding:.75rem 2rem .75rem 1rem;transition:var(--transition);width:100%}.modal-search input:focus{border-color:var(--primary);box-shadow:var(--shadow-glow);outline:none}.modal-users-list{flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.modal-user-item{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;margin-bottom:var(--spacing-sm);padding:var(--spacing-md);transition:var(--transition-bounce)}.modal-user-item:hover{background:var(--gray-100);transform:translateX(-4px)}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:48px;justify-content:center;margin-left:var(--spacing-md);width:48px}.user-info{flex:1 1}.user-info h3{color:var(--text-primary);font-size:.9375rem;font-weight:700;margin:0 0 .25rem}.user-info p{color:var(--gray-500);font-size:.75rem;margin:0}.context-menu{animation:slideUp .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);min-width:220px;overflow:hidden;position:fixed;z-index:2000}.context-menu-item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition);white-space:nowrap}.context-menu-item:hover{background:var(--gray-100);color:var(--primary);padding-right:1.75rem}.context-menu-item.delete:hover{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:var(--error)}.context-menu-divider{background:linear-gradient(90deg,#0000,var(--border),#0000);height:1px;margin:.25rem 0}.reply-preview{align-items:center;animation:slideUp .2s ease;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:none;border-radius:var(--radius-lg);border-right:3px solid var(--primary);direction:rtl;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.reply-content{color:var(--text-primary);flex:1 1;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-content strong{color:var(--primary);margin-left:var(--spacing-sm)}.reply-close{background:none;border:none;color:var(--gray-500);cursor:pointer;font-size:.875rem;margin-right:var(--spacing-sm);padding:0;transition:var(--transition-bounce)}.reply-close:hover{color:var(--error);transform:rotate(90deg)}.reply-quote{background:var(--gray-50);border-left:none;border-radius:var(--radius-md);border-right:2px solid var(--primary);direction:rtl;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);opacity:.85;padding:var(--spacing-sm) var(--spacing-md)}.reply-quote-line{background:var(--primary);border-radius:1px;flex-shrink:0;order:-1;width:2px}.reply-quote-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.reply-quote-content strong{color:var(--primary);display:inline;font-size:.75rem;margin-right:.25rem}.reply-quote-content h3{color:var(--gray-600);display:inline;font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-item.selected{background:linear-gradient(135deg,#10b9810d,#10b98105);border-radius:var(--radius-lg);border-right:3px solid var(--primary)}.message-item.pinned{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:var(--radius-lg);padding:var(--spacing-sm)}.message-checkbox{align-items:center;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-right:var(--spacing-md);width:28px}.message-checkbox input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:20px;width:20px}.pinned-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:var(--radius-md);color:#fff;font-size:.75rem;font-weight:700;margin-bottom:var(--spacing-sm);padding:.25rem .875rem;width:-webkit-fit-content;width:fit-content}@media (max-width:768px){.messages-container{border-radius:var(--radius-xl);height:calc(100vh - 120px);position:relative}.conversations-panel{border-radius:0;height:100%;left:0;position:absolute;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:20}.conversations-panel.mobile-open{transform:translateX(0)}.btn-back{display:block}.message-content{max-width:85%}.conversations-panel{width:100%}.messages-list{padding:var(--spacing-lg)}.input-container{padding:var(--spacing-md) var(--spacing-lg)}}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}@keyframes highlightPulse{0%{box-shadow:0 0 0 0 #10b98180}50%{box-shadow:0 0 0 12px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}@keyframes badgeBounce{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{transform:scale(1.15) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--gray-300),var(--gray-400));border-radius:10px;-webkit-transition:var(--transition);transition:var(--transition)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--gray-400),var(--gray-500))}.mt-2{margin-top:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-sm)}.conversation-item.active .unread-badge{background:#fff;color:var(--primary)}.btn-new-message:active{transform:scale(.95)}.message-item.sent .message-content p{color:#fff}.message-item.received .message-content p{color:var(--text-primary)}input::placeholder{color:var(--gray-400);font-size:.813rem}.conversation-item:active{transform:scale(.98)}*{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.conversations-panel,.messages-container,.messages-panel{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chat-user-info h2,.conversations-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--gray-600));-webkit-background-clip:text;background-clip:text}@media (max-width:768px){.messages-container{border-radius:var(--radius-xl);height:calc(100vh - 120px);position:relative}.conversations-panel{border-radius:0;height:100%;left:0;position:absolute;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:20}.conversations-panel.mobile-open{transform:translateX(0)}.btn-back{display:block}.message-content{max-width:85%}.conversations-panel{width:100%}.messages-list{padding:var(--spacing-lg)}.input-container{padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width:480px){.messages-container{height:calc(100vh - 100px)}.message-content{max-width:90%}.input-box{gap:var(--spacing-sm)}.btn-emoji,.btn-file,.btn-send{height:40px;width:40px}.messages-list{padding:var(--spacing-md)}.chat-header,.input-container{padding:var(--spacing-md) var(--spacing-lg)}}@media (min-width:769px) and (max-width:1024px){.conversations-panel{width:320px}}@media (max-width:768px){.messages-container{border-radius:var(--radius-xl);height:calc(100vh - 120px);overflow:hidden;position:relative}.conversations-panel{border-radius:0;box-shadow:var(--shadow-2xl);height:100%;max-width:320px;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s;width:85%;z-index:30}.conversations-panel.mobile-open{transform:translateX(0)}.btn-back{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--gray-600);display:flex;height:40px;justify-content:center;transition:var(--transition);width:40px}.btn-back:hover{background:var(--gray-100);transform:translateX(-2px)}.messages-panel{position:relative;width:100%;z-index:10}.chat-header{gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.chat-user-info h2{font-size:1rem;margin-bottom:.125rem}.online-status{font-size:.625rem}.message-content{max-width:85%;padding:.75rem 1rem}.message-content p{font-size:.813rem;line-height:1.4}.messages-list{padding:var(--spacing-md)}.input-container{padding:var(--spacing-md) var(--spacing-lg)}.input-box{gap:var(--spacing-sm)}.input-box input,.input-box textarea{font-size:.813rem;padding:.75rem 1rem}.btn-emoji,.btn-file,.btn-send{font-size:.95rem;height:34px;width:34px}.search-messages-box{padding:var(--spacing-sm) var(--spacing-lg)}.search-messages-box .search-input{font-size:.813rem;padding:.75rem 2.5rem .75rem 1rem}.search-results-footer{padding:var(--spacing-sm) var(--spacing-lg)}.search-counter{font-size:.75rem;padding:.375rem .75rem}.search-nav-btn{font-size:.688rem;height:36px;width:36px}.reply-preview{margin:0 var(--spacing-md) var(--spacing-sm) var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.reply-content{font-size:.75rem}.typing-indicator{padding:.625rem 1rem}.typing-indicator span{height:6px;width:6px}.context-menu{min-width:180px}.context-menu-item{font-size:.813rem;padding:var(--spacing-sm) var(--spacing-lg)}.modal-header{padding:var(--spacing-md) var(--spacing-lg)}.modal-header h2{font-size:1rem}.modal-search{padding:var(--spacing-sm) var(--spacing-lg)}.modal-search input{font-size:.813rem;padding:.625rem 2rem .625rem 1rem}.modal-user-item{padding:var(--spacing-sm)}.user-avatar{height:40px;width:40px}.user-avatar,.user-info h3{font-size:.875rem}.user-info p{font-size:.688rem}.selected-file{font-size:.75rem;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:480px){.messages-container{height:calc(100vh - 100px)}.conversations-panel{max-width:100%;width:100%}.message-content{max-width:90%}.chat-header{padding:var(--spacing-sm) var(--spacing-md)}.messages-list{padding:var(--spacing-sm)}.input-container{padding:var(--spacing-sm) var(--spacing-md)}.input-box{gap:var(--spacing-xs)}.btn-emoji,.btn-file,.btn-send{height:32px;width:32px}.btn-back{height:36px;width:36px}.chat-user-info h2{font-size:.875rem}.message-footer{gap:var(--spacing-xs)}.edited-badge,.message-time{font-size:.563rem}.conversation-item{padding:var(--spacing-sm)}.conv-avatar{height:44px;width:44px}.conv-avatar,.conv-info h3{font-size:.875rem}.conv-last-message{font-size:.688rem}.unread-badge{font-size:.625rem;min-width:20px;padding:2px 8px}.search-messages-box,.search-results-footer{padding:var(--spacing-sm) var(--spacing-md)}.search-nav-btn{height:32px;width:32px}}@media (max-width:768px) and (orientation:landscape){.messages-container{height:calc(100vh - 80px)}.messages-list{max-height:calc(100vh - 200px)}.conversations-panel{max-width:280px;width:60%}}@media (max-width:768px){.context-menu-item,.conversation-item,.modal-user-item{-webkit-tap-highlight-color:transparent;cursor:pointer}.conversations-search input,.input-box input,.input-box textarea,.modal-search input,.search-messages-box .search-input{font-size:16px}.conversations-list,.messages-list{-webkit-overflow-scrolling:touch}.conversations-list::-webkit-scrollbar,.messages-list::-webkit-scrollbar{width:4px}.emoji-picker-wrapper{bottom:80px;left:var(--spacing-md);max-width:calc(100% - 32px);position:fixed;right:var(--spacing-md);z-index:1000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}}.mobile-menu-overlay{animation:fadeIn .2s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:25}:root{--dept-card-min-height-desktop:260px;--dept-card-min-height-tablet:240px;--dept-card-min-height-mobile:220px;--dept-card-min-height-small:180px}.container{flex-direction:column;margin:0;min-height:100vh;padding:0;transition:var(--transition)}.container.sidebar-open{margin-right:var(--sidebar-width);max-width:calc(100% - var(--sidebar-width))}.container.sidebar-closed,.container.sidebar-open{transition:margin-right .25s ease,max-width .25s ease}.container.sidebar-closed{margin-right:var(--sidebar-collapsed);max-width:calc(100% - var(--sidebar-collapsed))}@media (max-width:1023px){.container.sidebar-closed,.container.sidebar-open{margin-right:0;max-width:100%}}.depts-container{max-width:100%;padding:10px 12px;width:100%}.dept-floating-add-container{bottom:24px;left:24px;position:fixed;z-index:200}.dept-view-controls{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:8px;margin-bottom:8px;padding:6px 8px}.dept-view-toggle-container{background:var(--gray-100);border-radius:var(--radius-sm);display:flex;flex-shrink:0;gap:2px;padding:2px}@media screen and (max-width:768px){.dept-view-toggle-container{display:none!important}}.dept-view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:.8rem;height:26px;justify-content:center;transition:var(--transition);width:26px}.dept-view-toggle-btn:hover{background:var(--gray-200);color:var(--text-primary)}.dept-view-toggle-btn.active{background:var(--primary);color:#fff}.dept-search-input-container{flex:1 1;min-width:0;position:relative}.dept-search-input-wrapper{position:relative;width:100%}.dept-search-icon{color:var(--text-muted);font-size:.78rem;pointer-events:none;position:absolute;right:.65rem;top:50%;transform:translateY(-50%)}.depts-grid-layout{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}@media (max-width:1200px){.depts-grid-layout{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media (max-width:768px){.depts-grid-layout{gap:8px;grid-template-columns:repeat(3,1fr)!important}}@media (max-width:576px){.depts-grid-layout{gap:7px;grid-template-columns:repeat(2,1fr)!important}}.dept-card-enhanced{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);border-top:3px solid #6ee7b7;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:260px;min-height:var(--dept-card-min-height-desktop);overflow:hidden;transition:var(--transition)}.dept-card-enhanced:hover{border-color:#10b98140;border-top-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dept-card-header{background:#f0fdf4;flex-shrink:0;min-height:72px;overflow:hidden;padding:10px 10px 8px;position:relative}.dept-card-header:before{background:linear-gradient(135deg,#10b98112,#10b98121);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:100%}.dept-title-section{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;position:relative;z-index:1}.dept-title-left{display:flex;flex-direction:column;gap:4px}.dept-title-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.dept-header-icon{align-items:center;background:#10b98126;border-radius:var(--radius-sm);color:var(--primary);display:flex;flex-shrink:0;font-size:.9rem;height:32px;justify-content:center;width:32px}.dept-main-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.85rem;font-weight:700;line-height:1.3;overflow:hidden}.dept-code{color:var(--text-secondary);font-size:.68rem}.dept-code,.dept-count-badge{align-items:center;display:flex;gap:3px}.dept-count-badge{background:#10b9811f;border-radius:20px;color:var(--primary);font-size:.65rem;font-weight:700;padding:2px 6px}.dept-card-body{display:flex;flex:1 1;flex-direction:column;gap:7px;padding:8px 10px}.dept-description-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.7rem;line-height:1.4;overflow:hidden}.dept-stats-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr}.dept-stat-item{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 8px;text-align:center}.dept-stat-value{color:var(--primary);font-size:.9rem;font-weight:800;margin-bottom:1px}.dept-stat-label{color:var(--text-muted);font-size:.58rem;letter-spacing:.04em;text-transform:uppercase}.dept-personnel-section{display:flex;flex-direction:column;gap:5px}.dept-personnel-header{align-items:center;display:flex;justify-content:space-between}.dept-personnel-title{color:var(--text-muted);font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.dept-personnel-count{background:var(--gray-100);border-radius:20px;color:var(--text-muted);font-size:.6rem;font-weight:600;padding:1px 6px}.dept-members-enhanced{align-items:center;display:flex;flex-wrap:nowrap}.dept-member-avatar-enhanced{align-items:center;border:1.5px solid #fff;border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;font-size:.5rem;font-weight:700;height:22px;justify-content:center;margin-right:-5px;transition:transform .18s;width:22px}.dept-member-avatar-enhanced:hover{transform:scale(1.18);z-index:10}.dept-card-footer{align-items:center;background:#f8fafc;border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;padding:6px 10px}.dept-actions,.dept-card-footer{display:flex;gap:5px}.dept-action-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.75rem;height:26px;justify-content:center;transition:var(--transition);width:26px}.dept-action-btn.info{background:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.dept-action-btn.info:hover{background:#3b82f6;box-shadow:0 2px 8px #3b82f640;color:#fff;transform:translateY(-1px)}.dept-action-btn.primary{background:#10b9811a;border-color:#10b9814d;color:#10b981}.dept-action-btn.primary:hover{background:#10b981;box-shadow:0 2px 8px #10b98140;color:#fff;transform:translateY(-1px)}.dept-action-btn.warning{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.dept-action-btn.warning:hover{background:#f59e0b;box-shadow:0 2px 8px #f59e0b40;color:#fff;transform:translateY(-1px)}.dept-action-btn.danger{background:#fef2f2;border-color:#fee2e2;color:#ef4444}.dept-action-btn.danger:hover{background:#ef4444;box-shadow:0 2px 8px #ef444440;color:#fff;transform:translateY(-1px)}.dept-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.62rem;font-weight:600;gap:4px;padding:2px 7px}.dept-status-badge.active{background:var(--pastel-green);color:#065f46}.dept-status-badge.inactive{background:#fee2e2;color:#b91c1c}.depts-list-view{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.depts-table{border-collapse:collapse;font-size:.78rem;width:100%}.depts-table thead th{background:var(--pastel-green);border-bottom:2px solid #10b98133;color:#065f46;cursor:pointer;font-size:.72rem;font-weight:700;padding:8px 10px;text-align:right;white-space:nowrap}.depts-table thead th:hover{background:#bbf7d0}.depts-table td{border-bottom:1px solid var(--border);font-size:.8rem;padding:8px 10px;vertical-align:middle}.depts-table tbody tr{transition:background .15s}.depts-table tbody tr:hover{background:#f8fafc}.dept-cell{gap:var(--spacing-sm)}.dept-cell,.dept-icon{align-items:center;display:flex}.dept-icon{background:linear-gradient(135deg,#10b9811a,#10b98133);border-radius:var(--radius-sm);color:#10b981;flex-shrink:0;font-size:.8rem;height:28px;justify-content:center;width:28px}.dept-info-compact{flex:1 1}.dept-name-list{color:var(--text-primary);font-size:.85rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dept-code-small{color:var(--text-muted);font-size:.65rem}.dept-description-short{color:var(--text-muted);font-size:.7rem;line-height:1.2;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-cell{color:var(--text-secondary);font-family:var(--font-family);font-size:.8rem}.personnel-cell{min-width:90px}.dept-table-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.62rem;font-weight:600;padding:2px 7px}.dept-table-status-badge.active{background:var(--pastel-green);color:#065f46}.dept-table-status-badge.inactive{background:#fee2e2;color:#b91c1c}.dept-table-actions{align-items:center;display:flex;gap:5px}.dept-table-action-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.72rem;height:26px;justify-content:center;transition:var(--transition);width:26px}.dept-table-action-btn.info{background:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.dept-table-action-btn.info:hover{background:#3b82f6;color:#fff;transform:translateY(-1px)}.dept-table-action-btn.edit{background:#10b9811a;border-color:#10b9814d;color:#10b981}.dept-table-action-btn.edit:hover{background:#10b981;color:#fff;transform:translateY(-1px)}.dept-table-action-btn.status{background:#6366f11a;border-color:#6366f14d;color:#6366f1}.dept-table-action-btn.status:hover{background:#6366f1;color:#fff;transform:translateY(-1px)}.dept-table-action-btn.delete{background:#fef2f2;border-color:#fee2e2;color:#ef4444}.dept-table-action-btn.delete:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}.btn-position{align-items:center;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.8rem;font-weight:600;gap:var(--spacing-xs);height:32px;padding:6px 14px;transition:var(--transition);white-space:nowrap}.btn-position:hover{background:#ffffff47;transform:translateY(-1px)}.depts-filter-section{margin-bottom:0}.filter-grid{display:flex;flex-wrap:wrap;gap:8px}.filter-input{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:.82rem;height:34px;padding:6px 2.2rem 6px 10px;transition:var(--transition);width:100%}.filter-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 2px #10b9811f;outline:none}.dept-empty-state{flex-direction:column;gap:12px;padding:3rem 1rem}.dept-empty-icon,.dept-empty-state{align-items:center;display:flex;justify-content:center}.dept-empty-icon{background:var(--gray-100);border-radius:50%;color:var(--text-muted);font-size:1.3rem;height:52px;width:52px}.dept-empty-title{color:var(--text-secondary);font-size:.95rem;font-weight:600}.dept-empty-description{color:var(--text-muted);font-size:.8rem;max-width:320px;text-align:center}.dept-error-alert{align-items:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:var(--radius-md);color:#b91c1c;display:flex;font-size:.8rem;gap:10px;justify-content:space-between;margin:8px 12px;padding:8px 12px}.dept-error-content{align-items:center;display:flex;gap:6px}.dept-retry-btn{background:#fff;border:1px solid #fca5a5;border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;font-family:var(--font-family);font-size:.75rem;padding:4px 12px;transition:var(--transition)}.dept-retry-btn:hover{background:#fee2e2}.spinner{animation:spin .9s linear infinite}.dept-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;bottom:0;display:flex;justify-content:center;left:0;padding:12px;position:fixed;right:0;top:0;z-index:1000}.dept-modal-content{animation:modalSlideIn .3s ease-out;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.modal-header{align-items:center;background:var(--pastel-green);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.dept-modal-title{color:#065f46;font-size:1rem;font-weight:700;margin:0}.dept-modal-close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:#065f46;cursor:pointer;display:flex;font-size:1rem;padding:4px;transition:var(--transition)}.dept-modal-close-btn:hover{background:#10b98133}.dept-form{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 18px}.dept-form::-webkit-scrollbar{width:5px}.dept-form::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.dept-form::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.dept-form-group{display:flex;flex-direction:column;gap:4px}.dept-form-label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.required{color:var(--error);margin-right:2px}.dept-form-input,.dept-form-textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:.82rem;padding:6px 10px;transition:var(--transition);width:100%}.dept-form-input:focus,.dept-form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #10b9811f;outline:none}.dept-form-textarea{min-height:70px;resize:vertical}.dept-image-preview-container{display:flex;flex-direction:column;gap:4px}.dept-image-preview{border:1px solid var(--border);border-radius:var(--radius-sm);height:60px;overflow:hidden;width:60px}.dept-preview-image{height:100%;object-fit:cover;width:100%}.dept-personnel-list-modal{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:6px;max-height:130px;overflow-y:auto;padding:6px}.dept-personnel-modal-item{align-items:center;background:#fff;border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);display:flex;font-size:.75rem;gap:5px;padding:3px 8px}.dept-modal-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.45rem;font-weight:700;height:20px;justify-content:center;width:20px}.dept-modal-initials{line-height:1}.dept-modal-personnel-name{font-size:.72rem}.manager-badge-small{align-items:center;background:#10b9811f;border-radius:10px;color:#065f46;display:inline-flex;font-size:.55rem;font-weight:700;margin-right:4px;padding:1px 5px}.dept-projects-modal-list{display:flex;flex-direction:column;gap:5px;max-height:120px;overflow-y:auto}.project-item{align-items:center;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;font-size:.78rem;gap:6px;padding:5px 8px}.project-name{color:var(--text-primary);flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-meta{color:var(--text-muted);font-size:.65rem;white-space:nowrap}.project-more{color:var(--primary);font-size:.7rem;font-weight:600;padding:2px 8px}.dept-form-actions{border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;margin-top:4px;padding:10px 0 2px}.dept-submit-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.82rem;font-weight:600;gap:6px;padding:7px 18px;transition:var(--transition)}.dept-submit-btn:hover{background:var(--green-emerald);transform:translateY(-1px)}.dept-cancel-form-btn{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.82rem;gap:6px;padding:7px 14px;transition:var(--transition)}.dept-cancel-form-btn:hover{background:var(--gray-100);border-color:var(--gray-300)}.tree-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:1100}.tree-modal-content{animation:modalSlideIn .3s ease-out;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:820px;overflow:hidden;width:100%}.tree-modal-header{align-items:center;background:var(--pastel-green);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.tree-modal-header h2{font-weight:700;gap:8px;margin:0}.tree-modal-close,.tree-modal-header h2{align-items:center;color:#065f46;display:flex;font-size:1rem}.tree-modal-close{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:4px;transition:var(--transition)}.tree-modal-close:hover{background:#10b98133}.tree-modal-body{display:flex;flex:1 1;gap:12px;overflow:hidden;padding:14px}.tree-positions-column{display:flex;flex-direction:column;flex-shrink:0;gap:6px;width:200px}.tree-positions-title{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.05em;padding-bottom:6px;text-transform:uppercase}.tree-position-list{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto}.tree-position-item{align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.78rem;gap:6px;justify-content:space-between;padding:7px 10px;transition:var(--transition)}.tree-position-item:hover{background:#10b9810a;border-color:#10b9814d}.tree-position-item.active{background:var(--pastel-green);border-color:#10b9814d;color:#065f46;font-weight:600}.tree-position-count{background:#10b9811f;border-radius:10px;color:var(--primary);font-size:.62rem;font-weight:700;padding:1px 5px}.tree-users-column{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow:hidden}.tree-users-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.tree-users-title{color:var(--text-secondary);font-size:.78rem;font-weight:700}.tree-add-user-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.75rem;font-weight:600;gap:5px;padding:5px 12px;transition:var(--transition)}.tree-add-user-btn:hover{background:var(--green-emerald);transform:translateY(-1px)}.tree-user-list{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto}.tree-user-item{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:10px;padding:8px 10px;transition:var(--transition)}.tree-user-item:hover{background:#10b98108;border-color:#10b98140}.tree-user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.6rem;font-weight:700;height:30px;justify-content:center;width:30px}.tree-user-info{flex:1 1}.tree-user-name{color:var(--text-primary);font-size:.82rem;font-weight:600;margin-bottom:2px}.tree-user-meta{color:var(--text-muted);font-size:.65rem}.tree-user-delete{align-items:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.65rem;height:24px;justify-content:center;transition:var(--transition);width:24px}.tree-user-delete:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}.add-user-modal-overlay{animation:fadeIn .2s ease-out;z-index:1200}.add-user-modal{animation:modalSlideIn .3s ease-out;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.add-user-modal .modal-header{background:var(--pastel-green);border-bottom:1px solid var(--border)}.add-user-modal .modal-header h3{color:#065f46;font-weight:700}.add-user-modal .close-btn{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:var(--radius-sm);color:#065f46;cursor:pointer;display:flex;font-size:.82rem;height:28px;justify-content:center;transition:var(--transition);width:28px}.add-user-modal .close-btn:hover{background:#10b98133}.add-user-modal .form-group label{color:var(--text-secondary)}.add-user-modal .form-group input,.add-user-modal .form-group select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);transition:var(--transition)}.add-user-modal .form-group input:focus,.add-user-modal .form-group select:focus{border-color:var(--primary)}.add-user-modal .form-actions{border-top:1px solid var(--border)}.add-user-modal .btn{border-radius:var(--radius-md);font-family:var(--font-family);transition:var(--transition)}.add-user-modal .btn-primary{background:var(--primary)}.add-user-modal .btn-primary:hover:not(:disabled){background:var(--green-emerald)}.add-user-modal .btn-cancel{border:1px solid var(--border);color:var(--text-secondary)}.add-user-modal .btn-cancel:hover{background:var(--gray-100);border-color:var(--gray-300)}.dept-projects-list-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:1100}.dept-projects-list-modal{animation:modalSlideIn .3s ease-out;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;width:100%}.dept-projects-list-header{align-items:center;background:var(--pastel-green);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.dept-projects-list-header h3{color:#065f46;font-size:1rem;font-weight:700;margin:0}.dept-projects-list-body{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:12px}.dept-project-list-item{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:9px 12px;transition:var(--transition)}.dept-project-list-item:hover{background:#10b98108;border-color:#10b9814d;transform:translateX(-2px)}.dept-project-list-item-name{color:var(--text-primary);font-size:.85rem;font-weight:600;margin-bottom:3px}.dept-project-list-item-meta{color:var(--text-muted);font-size:.7rem}.dept-projects-list-footer{background:#f8fafc;border-top:1px solid var(--border);display:flex;flex-shrink:0;justify-content:flex-end;padding:10px 14px}@media (max-width:768px){.depts-container{padding:8px}.dept-card-enhanced{min-height:220px;min-height:var(--dept-card-min-height-mobile)}.tree-modal-body{flex-direction:column;padding:10px}.tree-positions-column{width:100%}}@media (max-width:480px){.dept-card-enhanced{min-height:180px;min-height:var(--dept-card-min-height-small)}.btn-position,.dept-description-text,.dept-stats-section{display:none}}@media (max-width:400px){.dept-members-enhanced{display:none}.dept-card-body{padding:6px}.dept-card-footer{padding:5px 6px}}.empty-state{color:#9ca3af;color:var(--gray-400,#9ca3af);flex-direction:column;font-size:.82rem;gap:8px;padding:2rem 1rem;text-align:center}.empty-state,.pos3-overlay{align-items:center;display:flex;justify-content:center}.pos3-overlay{animation:pos3FadeIn .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000007a;inset:0;padding:12px;position:fixed;z-index:10000}@keyframes pos3FadeIn{0%{opacity:0}to{opacity:1}}.pos3-modal{animation:pos3SlideIn .3s ease-out;background:#fff;background:var(--surface,#fff);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 24px 64px #00000029,0 4px 16px #00000014;display:flex;flex-direction:column;height:66vh;max-height:92vh;max-width:1080px;overflow:hidden;width:86%}@keyframes pos3SlideIn{0%{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pos3-header{align-items:center;background:#fff;background:var(--surface,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:15px 20px}.pos3-header-title{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:.95rem;font-weight:600;gap:8px;margin:0}.pos3-header-title .pos3-header-icon,.pos3-header-title svg{color:#10b981;color:var(--primary,#10b981);opacity:.85}.pos3-close-btn{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#9ca3af;color:var(--text-muted,#9ca3af);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:6px;transition:background .15s,color .15s}.pos3-close-btn:hover{background:#f3f4f6;background:var(--gray-100,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937)}.pos3-body{flex:1 1;min-height:0}.pos3-body,.pos3-col{display:flex;overflow:hidden}.pos3-col{flex-direction:column;position:relative}.pos3-col:not(:last-child):after{background:linear-gradient(180deg,#0000 0,#e5e7eb 8%,#e5e7eb 92%,#0000);background:linear-gradient(to bottom,#0000 0,var(--border,#e5e7eb) 8%,var(--border,#e5e7eb) 92%,#0000 100%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:1px}.pos3-col-dept{background:#f9fafb;background:var(--gray-50,#f9fafb);width:230px}.pos3-col-dept,.pos3-col-pos{border-right:1px solid #e5e7eb;border-right:1px solid var(--border,#e5e7eb);flex-shrink:0}.pos3-col-pos{background:#fff;width:290px}.pos3-col-users{background:#fafafa;background:var(--gray-50,#fafafa);flex:1 1}.pos3-col-title{align-items:center;background:inherit;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-shrink:0;flex-wrap:wrap;font-size:.68rem;font-weight:700;gap:5px;letter-spacing:.08em;padding:11px 14px 10px;text-transform:uppercase}.pos3-col-subtitle{color:#6b7280;font-weight:500;letter-spacing:0;text-transform:none}.pos3-add-user-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.68rem;font-weight:600;margin-left:0;margin-right:auto;padding:3px 8px;transition:background .15s,transform .1s}.pos3-add-user-btn:hover{background:#059669;transform:translateY(-1px)}.pos3-list{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:6px}.pos3-list::-webkit-scrollbar{width:4px}.pos3-list::-webkit-scrollbar-track{background:#0000}.pos3-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.pos3-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:.82rem;gap:6px;justify-content:space-between;padding:8px 10px;transition:border-color .15s,background .15s,box-shadow .15s}.pos3-item:hover{background:#f0fdf4;border-color:#6ee7b7}.pos3-item--active{background:#d1fae5!important;border-color:#10b981!important;box-shadow:0 0 0 2px #10b9812e}.pos3-item--assigned{background:#eef2ff!important;border-color:#6366f1!important}.pos3-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pos3-item-name{color:#1f2937;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos3-item-code{background:#f3f4f6;border-radius:4px;color:#9ca3af;display:inline-block;font-size:.65rem;padding:1px 5px}.pos3-badge{background:#10b9811a;border-radius:10px;color:#10b981;flex-shrink:0;font-size:.65rem;font-weight:700;padding:2px 6px;white-space:nowrap}.pos3-assign-check{color:#6366f1;font-size:.75rem;font-weight:700;min-width:12px}.pos3-del-btn{align-items:center;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;opacity:0;padding:3px 5px;transition:opacity .15s,background .15s}.pos3-item:hover .pos3-del-btn,.pos3-user-item:hover .pos3-del-btn{opacity:1}.pos3-del-btn:hover{background:#ef44441a}.pos3-add-form{background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;padding:10px}.pos3-add-form-title{color:#6b7280;font-size:.7rem;font-weight:600;margin-bottom:6px}.pos3-add-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.pos3-input{border:1px solid #d1d5db;border-radius:7px;direction:rtl;flex:1 1;font-family:inherit;font-size:.8rem;min-width:80px;outline:none;padding:6px 8px;transition:border-color .15s}.pos3-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b9811f}.pos3-input--code{flex:0 0 100px;min-width:0;min-width:auto}.pos3-input--date{flex:0 0 130px;min-width:0;min-width:auto}.pos3-add-row--user{flex-wrap:nowrap;gap:6px}.pos3-add-row--user .pos3-input{flex:1 1;min-width:0}.pos3-add-btn{align-items:center;background:#10b981;border:none;border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:4px;padding:6px 12px;transition:background .15s,transform .1s;white-space:nowrap}.pos3-add-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.pos3-add-btn:disabled{cursor:not-allowed;opacity:.55}.pos3-list--users{gap:6px}.pos3-user-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;padding:8px 10px;transition:border-color .15s,background .15s}.pos3-user-item:hover{background:#f0fdf4;border-color:#6ee7b7}.pos3-user-avatar{align-items:center;border-radius:50%;box-shadow:0 1px 4px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:.62rem;font-weight:700;height:34px;justify-content:center;width:34px}.pos3-user-info{flex:1 1;min-width:0}.pos3-user-name{align-items:center;color:#1f2937;display:flex;flex-wrap:wrap;font-size:.84rem;font-weight:600;gap:5px}.pos3-user-meta{color:#9ca3af;font-size:.65rem;margin-top:1px}.pos3-manager-badge{align-items:center;background:#10b9811f;border-radius:8px;color:#065f46;display:inline-flex;font-size:.6rem;font-weight:700;padding:1px 5px}.pos3-footer{align-items:center;background:#f9fafb;background:var(--gray-50,#f9fafb);border-top:1px solid #f0f0f0;border-top:1px solid var(--border-light,#f0f0f0);display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 18px}.pos3-footer-info{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:.82rem}.pos3-footer-actions{display:flex;gap:10px}.pos3-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:inline-flex;font-family:inherit;font-family:var(--font-family,inherit);font-size:.82rem;font-weight:600;gap:6px;padding:7px 16px;transition:background .15s,transform .1s,box-shadow .15s}.pos3-btn--primary{background:#10b981;background:var(--primary,#10b981);color:#fff}.pos3-btn--primary:hover:not(:disabled){background:#059669;background:var(--green-emerald,#059669);box-shadow:0 3px 10px #10b98140;transform:translateY(-1px)}.pos3-btn--success{background:#10b981;background:var(--primary,#10b981);color:#fff}.pos3-btn--success:hover:not(:disabled){background:#059669;background:var(--green-emerald,#059669);transform:translateY(-1px)}.pos3-btn--success:disabled{background:#d1d5db;cursor:not-allowed}.pos3-btn--cancel{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-family:inherit;font-family:var(--font-family,inherit);font-size:.82rem;padding:7px 16px;transition:background .15s,border-color .15s}.pos3-btn--cancel:hover{background:#f3f4f6;background:var(--gray-100,#f3f4f6);border-color:#d1d5db;border-color:var(--gray-300,#d1d5db)}.pos3-btn--danger{background:#ef4444;color:#fff}.pos3-btn--danger:hover:not(:disabled){background:#dc2626}.pos3-btn--danger:disabled{cursor:not-allowed;opacity:.6}.pos3-sub-overlay{align-items:center;animation:pos3FadeIn .18s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:10200}.pos3-sub-modal{animation:pos3SlideIn .22s ease;background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000038;direction:rtl;max-width:480px;overflow:hidden;width:100%}.pos3-sub-header{align-items:center;background:#fff;background:var(--surface,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;justify-content:space-between;padding:14px 18px}.pos3-sub-header h3{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0}.pos3-sub-form{gap:14px;padding:20px 18px}.pos3-form-group,.pos3-sub-form{display:flex;flex-direction:column}.pos3-form-group{gap:5px}.pos3-form-group label{color:#374151;font-size:.78rem;font-weight:600}.pos3-form-group input,.pos3-form-group select{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#1f2937;direction:rtl;font-family:inherit;font-size:.85rem;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.pos3-form-group input:focus,.pos3-form-group select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.pos3-form-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;margin-top:4px;padding-top:12px}.pos3-form-actions .pos3-btn--primary{background:linear-gradient(135deg,#10b981,#059669);border-radius:9px;box-shadow:0 3px 10px #10b98140;color:#fff;font-size:.85rem;padding:9px 20px}.pos3-form-actions .pos3-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 5px 14px #10b98159;transform:translateY(-1px)}.pos3-form-actions .pos3-btn--primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.pos3-form-actions .pos3-btn--cancel{background:#fff;border:1.5px solid #d1d5db;border-radius:9px;color:#4b5563;font-size:.85rem;padding:9px 18px}.pos3-form-actions .pos3-btn--cancel:hover{background:#f3f4f6;border-color:#9ca3af}.pos3-confirm-overlay{align-items:center;animation:pos3FadeIn .15s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10300}.pos3-confirm-box{background:#fff;border-radius:12px;box-shadow:0 12px 40px #0003;max-width:380px;padding:24px;width:90%}.pos3-confirm-title{color:#dc2626;font-size:1rem;margin:0 0 12px}.pos3-confirm-text{color:#374151;font-size:.85rem;line-height:1.6;margin:0 0 20px}.pos3-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.pos3-spinner{animation:pos3Spin .85s linear infinite}@keyframes pos3Spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:900px){.pos3-body{flex-direction:column;overflow-y:auto}.pos3-col{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);border-right:none!important;max-height:220px;width:100%!important}.pos3-col:not(:last-child):after{display:none}.pos3-col-users{max-height:260px}}@media (max-width:600px){.pos3-modal{border-radius:10px;height:96vh;max-height:96vh}.pos3-col{max-height:180px}}.positions-modal-overlay{align-items:center;animation:pos3FadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}.positions-modal{background:#fff;border-radius:10px;border-radius:var(--border-radius,10px);box-shadow:0 12px 40px #0000002e;display:flex;flex-direction:column;max-height:82vh;max-width:880px;overflow:hidden;width:100%}.positions-modal-header{align-items:center;background:#fff;background:var(--surface,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;justify-content:space-between;padding:14px 18px}.modal-title{color:#1f2937;color:var(--gray-800,#1f2937);font-size:1.05rem}.close-btn{background:none;border-radius:4px;color:#4b5563;color:var(--gray-600,#4b5563);padding:.5rem;transition:background .2s}.close-btn:hover{background:#e5e7eb;background:var(--gray-200,#e5e7eb)}.positions-modal-body{display:flex;height:460px;overflow:hidden}.departments-tree{background:#f3f4f6;background:var(--gray-100,#f3f4f6);border-right:1px solid #e5e7eb;border-right:1px solid var(--gray-200,#e5e7eb);overflow-y:auto;padding:.6rem;width:32%}.department-node{margin-bottom:.5rem}.department-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200,#e5e7eb);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.25rem;padding:.5rem .75rem;transition:all .15s}.department-header.selected,.department-header:hover{background:#d1fae5;background:var(--primary-light,#d1fae5);border-color:#10b981;border-color:var(--primary-color,#10b981)}.department-name{color:#374151;color:var(--gray-700,#374151);font-weight:500}.positions-count{background:#e5e7eb;background:var(--gray-200,#e5e7eb);border-radius:10px;color:#4b5563;color:var(--gray-600,#4b5563);font-size:.8rem;padding:.2rem .5rem}.positions-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:.6rem}.current-department{background:#f3f4f6;background:var(--gray-100,#f3f4f6);border-radius:6px;color:#4b5563;color:var(--gray-600,#4b5563);font-size:.88rem;margin-bottom:.6rem;padding:.35rem}.positions-list{border:1px solid #e5e7eb;border:1px solid var(--gray-200,#e5e7eb);flex:1 1;overflow-y:auto;padding:.5rem}.position-item,.positions-list{background:#fff;border-radius:6px}.position-item{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--gray-200,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:.45rem;padding:.5rem .75rem;transition:all .15s}.position-item:hover{background:#d1fae5;background:var(--primary-light,#d1fae5);border-color:#10b981;border-color:var(--primary-color,#10b981)}.position-name{color:#374151;color:var(--gray-700,#374151);font-size:.95rem;font-weight:600}.position-code{background:#f3f4f6;background:var(--gray-100,#f3f4f6);border-radius:6px;color:#4b5563;color:var(--gray-600,#4b5563);display:inline-block;font-size:.72rem;padding:2px 6px}.delete-btn{background:none;border:none;border-radius:4px;color:#ef4444;color:var(--danger-color,#ef4444);cursor:pointer;opacity:0;padding:.4rem;transition:background .2s}.position-item:hover .delete-btn{opacity:1}.delete-btn:hover{background:#dc35451a}.add-position-form{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200,#e5e7eb);margin-top:1rem;padding-top:1rem}.form-title{color:#4b5563;color:var(--gray-600,#4b5563);font-size:.9rem;margin-bottom:.75rem}.input-group{align-items:center;display:flex;gap:.5rem}.position-input{border:1px solid #d1d5db;border:1px solid var(--gray-300,#d1d5db);border-radius:6px;flex:1 1;font-family:inherit;font-size:.9rem;padding:.6rem .8rem;transition:border-color .15s}.code-input{flex:0 0 160px;width:160px}.position-input:focus{border-color:#10b981;border-color:var(--primary-color,#10b981);outline:none}.add-btn{align-items:center;background:linear-gradient(135deg,#10b981,#3b5ce4);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:4px;padding:.55rem .9rem;transition:background .18s,transform .12s}.add-btn:hover{background:#3b5ce4}.add-btn:disabled{cursor:not-allowed;opacity:.6}.confirm-dialog{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10001}.confirm-content{background:#fff;border-radius:10px;border-radius:var(--border-radius,10px);box-shadow:0 12px 40px #0003;max-width:400px;padding:1.5rem;width:90%}.confirm-buttons{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.btn{border-radius:8px;border-radius:var(--border-radius,8px);font-family:inherit;gap:5px;padding:.6rem 1rem;transition:all .2s}.btn-cancel{background:#e5e7eb;background:var(--gray-200,#e5e7eb);color:#374151;color:var(--gray-700,#374151)}.btn-cancel:hover{background:#d1d5db;background:var(--gray-300,#d1d5db)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-primary{background:#10b981}.btn-primary:hover{background:#059669}.positions-modal-footer{align-items:center;background:#f3f4f6;background:var(--gray-100,#f3f4f6);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200,#e5e7eb);display:flex;justify-content:space-between;padding:.6rem .9rem}.footer-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.btn-success{background-color:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-family:inherit;font-weight:600;padding:.625rem 1.25rem;transition:all .3s ease}.btn-success:hover:not(:disabled){background-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-success:disabled{background-color:#d1d5db;cursor:not-allowed;opacity:.6}.total-positions{color:#374151;color:var(--gray-700,#374151);font-size:.9rem}.personnel-item{background:#fff}.personnel-avatar-inline{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.6rem;font-weight:700;height:32px;justify-content:center;width:32px}.manager-badge-inline{align-items:center;background:#10b9811f;border-radius:8px;color:#065f46;display:inline-flex;font-size:.62rem;font-weight:700;gap:2px;margin-right:6px;padding:1px 5px}.add-user-modal-overlay{align-items:center;animation:pos3FadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:10200}.add-user-modal{background:#fff;border-radius:12px;box-shadow:0 16px 48px #0003;max-width:440px;overflow:hidden;width:100%}.add-user-modal .modal-header{align-items:center;background:#fff;background:var(--surface,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;justify-content:space-between;padding:14px 18px}.add-user-modal .modal-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.95rem;font-weight:600;margin:0}.add-user-modal .department-form{display:flex;flex-direction:column;gap:12px;padding:16px 18px}.add-user-modal .form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}@media (max-width:480px){.add-user-modal .form-row{grid-template-columns:1fr}}.add-user-modal .form-group{display:flex;flex-direction:column;gap:4px}.add-user-modal .form-group label{color:#4b5563;font-size:.72rem;font-weight:600}.add-user-modal .form-group input,.add-user-modal .form-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;direction:rtl;font-family:inherit;font-size:.82rem;outline:none;padding:6px 10px;transition:border-color .15s}.add-user-modal .form-group input:focus,.add-user-modal .form-group select:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b9811f}.add-user-modal .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding-top:10px}.add-user-modal .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:600;gap:6px;padding:7px 16px;transition:all .15s}.add-user-modal .btn-primary{background:#10b981;color:#fff}.add-user-modal .btn-primary:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.add-user-modal .btn-primary:disabled{cursor:not-allowed;opacity:.6}.add-user-modal .btn-cancel{background:#fff;border:1px solid #d1d5db;color:#4b5563}.add-user-modal .btn-cancel:hover{background:#f3f4f6}.spinner{animation:pos3Spin .9s linear infinite}.selected-position{background:#eef2ff!important;border-color:#6366f1!important}@media (max-width:768px){.positions-modal-body{flex-direction:column;height:auto;max-height:60vh}.departments-tree{border-bottom:1px solid #e5e7eb;border-right:none;height:200px;width:100%}.input-group{flex-direction:column}.add-btn{width:100%}}.all-products-subtitle{font-size:clamp(.8rem,2.5vw,.95rem);font-weight:400;line-height:1.3;margin-bottom:var(--spacing-md);opacity:.9}.all-products-container{margin:0 auto;max-width:100%;padding:var(--spacing-lg) var(--spacing-md);width:100%}.products-main-layout{grid-gap:.5rem;align-items:stretch;display:grid;gap:.5rem;grid-template-columns:320px minmax(0,1fr);height:calc(115vh - 280px);margin-bottom:var(--spacing-md);margin-left:.5rem;margin-right:.5rem;margin-top:var(--spacing-md);position:relative}.categories-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-category-header{align-items:center;background:linear-gradient(135deg,#10b9810a,#16694e0d);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.panel-category-header h3{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:2px}.clear-category-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:4px 8px;transition:var(--transition)}.clear-category-btn:hover{background:#94a3b81a;color:var(--error)}.products-list-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.panel-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.categories-tree{padding:12px 8px}.category-item{color:var(--text-primary);gap:8px;margin:2px 4px;padding:8px 10px;transition:var(--transition)}.category-item:before{background:linear-gradient(180deg,#10b981e6,#2d4059e6);border-radius:999px;content:"";height:55%;inset-inline-start:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition);width:3px}.category-item:hover{background-color:#10b9810f}.category-item.selected{background-color:#10b9811f;box-shadow:0 0 0 1px #10b9814d}.category-item.selected:before{opacity:1}.category-item.level-0{padding-right:12px}.category-item.level-1{padding-right:28px}.category-item.level-2{padding-right:44px}.category-item.level-3{padding-right:60px}.category-children{border-right:1px dashed #94a3b866;margin-right:8px}.category-checkbox{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:2px solid #94a3b84d;border:2px solid var(--border-color,#94a3b84d);border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;position:relative;transition:var(--transition);width:18px}.category-checkbox:hover{background-color:#10b9810d}.category-checkbox:checked,.category-checkbox:hover{border-color:#10b981;border-color:var(--primary,#10b981)}.category-checkbox:checked{background-color:#10b981;background-color:var(--primary,#10b981);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 9.293l6.646-6.647a.5.5 0 0 1 .708 0z' fill='%23fff'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px 14px}.category-checkbox:focus{box-shadow:0 0 0 3px #10b9811a;outline:none}.expand-icon{display:inline-flex;font-size:.8rem}.category-icon-wrapper{background:#10b98114;border-radius:999px;color:var(--primary);display:inline-flex}.category-icon{font-size:1rem}.category-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-box{display:flex;position:relative;width:260px}.clear-search{background-color:#f8f9fa;border-color:#fff;border-radius:10px;color:red}.search-box input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8rem;height:36px;padding:0 36px 0 12px;transition:var(--transition);width:100%}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.search-icon{font-size:.85rem;right:10px}.column-settings-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.75rem;gap:6px;height:32px;padding:0 12px;transition:var(--transition)}.column-settings-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}.pagination-bar{align-items:center;background:var(--surface);border-top:1px solid var(--gray-200);display:flex;flex-shrink:0;gap:12px;justify-content:center;padding:12px 16px}.products-list-view{background:var(--surface);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex:1 1;min-height:0;overflow:auto;scrollbar-color:var(--primary-light) #0000;scrollbar-width:thin}.products-list-view::-webkit-scrollbar{height:6px;width:6px}.products-list-view::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-full)}.products-table{font-size:.78rem;min-width:100%;table-layout:fixed;width:-webkit-max-content;width:max-content}.products-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.products-table th{background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);border-bottom:2px solid var(--primary-light);border-left:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:600;letter-spacing:.2px;overflow:hidden;padding:8px 10px;position:relative;text-align:right;text-overflow:ellipsis;transition:background .2s ease,color .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.products-table th:last-child{border-left:none}.products-table th:hover{background:linear-gradient(135deg,var(--primary-light) 0,#10b98114 100%);color:var(--primary)}.products-table td{border-bottom:1px solid var(--border);color:var(--text-primary);max-width:0;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.products-table tbody tr{border-right:3px solid #0000;transition:background .12s ease}.products-table tbody tr:hover{background:#10b9810d;border-right-color:var(--primary)}.products-table tbody tr:nth-child(2n){background:#f5f7fa80}.products-table tbody tr:nth-child(2n):hover{background:#10b9810d}.sort-indicator{display:inline-block;font-size:.7rem;margin-right:4px;transition:transform .2s ease}.product-code-cell{background:#10b9810a;border-radius:4px;color:var(--primary);font-family:var(--font-family);font-weight:600;letter-spacing:.5px;padding:4px 8px}.product-name-wrapper{gap:8px;max-width:200px}.product-icon-small{flex-shrink:0;font-size:1rem}.product-name-text{color:var(--text-primary);font-weight:500;word-break:break-word}.unit-cell{background:#3b82f60a;color:var(--text-mid);font-weight:500;min-width:70px}.ratio-cell,.unit-cell{border-radius:4px;padding:4px 8px;text-align:center}.ratio-cell{background:#a855f70a;color:var(--text-primary);font-family:var(--font-family);font-weight:600;min-width:60px}.price-cell{background:#10b9810a;border-radius:4px;color:var(--primary);direction:ltr;font-weight:600;min-width:100px;padding:4px 8px;text-align:left;white-space:nowrap}.price-cell-label{color:var(--text-muted);display:block;font-size:.7rem;margin-bottom:2px}.stock-cell{color:var(--text-primary);font-weight:500;padding:4px 8px;text-align:center}.stock-cell.out-of-stock{background:#ef444414;border-radius:4px;color:var(--danger);font-weight:700}.stock-cell.low-stock{background:#fb923c14;border-radius:4px;color:var(--warning)}.barcode-cell{background:#f8f9fa;border-radius:4px;color:var(--text-muted);font-family:var(--font-family);font-size:.7rem;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.empty-icon{margin-bottom:var(--spacing-sm)}.empty-title{font-size:1rem}.empty-description{font-size:.8rem;line-height:1.4}.empty-add-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;gap:8px;margin-top:var(--spacing-md);padding:8px 20px;transition:var(--transition)}.empty-add-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.loading{align-items:center;color:var(--text-secondary);display:flex;gap:12px;justify-content:center;padding:var(--spacing-xl)}.modal-tabs{background:var(--gray-50);border-bottom:1px solid var(--border);display:flex}.tab-button{align-items:center;background:#0000;border-bottom:2px solid #0000;color:var(--text-secondary);display:flex;flex:1 1;font-size:.85rem;gap:6px;justify-content:center;margin-bottom:-1px;padding:12px 16px;transition:var(--transition)}.tab-button:hover:not(:disabled){background:#10b98108;color:var(--primary)}.tab-button.active{background:#10b9810a;border-bottom-color:var(--primary);color:var(--primary)}.tab-button:disabled{cursor:not-allowed;opacity:.6}.modal-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:var(--spacing-xl)}.form-select,.form-textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:.8rem;padding:8px 12px;transition:var(--transition)}.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--danger)}.form-error{color:var(--danger);font-size:.65rem}.status-toggle{align-items:center;display:flex}.toggle-label{gap:10px}.toggle-label input{display:none}.toggle-slider{background:var(--gray-300);border-radius:999px;height:22px;position:relative;transition:var(--transition);width:44px}.toggle-text{color:var(--text-secondary);font-size:.8rem}.columns-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.checkbox-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:8px}.checkbox-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.modal-actions{background:var(--gray-50);border-top:1px solid var(--border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.modal-cancel-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:8px 20px;transition:var(--transition)}.modal-cancel-btn:hover{background:var(--gray-100)}.modal-save-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;gap:6px;padding:8px 24px;transition:var(--transition)}.modal-save-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{font-size:.75rem;padding:6px 16px}.btn-secondary:hover{border-color:var(--primary);color:var(--primary-dark)}.categories-tree{flex:1 1;overflow-y:auto;padding:var(--spacing-md);scrollbar-color:var(--primary-light) var(--border);scrollbar-width:thin}.categories-tree::-webkit-scrollbar{width:6px}.categories-tree::-webkit-scrollbar-track{background:var(--border);border-radius:var(--radius-full)}.categories-tree::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-full)}.category-item{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);margin:4px 0;padding:10px 12px;position:relative;transition:all .2s ease}.category-item:hover{background:var(--gray-50);border-color:var(--border);transform:translateX(-2px)}.category-item.selected{background:linear-gradient(135deg,#2563eb14,#7c3aed14);border-color:var(--primary);border-right:3px solid var(--primary)}.category-item.level-1{margin-right:20px}.category-item.level-2{margin-right:40px}.category-item.level-3{margin-right:60px}.expand-icon{color:var(--text-muted);font-size:.75rem;height:20px;width:20px}.category-icon-wrapper,.expand-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.category-icon-wrapper{background:linear-gradient(135deg,var(--primary-light),var(--primary));border-radius:var(--radius-sm);color:#fff;font-size:.8rem;height:28px;width:28px}.category-name{color:var(--text-primary);flex:1 1;font-size:.85rem;font-weight:500}.category-code{color:var(--text-muted);font-family:var(--font-family);font-size:.7rem}.category-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.category-item:hover .category-actions{opacity:1}.category-delete-btn,.category-edit-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.category-edit-btn:hover{background:var(--warning-light);color:var(--warning)}.category-delete-btn:hover{background:var(--error-light);color:var(--error)}.drawer-close-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:none;justify-content:center;padding:4px 8px;transition:var(--transition)}.drawer-close-btn:hover{background:#94a3b81a;color:var(--error)}@media (max-width:992px) and (max-width:1200px){.drawer-close-btn{display:inline-flex}}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:none;inset:0;position:fixed;z-index:200}@media (max-width:992px) and (max-width:1200px){.products-main-layout{gap:16px;grid-template-columns:1fr;height:auto}.products-sidebar-panel{max-height:280px}.products-tabs-list{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:12px}.products-tab-btn{justify-content:center;min-width:100px;width:auto}.products-tab-btn:before{display:none}.products-tab-btn.active{border-bottom:2px solid var(--primary)}.form-grid{gap:var(--spacing-sm)}.categories-panel{border-radius:0;box-shadow:-4px 0 20px #00000026;height:100vh;position:fixed;right:-340px;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:300px;z-index:201}.categories-panel.drawer-open{right:0;top:4rem}.categories-tree{max-height:calc(100vh - 120px)}.panel-actions{flex-wrap:wrap}.search-box{width:200px}.products-table{font-size:.75rem;min-width:900px}.products-table td,.products-table th{padding:10px}.category-item.level-1{margin-right:14px}.category-item.level-2{margin-right:26px}.category-item.level-3{margin-right:38px}}@media (max-width:768px){.all-products-container{padding:var(--spacing-md)}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.panel-actions{justify-content:space-between;width:100%}.search-box{flex:1 1;min-width:150px}.floating-add-container{bottom:var(--spacing-md);left:var(--spacing-md)}.floating-add-btn{font-size:1.2rem;height:44px;width:44px}.products-table{font-size:.7rem;min-width:800px}.ratio-cell,.unit-cell{padding:8px 6px}.categories-panel{max-width:300px;right:-110vw;width:80vw}.categories-panel.drawer-open{right:0;top:4rem}.category-item{gap:5px;padding:7px 8px}.category-item.level-1{margin-right:10px}.category-item.level-2{margin-right:18px}.category-item.level-3{margin-right:24px}.category-icon-wrapper{flex-shrink:0;font-size:.75rem;height:22px;width:22px}.category-name{font-size:.78rem;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-code{display:none}.category-actions{opacity:1}}@media (max-width:576px){.all-products-container,.products-list-view{padding:var(--spacing-sm)}.products-table td,.products-table th{padding:5px 6px}.products-table th{font-size:.62rem}.products-table{font-size:.65rem}.panel-actions{align-items:stretch;flex-direction:column}.search-box{width:100%}.column-settings-btn{justify-content:center}.columns-grid{grid-template-columns:1fr}.price-cell,.product-code-cell{min-width:80px}.ratio-cell{min-width:60px}.unit-cell{min-width:70px}.category-item.level-1{margin-right:8px}.category-item.level-2{margin-right:14px}.category-item.level-3{margin-right:20px}.category-name{font-size:.75rem;max-width:100px}}@media print{.column-settings-btn,.floating-add-container,.modal-overlay,.table-actions{display:none!important}.products-main-layout{display:block}.products-table{border:1px solid #ddd}}.generic-table{border-collapse:collapse;font-size:.78rem;min-width:100%;table-layout:fixed;width:-webkit-max-content;width:max-content}.generic-table thead{background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);border-bottom:2px solid var(--primary-light);position:-webkit-sticky;position:sticky;top:0;z-index:10}.generic-table th{border-left:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:600;letter-spacing:.2px;overflow:hidden;padding:8px 10px;position:relative;text-align:right;text-overflow:ellipsis;transition:background .2s ease,color .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.generic-table th:last-child{border-left:none}.generic-table th:hover{background:linear-gradient(135deg,var(--primary-light) 0,#10b98114 100%);color:var(--primary)}.generic-table td{border-bottom:1px solid var(--border);color:var(--text-primary);max-width:0;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.generic-table tbody tr{border-right:3px solid #0000;transition:background .12s ease}.generic-table tbody tr:hover{background:#10b9810d;border-right-color:var(--primary)}.generic-table tbody tr:nth-child(2n){background:#f5f7fa80}.generic-table tbody tr:nth-child(2n):hover{background:#10b9810d}.generic-code-cell{background:#10b9810a;border-radius:4px;color:var(--primary);font-family:var(--font-family);font-weight:600;letter-spacing:.5px;min-width:70px;padding:4px 8px}.generic-name-cell{color:var(--text-primary);font-weight:500;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generic-status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.7rem;font-weight:700;gap:6px;letter-spacing:.3px;padding:4px 12px;transition:all .2s ease}.generic-status-badge.active{background:linear-gradient(135deg,#10b98126,#22c55e1a);border:1px solid var(--success);color:var(--success)}.generic-status-badge.active:before{animation:pulse 2s infinite;content:"●";display:inline-block}.generic-status-badge.inactive{background:#94a3b826;border:1px solid var(--border);color:var(--text-muted)}.generic-status-badge.inactive:before{content:"○"}.generic-table-actions{display:flex;gap:8px;justify-content:center}.generic-action-btn{align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.8rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.generic-action-btn.edit{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:var(--primary-light);color:var(--primary)}.generic-action-btn.edit:hover{background:linear-gradient(135deg,var(--primary),#10b981cc);box-shadow:0 4px 12px #10b9814d;color:#fff;transform:translateY(-2px)}.generic-action-btn.delete{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef44444d;color:var(--danger)}.generic-action-btn.delete:hover{background:linear-gradient(135deg,var(--danger),#ef4444cc);box-shadow:0 4px 12px #ef44444d;color:#fff;transform:translateY(-2px)}.main-tabs-container{border-bottom:1px solid var(--border);gap:10px;margin-bottom:25px;padding-bottom:2px}.main-tab-btn{border:none;color:var(--text-muted);display:flex;font-weight:500;gap:8px;padding:10px 20px;position:relative;transition:all .3s ease}.main-tab-btn.active{color:var(--primary)}.main-tab-btn.active:after{background:var(--primary);border-radius:10px 10px 0 0;bottom:-2px;content:"";height:3px;position:absolute;right:0;width:100%}.settings-grid-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.settings-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:15px}.settings-form-inline{display:flex;gap:10px;margin-bottom:15px}.settings-list-item{align-items:center;background:var(--gray-50);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:5px;padding:8px 12px}.category-sync-btn{align-items:center;background:none;border:none;border-radius:4px;color:#10b981;cursor:pointer;display:inline-flex;justify-content:center;margin:0 2px;padding:4px;transition:all .2s ease}.category-sync-btn:hover{background-color:#10b9811a;color:#059669}@media (max-width:993px){.header.group{flex-direction:row;justify-content:center}.drawer-toggle-btn.group{display:inline-flex!important}}.modal-with-comments{display:flex!important;flex-direction:column!important;max-height:92vh!important;max-width:1160px!important;overflow:hidden!important;width:95vw}.modal-with-comments .modal-actions,.modal-with-comments .modal-header,.modal-with-comments .modal-tabs{flex-shrink:0}.modal-with-comments .modal-content{overflow:hidden}.modal-body-with-comments{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 390px;min-height:0;overflow:hidden}.modal-form-col{min-width:0;overflow-y:auto;padding:var(--spacing-lg);scrollbar-color:var(--primary-light) #0000;scrollbar-width:thin}.modal-form-col::-webkit-scrollbar{width:5px}.modal-form-col::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-full)}.modal-comments-col{background:linear-gradient(180deg,#10b98105,#fff);border-right:1px solid var(--border);display:flex;min-width:0;overflow:hidden;position:relative}.modal-comments-header{align-items:center;background:linear-gradient(135deg,#10b9810d,#16694e0a);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:14px 16px 10px}.modal-comments-header-icon{align-items:center;background:linear-gradient(135deg,var(--primary),#10b981b3);border-radius:var(--radius-md);box-shadow:0 2px 8px #10b98140;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;height:30px;justify-content:center;width:30px}.modal-comments-header-text{display:flex;flex-direction:column;gap:2px}.modal-comments-header-title{color:var(--text-primary);font-size:.85rem;font-weight:700;line-height:1.2}.modal-comments-header-sub{color:var(--text-muted);font-size:.68rem;line-height:1.2}.modal-comments-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.modal-comments-col:before{background:linear-gradient(to bottom,#0000,var(--border) 20%,var(--border) 80%,#0000);bottom:20px;content:"";pointer-events:none;position:absolute;right:-1px;top:20px;width:1px}@media (max-width:900px){.modal-with-comments{width:98vw!important}.modal-body-with-comments{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto}.modal-form-col{border-bottom:2px solid var(--border);overflow-y:visible;padding:var(--spacing-md)}.modal-comments-col{border-right:none;border-top:none;max-height:420px;min-height:340px}.modal-comments-col:before{display:none}}@media (max-width:600px){.modal-with-comments{border-radius:0!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;margin:0!important;max-height:100dvh!important;max-width:100vw!important;width:100vw!important}.modal-comments-col{max-height:380px;min-height:300px}.modal-form-col{padding:var(--spacing-sm)}}.drawer-toggle-btn.group{display:none}@media (max-width:768px){.drawer-toggle-btn.group{align-items:center;background:#ffffff1f;border:1px solid #ffffff38;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-family);font-size:.78rem;font-weight:600;height:32px;max-width:200px;padding:4px;transition:background .18s;white-space:nowrap;width:40}}.floating-lines-container{height:100%;overflow:hidden;position:relative;width:100%}.login-modern-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#fff);display:flex;font-family:var(--font-family);justify-content:center;min-height:100vh;padding:20px;position:relative;width:100%}.floating-bg{height:100%;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.login-card{background-color:#fff;border-radius:32px;box-shadow:0 25px 50px -12px #00000026;max-width:1000px;transition:transform .3s ease;width:100%;z-index:10}.login-card,.login-hero{display:flex;overflow:hidden;position:relative}.login-hero{background:linear-gradient(145deg,#0f172a,#1e293b);flex:1 1;flex-direction:column;padding:48px 32px}.login-hero:before{background:radial-gradient(circle,#10b98126 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.hero-content{display:flex;height:100%;position:relative;z-index:2}.brand-logo{align-items:center;display:flex;gap:8px;justify-content:center}.logo-icon{color:#10b981;font-size:28px;font-weight:500}.logo-text{color:#fff;font-size:20px;font-weight:600;letter-spacing:-.3px}.hero-title{color:#fff;font-size:36px;font-weight:700;line-height:1.2;margin-bottom:16px}.hero-subtitle{color:#94a3b8;font-size:15px;line-height:1.5;margin-bottom:48px}.hero-illustration{height:120px;margin-top:auto;position:relative}.abstract-shape{animation:float 6s ease-in-out infinite;background:#10b98133;border-radius:32px;bottom:0;height:80px;left:0;position:absolute;transform:rotate(45deg);width:80px}.abstract-shape.second{animation:float 8s ease-in-out infinite reverse;background:#10b9811a;border-radius:48px;bottom:20px;height:120px;left:60px;width:120px}@keyframes float{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-15px) rotate(45deg)}}.logo-image{height:22rem;object-fit:contain;transition:all .3s ease;width:auto}@media (max-width:768px){.logo-image{height:10rem}.hero-content{display:flex;flex-direction:row;height:100%;justify-content:center;position:relative;z-index:2}}@media (max-width:480px){.logo-image{height:8rem}}.login-form-side{background:#fff;display:flex;flex:1 1;flex-direction:column;padding:48px 40px}.form-header{margin-bottom:32px}.login-title{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.form-subtitle{color:#64748b;font-size:14px}.login-form{flex:1 1;gap:27px}.input-login-group,.login-form{display:flex;flex-direction:column}.input-login-group{gap:6px}.input-label{color:#334155;font-size:13px;font-weight:500}.input-wrapper{position:relative;width:100%}.modern-input{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:14px;box-sizing:border-box;color:#0f172a;font-family:var(--font-family);font-size:14px;outline:none;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.modern-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.modern-input:hover:not(:focus){border-color:#cbd5e1}.input-icon{color:#94a3b8;font-size:16px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:color .2s ease}.modern-input:focus~.input-icon{color:#10b981}.password-toggle{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:16px;justify-content:center;left:14px;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:2}.password-toggle:hover{color:#10b981}.modern-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%2364748b%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><polyline points=%276 9 12 15 18 9%27/></svg>");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;border:1.5px solid #e2e8f0;border-radius:14px;color:#0f172a;cursor:pointer;font-family:var(--font-family);font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.modern-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.modern-select:hover{border-color:#cbd5e1}.form-options{justify-content:space-between;margin-top:4px}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#475569;cursor:pointer;font-size:13px;gap:8px}.checkbox-label input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:16px;width:16px}.forgot-link{color:#10b981;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#059669;text-decoration:underline}.signin-button{align-items:center;background-color:#10b981;border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-family:var(--font-family);font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-top:46px;padding:14px;transition:all .2s ease;width:100%}.signin-button:hover{background-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.signin-button:active{transform:translateY(0)}.button-icon{font-size:16px;transition:transform .2s ease}.signin-button:hover .button-icon{transform:translateX(4px)}.form-footer{border-top:1px solid #f1f5f9;margin-top:28px;padding-top:20px;text-align:center}.form-footer p{color:#64748b;font-size:13px}.signup-link{color:#10b981;font-weight:600;text-decoration:none;transition:color .2s ease}.signup-link:hover{color:#059669;text-decoration:underline}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:#dc2626;margin-bottom:20px}.error-message,.select-loading-minimal{font-size:13px;padding:12px 16px;text-align:center}.select-loading-minimal{background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;color:#64748b;width:100%}.loading-spinner{animation:spin .6s linear infinite;border:2px solid #e2e8f0;border-top-color:#10b981;display:inline-block;height:14px;margin-right:8px;width:14px}@media (max-width:768px){.login-card{border-radius:28px;flex-direction:column;height:36rem;max-width:350px}.login-hero{padding:32px 28px}.hero-title{font-size:28px}.hero-subtitle{margin-bottom:24px}.hero-illustration{height:80px}.abstract-shape{height:50px;width:50px}.abstract-shape.second{height:80px;left:40px;width:80px}.login-form-side{padding:32px 28px}.login-title{font-size:24px}}@media (max-width:480px){.login-form-side,.login-hero{padding:24px 20px}.hero-title{font-size:24px}.brand-logo{justify-content:center;margin-bottom:32px}.login-title{font-size:22px}.modern-input,.modern-select{font-size:13px;padding:11px 40px 11px 14px}}.position-container{border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-left:1rem;margin-right:1rem}.position-container,.users-table-container{background:var(--bg-primary);box-shadow:var(--shadow-sm)}.users-table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.users-table{border-collapse:collapse;font-size:.825rem;min-width:800px}.users-table th{background:var(--bg-secondary);font-size:.8rem;letter-spacing:.5px;padding:.75rem 1rem;white-space:nowrap}.users-table td,.users-table th{border-bottom:1px solid var(--border-color)}.users-table td{height:2.5rem;padding:.625rem 1rem;vertical-align:middle}.users-table tbody tr{transition:var(--transition)}.users-table tbody tr:hover{background:var(--bg-hover)}.users-table tbody tr:last-child td{border-bottom:none}.user-info{align-items:center;display:flex;gap:.625rem}.userposition-icon{color:var(--text-light);font-size:.875rem;opacity:.8}.user-details{display:flex;flex-direction:column;gap:.125rem}.username{color:var(--text-primary);font-size:.85rem;font-weight:500}.fullname{color:var(--text-light);font-size:.75rem}.branch-info,.date-info{align-items:center;display:flex;font-size:.8rem;gap:.375rem}.branch-icon,.date-icon{color:var(--text-light);font-size:.8rem;opacity:.7}.empty-icon{color:var(--border-color);font-size:2.5rem;margin-bottom:1rem}.empty-title{font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.empty-description{color:var(--text-light);font-size:.875rem;max-width:300px}.loading-state{height:50vh}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--bg-secondary);border:3px solid var(--bg-secondary);border-top-color:var(--primary-color);height:2.5rem;margin-bottom:1rem;width:2.5rem}.loading-text{color:var(--text-secondary);font-size:.875rem}.modal-user-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.modal-title{font-size:1.125rem;font-weight:600}.department-form{padding:1.5rem}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}@media (min-width:640px){.form-row{grid-template-columns:1fr 1fr}}.form-group{gap:.375rem}.form-label{align-items:center;font-size:.825rem;gap:.25rem}.form-label,.submit-btn{display:flex;font-weight:500}.submit-btn{background:var(--primary-color);border-radius:var(--radius-sm);font-size:.875rem;gap:.375rem;height:2.25rem;padding:.5rem 1.25rem}.submit-btn:hover{background:var(--primary-hover)}.cancel-form-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;font-size:.875rem;font-weight:500;gap:.375rem;height:2.25rem;padding:.5rem 1.25rem}.cancel-form-btn:hover{background:var(--bg-hover)}.text-center{text-align:center}.users-table-container::-webkit-scrollbar{height:6px;width:6px}.users-table-container::-webkit-scrollbar-track{background:var(--bg-secondary)}.users-table-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.users-table-container::-webkit-scrollbar-thumb:hover{background:var(--text-light)}@media (max-width:768px){.position-container{margin-left:1rem;margin-right:1rem}.filter-grid{grid-template-columns:1fr}.users-table{font-size:.8rem}.users-table td,.users-table th{padding:.5rem .75rem}}.modal-content.access-modal{max-height:80vh;max-width:700px}.access-tabs-section{padding:1.5rem}.loading-access{align-items:center;color:var(--text-secondary);display:flex;font-size:1rem;justify-content:center;padding:2rem}.access-tabs{border-bottom:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:1rem}.access-tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1rem;position:relative;transition:all .2s ease;white-space:nowrap}.access-tab-btn.active,.access-tab-btn:hover{color:var(--primary-color)}.access-tab-btn.active{border-bottom-color:var(--primary-color);font-weight:600}.access-permissions-list{display:flex;flex-direction:column;gap:1rem}.access-permissions-title{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:.5rem 0}.access-permissions-ul{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));list-style:none;margin:0;padding:0}.access-permission-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.access-permission-item:hover{background:var(--bg-primary);border-color:var(--primary-color);box-shadow:0 2px 8px #0000000d}.permission-name{font-size:.9rem}.permission-code{color:var(--text-light);font-size:.8rem;margin-right:.5rem}.switch{flex-shrink:0;height:26px;margin-left:.75rem;width:50px}.slider{background-color:#ccc;border-radius:26px;transition:.3s}.slider:before{bottom:3px;box-shadow:0 2px 4px #0003;height:20px;left:3px;transition:.3s;width:20px}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translateX(24px)}input:disabled+.slider{background-color:#ddd;cursor:not-allowed;opacity:.6}input:disabled+.slider:before{box-shadow:none}.access-permission-item input:disabled+.slider{background:linear-gradient(135deg,#e0e7ff,#f3e8ff)}.access-permission-item input:disabled+.slider:before{background-color:#a78bfa}:root{--permissions-primary:#3b82f6;--permissions-primary-dark:#2563eb;--permissions-success:#10b981;--permissions-warning:#f59e0b;--permissions-danger:#ef4444;--permissions-info:#06b6d4;--permissions-purple:#8b5cf6;--permissions-pink:#ec4899;--permissions-green:#84cc16;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--spacing-xs:3px;--spacing-sm:6px;--spacing-md:10px;--spacing-lg:12px;--spacing-xl:18px;--spacing-2xl:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease}.permissions-container{margin:0 auto;max-width:100%;min-height:calc(100vh - 80px);padding:12px 10px;padding:var(--spacing-lg) var(--spacing-md);width:100%}.permissions-main-layout{grid-gap:.5rem;align-items:stretch;display:grid;gap:.5rem;grid-template-columns:300px minmax(0,1fr);height:calc(112vh - 220px);margin-left:.5rem;margin-right:.5rem}.permissions-content-panel,.permissions-sidebar-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden}.permissions-content-panel{min-width:0}.perm-panel-header{align-items:center;background:linear-gradient(135deg,#10b9810a,#16694e0d);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.perm-panel-header h3{color:var(--text-primary);display:flex;flex-direction:column;font-size:.95rem;font-weight:600;gap:4px;margin:0}.perm-panel-subtitle{color:var(--text-muted);font-size:.7rem;font-weight:400}.roles-list{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:12px 8px}.role-item-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:10px;margin:2px 4px;padding:10px 12px;position:relative;text-align:right;transition:var(--transition);width:calc(100% - 8px)}.role-item-btn:before{background:linear-gradient(180deg,#10b981e6,#2d4059e6);border-radius:999px;content:"";height:55%;inset-inline-start:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition);width:3px}.role-item-btn:hover{background-color:#10b9810f}.role-item-btn.active{background-color:#10b9811f;box-shadow:0 0 0 1px #10b9814d}.role-item-btn.active:before{opacity:1}.role-color-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.role-item-label{flex:1 1;text-align:right}.role-item-name{display:block;font-size:.85rem;font-weight:500}.role-item-dept{color:var(--text-muted);display:block;font-size:.7rem;margin-top:1px}.role-active-indicator{animation:pulse 2s infinite;background:var(--primary);border-radius:50%;height:6px;width:6px}.dept-dropdown-wrapper{margin:4px 4px 8px;position:relative}.dept-select-trigger{align-items:center;background:#0000;border:1px dashed var(--border);border-radius:8px;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.82rem;justify-content:space-between;padding:10px 12px;text-align:right;transition:var(--transition);width:100%}.dept-select-trigger:hover{background:#10b9810a;border-color:var(--primary);color:var(--primary)}.dept-dropdown-menu{animation:dropdownIn .15s ease;background:var(--surface);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dept-dropdown-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.82rem;gap:8px;padding:10px 14px;text-align:right;transition:background .15s;width:100%}.dept-dropdown-item:not(:last-child){border-bottom:1px solid #0000000a}.dept-dropdown-item:hover{background:#10b98112;color:var(--primary)}.dept-dropdown-item.active{background:#10b9811f;color:var(--primary);font-weight:600}.dept-dropdown-dot{background:var(--primary);border-radius:50%;flex-shrink:0;height:7px;opacity:.5;width:7px}.dept-dropdown-item.active .dept-dropdown-dot{opacity:1}.dept-dropdown-empty{color:var(--text-muted);font-size:.8rem;padding:14px;text-align:center}.add-position-btn{align-items:center;background:#10b9810a;border:1px dashed #10b98173;border-radius:8px;border-radius:var(--radius-md);color:var(--primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.78rem;font-weight:500;gap:7px;margin:auto 4px 4px;padding:9px 12px;text-align:right;transition:var(--transition);width:calc(100% - 8px)}.add-position-btn:hover{background:#10b9811a;border-color:var(--primary)}.add-position-overlay{align-items:center;animation:overlayIn .15s ease;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.add-position-modal{animation:modalIn .2s ease;background:var(--surface);border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);max-width:calc(100vw - 32px);overflow:hidden;width:360px}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.add-position-modal-header{align-items:center;background:linear-gradient(135deg,#10b9810d,#16694e0a);border-bottom:1px solid var(--border);display:flex;gap:10px;padding:14px 16px}.add-position-modal-header h4{color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:600;margin:0}.add-position-modal-dept{background:var(--primary);border-radius:999px;color:#fff;font-size:.72rem;font-weight:500;max-width:100px;overflow:hidden;padding:3px 10px;text-overflow:ellipsis;white-space:nowrap}.add-position-modal-close{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:var(--transition)}.add-position-modal-close:hover{background:#ef444414;color:#dc2626}.add-position-modal-body{display:flex;flex-direction:column;gap:14px;padding:16px}.add-position-field{display:flex;flex-direction:column;gap:6px}.add-position-field label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.add-position-field input{background:var(--surface);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family);font-size:.82rem;outline:none;padding:9px 12px;transition:var(--transition);width:100%}.add-position-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.add-position-field input::placeholder{color:var(--text-muted)}.add-position-modal-footer{background:#00000005;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.permissions-form-area{background:var(--surface);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:10px;padding:var(--spacing-md)}.role-stats-bar{align-items:center;background:linear-gradient(135deg,#10b9810a,#16694e08);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;margin-bottom:var(--spacing-md);padding:12px 16px}.role-stat-item{align-items:center;display:flex;flex-direction:column;gap:2px;min-width:70px}.role-stat-value{color:var(--text-primary);font-size:1.3rem;font-weight:700;line-height:1}.role-stat-label{color:var(--text-muted);font-size:.68rem}.role-stat-divider{background:var(--border);height:28px;width:1px}.role-name-tag{border-radius:8px;border-radius:var(--radius-md);color:#fff;font-size:.8rem;font-weight:600;margin-right:auto;padding:4px 10px}.module-tabs-row{border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;margin-bottom:var(--spacing-md);padding-bottom:10px;padding-bottom:var(--spacing-md)}.module-tab-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.8rem;font-weight:500;gap:6px;padding:8px 14px;transition:var(--transition)}.module-tab-btn:hover{background:#10b9810a;border-color:var(--primary-light);color:var(--primary)}.module-tab-btn.active{background:#10b9811f;border-color:var(--primary);box-shadow:0 0 0 1px #10b98140;color:var(--primary)}.module-tab-icon{align-items:center;display:inline-flex;font-size:.9rem}.module-content-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:10px;margin-bottom:var(--spacing-md)}.module-content-info{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.module-badge{border-radius:8px;border-radius:var(--radius-md);color:#fff;font-size:.78rem;font-weight:600;padding:4px 12px}.module-content-desc{color:var(--text-muted);font-size:.78rem;margin:0}.module-bulk-actions{display:flex;flex-shrink:0;gap:8px}.bulk-action-btn{align-items:center;border:1px solid;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.75rem;font-weight:500;gap:6px;padding:6px 14px;transition:var(--transition)}.bulk-action-btn.enable-all{background:#10b98114;border-color:#10b9814d;color:var(--primary)}.bulk-action-btn.enable-all:hover{background:#10b98129}.bulk-action-btn.disable-all{background:#ef444414;border-color:#ef44444d;color:#dc2626}.bulk-action-btn.disable-all:hover{background:#ef444429}.perm-search-wrapper{margin-bottom:10px;margin-bottom:var(--spacing-md);position:relative}.perm-search-wrapper .search-icon{color:var(--text-muted);font-size:.85rem;left:10px;left:var(--spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.perm-search-input{background:var(--surface);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family);font-size:.8rem;padding:9px 12px 9px 2.5rem;transition:var(--transition);width:100%}.perm-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.perm-search-input:hover{border-color:var(--primary-light)}.permission-items-list{animation:fadeIn .3s ease-out;display:flex;flex-direction:column;gap:8px}.permission-item{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:12px;justify-content:space-between;padding:12px 16px;transition:var(--transition)}.permission-item:hover{background:#10b98105;border-color:var(--primary-light)}.permission-item.is-enabled{border-right:3px solid #10b98180}.permission-item.is-disabled{border-right:3px solid #cbd5e166}.permission-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.permission-name{color:var(--text-primary);font-size:.85rem;font-weight:600;margin:0}.permission-description{color:var(--text-muted);font-size:.72rem;line-height:1.3;margin:0}.permission-codename{background:#0000000a;border-radius:4px;color:var(--text-muted);direction:ltr;display:inline-block;font-family:var(--font-family);font-size:.68rem;padding:1px 6px;text-align:right}.permission-controls{border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);display:flex;flex-shrink:0;overflow:hidden}.perm-toggle-btn{background:var(--surface);border:none;color:var(--text-muted);cursor:pointer;font-family:var(--font-family);font-size:.75rem;font-weight:500;padding:6px 14px;transition:var(--transition)}.perm-toggle-btn:not(:last-child){border-left:1px solid var(--border)}.perm-toggle-btn:hover:not(.active){background:#0000000a;color:var(--text-primary)}.perm-toggle-btn.active.enabled-btn{background:#10b9811f;color:var(--primary);font-weight:600}.perm-toggle-btn.active.disabled-btn{background:#cbd5e133;color:var(--text-secondary);font-weight:600}.permissions-footer{background:linear-gradient(135deg,#10b98105,#16694e08);border-top:1px solid var(--border);display:flex;gap:6px;gap:var(--spacing-sm);justify-content:flex-end;padding:10px 12px;padding:var(--spacing-md) var(--spacing-lg)}.perm-btn-primary{align-items:center;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.8rem;font-weight:600;gap:8px;padding:10px 24px;transition:var(--transition)}.perm-btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.perm-btn-primary:disabled{cursor:not-allowed;opacity:.6}.perm-btn-secondary{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.8rem;font-weight:500;gap:8px;padding:10px 18px;transition:var(--transition)}.perm-btn-secondary:hover{background:#10b9810f;border-color:var(--primary-light);color:var(--primary)}.no-results{color:var(--text-muted);font-size:.9rem;padding:2.5rem;text-align:center}.error-state,.loading-state{align-items:center;border-radius:12px;border-radius:var(--radius-lg);display:flex;font-size:1rem;justify-content:center;margin:1rem;min-height:400px}.loading-state{background:#10b9810d;color:var(--primary)}.error-state{background:#ef44440d;color:#dc2626}.permissions-form-area::-webkit-scrollbar,.roles-list::-webkit-scrollbar{width:6px}.permissions-form-area::-webkit-scrollbar-track,.roles-list::-webkit-scrollbar-track{background:var(--border);border-radius:var(--radius-full)}.permissions-form-area::-webkit-scrollbar-thumb,.roles-list::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-full)}@media (max-width:992px){.permissions-main-layout{gap:16px;grid-template-columns:1fr;height:auto}.permissions-sidebar-panel{max-height:280px}.roles-list{flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding:12px}.dept-dropdown-wrapper{flex-shrink:0;min-width:160px}.role-item-btn{justify-content:center;min-width:100px;width:auto}.role-item-btn:before{display:none}.role-item-btn.active{border-bottom:2px solid var(--primary)}.role-item-dept{display:none}.add-position-btn{align-self:center;flex-shrink:0;margin-top:0;white-space:nowrap;width:auto}}@media (max-width:768px){.permissions-container{padding:10px;padding:var(--spacing-md)}.permission-item{align-items:flex-start;flex-direction:column;gap:10px}.permission-controls{align-self:flex-end}.module-content-header,.perm-panel-header{align-items:flex-start;flex-direction:column}.role-stats-bar{gap:8px}}@media (max-width:576px){.permissions-container{padding:6px;padding:var(--spacing-sm)}.module-tab-btn{flex:1 1;font-size:.75rem;justify-content:center;min-width:calc(50% - 6px);padding:6px 10px}.permissions-footer{flex-direction:column}.perm-btn-primary,.perm-btn-secondary{justify-content:center;width:100%}}@media print{.permissions-footer{display:none}.permissions-main-layout{display:block}.permissions-sidebar-panel{display:none}}.unit-user-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--spacing-sm)}.unit-user-tabs .usertab{background:#fff;border:1px solid #d1d5db;border-top-left-radius:6px;border-top-right-radius:6px;color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-size:.8rem;font-weight:500;min-height:32px;min-width:auto;padding:8px 16px;transition:var(--transition)}.unit-user-tabs .usertab:hover{background:#f9fafb;border-color:var(--primary)}.unit-user-tabs .usertab.active{background:#242424;border-color:var(--primary);color:#fff}.user-container{margin-right:.25rem;max-width:100%;padding:auto var(--spacing-xs)}.positions-table-container{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-sm);margin-top:20px;overflow:hidden}.positions-table{border-collapse:collapse;width:100%}.positions-table thead{background:var(--bg-secondary)}.positions-table th,.positions-table thead{border-bottom:2px solid var(--border-color)}.positions-table th{color:var(--text-primary);font-size:.8rem;font-weight:600;padding:10px;text-align:right}.positions-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.positions-table tbody tr:hover{background:var(--bg-hover)}.positions-table td{color:var(--text-primary);font-size:.8rem;padding:10px;text-align:right}.position-code,.position-department,.position-slots,.position-title{align-items:center;display:flex;gap:8px}.position-code-icon{color:var(--primary-color);font-size:16px}.position-title-icon{color:var(--success-color);font-size:16px}.position-department-icon{color:var(--warning-color);font-size:16px}.position-slots-icon{color:var(--info-color);font-size:16px}.position-description{color:var(--text-secondary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.positions-table-container{overflow-x:auto}.positions-table{min-width:800px}}.usersetting-container{background:var(--background);font-family:var(--font-family);margin:0 auto;max-width:1400px;min-height:100vh;padding:var(--spacing-md) var(--spacing-sm)}.usersetting-container.sidebar-open{margin-right:250px}.usersetting-container.sidebar-closed{margin-right:70px}.users-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin-bottom:4px}.users-subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:400;line-height:1.4;margin-bottom:var(--spacing-sm)}.national-card-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:var(--spacing-md)}.national-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000f;min-height:auto;overflow:hidden;position:relative;transition:all .3s ease}@media (min-width:1400px){.national-card-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (min-width:1800px){.national-card-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}}.national-card:hover{border-color:var(--primary);box-shadow:0 12px 32px #0000001f,0 3px 8px #00000014;transform:translateY(-5px)}.card-body{display:flex;gap:var(--spacing-xs);min-height:auto;padding:var(--spacing-sm)}.card-left{flex:0 0 100px;gap:8px;min-width:100px}.card-left,.user-photo{align-items:center;display:flex;flex-direction:column}.user-photo{gap:var(--spacing-sm)}.photo-circle{align-items:center;background:linear-gradient(193deg,#9cc7b9 7%,#379878);border:2px solid #e2e8f0;border-radius:12px;display:flex;height:60px;justify-content:center;width:60px}.user-icon{color:#fff;font-size:2rem}.user-id{align-items:center;border-radius:4px;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.7rem;gap:4px;justify-content:center;padding:4px 8px;white-space:nowrap}.id-icon{font-size:.9rem}.calendar-sync-icon{align-items:center;background:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:inline-flex;font-size:.75rem;justify-content:center;padding:2px 4px;transition:all .2s ease}.calendar-sync-icon:hover{background:#4caf501a;color:#4caf50;transform:scale(1.05)}.calendar-sync-icon:active{transform:scale(.95)}.card-right{flex:1 1;justify-content:center;min-width:140px}.card-right,.info-section{display:flex;flex-direction:column}.info-section{gap:6px}.info-item-user{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;padding:4px 0}.info-item-user:last-child{border-bottom:none}.info-Label-user{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:.8rem;font-weight:500;gap:6px;width:110px}.info-value{color:var(--text-primary);flex:1 1;font-size:.7rem;font-weight:700;overflow:hidden;text-align:right;text-overflow:ellipsis}.card-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:6px var(--spacing-sm)}.footer-actions{gap:3px}.footer-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:600;gap:2px;height:28px;justify-content:center;min-width:auto;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.footer-btn.view-details{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.footer-btn.view-details:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-2px)}.footer-btn.edit{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff}.footer-btn.edit:hover{background:linear-gradient(135deg,var(--primary-dark) 0,#1d4ed8 100%);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.footer-btn.status-toggle{background:linear-gradient(135deg,#f59e0b,#d97706)}.footer-btn.status-toggle:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.footer-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626)}.footer-btn.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.detail-modal{max-width:800px}.detail-content{padding:var(--spacing-lg) var(--spacing-md)}.detail-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 12px #0000000f;overflow:hidden}.detail-photo{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-photo-circle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:3px solid #ffffff4d;border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}.detail-user-icon{color:#fff;font-size:2.5rem}.detail-user-name{font-size:1.3rem;font-weight:700;margin-bottom:var(--spacing-xs)}.detail-user-username{background:#ffffff1a;border-radius:20px;font-size:1rem;opacity:.9;padding:var(--spacing-xs) var(--spacing-md)}.detail-card-body{padding:var(--spacing-lg) var(--spacing-md)}.detail-info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-info-section{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);box-shadow:0 1px 3px #00000005;padding:var(--spacing-md)}.detail-section-title{align-items:center;border-bottom:1px solid #e2e8f0;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs)}.detail-info-item-user{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:var(--spacing-xs);justify-content:space-between;padding:6px 0}.detail-info-item-user:last-child{border-bottom:none}.detail-info-Label-user{color:var(--text-secondary);font-size:.85rem;font-weight:500}.detail-info-value{color:var(--text-primary);font-size:.9rem;font-weight:600}.detail-info-value.role-value{align-items:center;display:flex;gap:var(--spacing-xs)}.detail-info-value.status-value.active{background:#dcfce7;border-radius:20px;color:#22c55e;font-size:.85rem;padding:4px 12px}.detail-info-value.status-value.inactive{background:#fee2e2;border-radius:20px;color:#ef4444;font-size:.85rem;padding:4px 12px}.permissions-detail{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.permission-detail-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:8px}.permission-detail-label{color:var(--text-secondary);font-size:.8rem}.permission-detail-value{align-items:center;border-radius:50%;display:flex;font-size:1rem;font-weight:700;height:24px;justify-content:center;width:24px}.permission-detail-value.yes{background:#dcfce7;color:#22c55e}.permission-detail-value.no{background:#fee2e2;color:#ef4444}.detail-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md)}.detail-action-btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:var(--spacing-xs);height:40px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease}.detail-action-btn.edit{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff}.detail-action-btn.edit:hover{background:linear-gradient(135deg,var(--primary-dark) 0,#1d4ed8 100%);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.detail-action-btn.status{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.detail-action-btn.status:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.detail-action-btn.close{background:#64748b;color:#fff}.detail-action-btn.close:hover{background:#475569;box-shadow:0 4px 12px #64748b4d;transform:translateY(-2px)}.role-icon{font-size:1.2rem}.role-icon.admin{color:#fbbf24}.role-icon.staff{color:#8b5cf6}.role-icon.personnel{color:#3b82f6}.role-icon.user{color:#64748b}.users-table{background:var(--surface);border-collapse:initial;border-radius:var(--radius-lg);border-spacing:0;box-shadow:var(--shadow-lg);overflow:hidden;width:100%}.users-table thead{background:var(--gray-50)}.users-table th{border-bottom:2px solid var(--border);color:var(--text-secondary);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.users-table td,.users-table th{font-size:.875rem;padding:var(--spacing-md);text-align:right}.users-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary)}.users-table tbody tr:hover{background:var(--gray-50)}.user-cell{gap:var(--spacing-md)}.user-avatar-small,.user-cell{align-items:center;display:flex}.user-avatar-small{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius);color:#fff;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.user-info-compact{display:flex;flex-direction:column}.user-name{color:var(--text-primary);font-weight:600}.user-username{color:var(--text-muted);font-size:.75rem}.role-badge{border-radius:var(--radius);display:inline-block;font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.role-badge.admin{background:#fef3c7;color:#92400e}.role-badge.personnel{background:#dbeafe;color:#1e40af}.role-badge.user{background:var(--gray-200);color:var(--gray-700)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-user-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;justify-content:space-between;padding:var(--spacing-md);position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-title{color:var(--text-primary);font-size:1.2rem}.department-form{padding:var(--spacing-md)}.form-row{grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-md)}.form-group{gap:4px}.form-label{font-size:.8rem;margin-bottom:2px}.section-title{border-bottom:1px solid var(--border-light);font-weight:600;padding-bottom:var(--spacing-xs)}.role-select-grid{grid-gap:var(--spacing-md);border-bottom:2px solid var(--border);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.checkbox-content span{font-size:.85rem;margin-bottom:3px}.checkbox-icon.active{color:var(--success)}.checkbox-icon.admin{color:var(--warning)}.submit-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:var(--spacing-xs);height:38px;padding:8px var(--spacing-md);transition:var(--transition)}.submit-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cancel-form-btn{align-items:center;background:var(--gray-100);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:var(--spacing-xs);height:38px;padding:8px var(--spacing-md);transition:var(--transition)}.cancel-form-btn:hover{background:var(--gray-200);transform:translateY(-1px)}.error-alert{animation:slideIn .3s ease;background:linear-gradient(135deg,var(--error-light) 0,#fecaca 100%);border:1px solid var(--error);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.error-content{color:#991b1b;font-weight:500;gap:var(--spacing-md)}.retry-btn{background:var(--error);border-radius:var(--radius-md);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition)}.retry-btn:hover{background:#b91c1c;transform:translateY(-2px)}.add-user-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:var(--spacing-xs);height:36px;padding:8px var(--spacing-md);transition:var(--transition)}.add-user-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.empty-icon{color:var(--primary);font-size:3rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-title{color:var(--text-secondary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}.empty-description{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin:0 auto;max-width:500px}@media (max-width:1024px){.usersetting-container{padding:var(--spacing-md)}.usersetting-container.sidebar-closed,.usersetting-container.sidebar-open{margin-right:0}.users-filter-section{position:relative;top:0}.national-card-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.detail-info-grid{grid-template-columns:1fr}.users-title{font-size:1.75rem}}@media (max-width:768px){.usersetting-container{padding:var(--spacing-md) var(--spacing-sm)}.users-title{font-size:1.5rem}.filter-grid{grid-template-columns:1fr}.national-card-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:1rem}.card-body{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.card-left{border-bottom:1px solid #e2e8f0;border-right:none;flex:1 1;padding-bottom:var(--spacing-md);padding-right:0}.card-footer{padding:var(--spacing-sm)}.info-item-user{align-items:center;flex-direction:row;gap:6px;padding:3px 0}.info-Label-user{font-size:.7rem;width:100px}.footer-actions{flex-direction:row;gap:4px}.footer-btn{flex:1 1;height:25px;min-width:47px;padding:4px 8px}.footer-btn.status-toggle,.footer-btn.view-details{display:none}.form-row{grid-template-columns:1fr}.detail-actions{flex-direction:row;gap:var(--spacing-xs)}.detail-action-btn{flex:1 1;height:36px}.role-select-grid{grid-template-columns:1fr 1fr}.detail-info-grid{gap:var(--spacing-sm);grid-template-columns:1fr}}@media (max-width:480px){.usersetting-container{padding:var(--spacing-sm)}.users-title{font-size:1.3rem}.users-subtitle{font-size:.95rem}.add-user-btn{font-size:.8rem;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);width:100%}.national-card{border-radius:8px;margin:0}.card-body{gap:var(--spacing-xs);padding:var(--spacing-sm)}.card-left{padding-bottom:var(--spacing-sm)}.photo-circle{height:60px;width:60px}.user-icon{font-size:1.5rem}.info-Label-user{font-size:.65rem;width:80px}.footer-actions{gap:3px}.footer-btn{flex:1 1;font-size:.7rem;height:28px;min-width:auto;padding:3px 6px}.cancel-form-btn,.submit-btn{justify-content:center;width:100%}.detail-action-btn{font-size:.8rem;height:32px;padding:6px 12px;width:100%}.detail-info-item-user{align-items:flex-start;flex-direction:column;gap:4px}.detail-info-Label-user{font-size:.8rem}.detail-info-value{font-size:.85rem}.detail-section-title{font-size:.95rem}.card-footer{padding:6px var(--spacing-sm)}.permission-detail-item{padding:6px}.permission-detail-label{font-size:.75rem}}.password-input-wrapper{position:relative}.password-toggle-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;left:12px;padding:4px;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition)}.password-toggle-btn:hover{color:var(--primary)}.form-help-text{color:var(--text-muted);font-size:.75rem;line-height:1.4;margin-top:var(--spacing-xs)}.form-error{color:var(--error);font-size:.75rem;margin-top:4px}.form-group{position:relative}.manage-groups-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-md);padding:8px 12px;transition:all .2s ease;width:100%}.manage-groups-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-1px)}.manage-groups-btn-small{align-items:center;background:#8b5cf6;border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;gap:var(--spacing-xs);padding:4px 8px;transition:var(--transition)}.manage-groups-btn-small:hover{background:#7c3aed}.group-modal{max-width:800px}.group-management-content{max-height:60vh;overflow-y:auto;padding:var(--spacing-xl)}.groups-section{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.groups-section .section-title{align-items:center;border-bottom:2px solid var(--border-light);color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.current-groups{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.group-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:var(--transition)}.group-card:hover{border-color:var(--primary);transform:translateY(-2px)}.group-card-content{align-items:center;display:flex;gap:var(--spacing-md)}.group-icon{color:var(--primary);font-size:1.5rem}.group-name{color:var(--text-primary);font-weight:600}.group-description{color:var(--text-muted);font-size:.75rem;margin-top:2px}.remove-group-btn{align-items:center;background:var(--error);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;gap:var(--spacing-xs);padding:6px 12px;transition:var(--transition)}.remove-group-btn:hover{background:#dc2626}.no-groups-message{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:var(--radius-md);color:var(--text-muted);padding:var(--spacing-xl);text-align:center}.add-group-section{margin-top:var(--spacing-lg)}.group-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition);width:100%}.group-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.no-available-groups{color:var(--text-muted);font-size:.9rem;padding:var(--spacing-md);text-align:center}.all-groups-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.system-group-item{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:var(--transition)}.system-group-item:hover{border-color:var(--primary)}.system-group-item.in-group{background:#f0f9ff;border-color:#bae6fd}.system-group-info{align-items:center;display:flex;gap:var(--spacing-md)}.system-group-icon{color:var(--primary);font-size:1.2rem}.system-group-name{color:var(--text-primary);font-weight:600}.system-group-description{color:var(--text-muted);font-size:.75rem}.in-group-badge{background:#dcfce7;border-radius:20px;color:#166534;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px}.add-to-group-btn{align-items:center;background:var(--success);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;gap:var(--spacing-xs);padding:6px 12px;transition:var(--transition)}.add-to-group-btn:hover{background:#16a34a}.group-modal-actions{background:#f8fafc;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #e2e8f0;display:flex;justify-content:center;padding:var(--spacing-lg)}.user-groups-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);max-height:150px;overflow-y:auto}.user-group-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-sm)}.user-group-item .remove-group-btn{font-size:.7rem;padding:4px 8px}.no-groups{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:var(--radius-md);color:var(--text-muted);padding:var(--spacing-md);text-align:center}@media (max-width:768px){.current-groups{grid-template-columns:1fr}.group-card{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.group-card-content{flex-direction:column;gap:var(--spacing-sm);text-align:center}.system-group-item{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.system-group-info{flex-direction:column;gap:var(--spacing-sm);text-align:center}}.form-help-text.warning{align-items:center;background:#fef3c7;border-radius:4px;border-right:3px solid #f59e0b;color:#f59e0b;display:flex;gap:8px;margin-top:8px;padding:8px}.personnel-link{background:#dbeafe;border-radius:4px;color:#3b82f6;font-size:.8rem;gap:6px;margin-top:8px;padding:4px 8px}.personnel-link-icon{color:#1d4ed8}.personnel-badge{align-items:center;background:#dbeafe;border-radius:4px;color:#1e40af;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 8px}.no-personnel{color:#6b7280;font-size:.75rem;font-style:italic}.personnel-info{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;display:flex;font-size:.9rem;gap:8px;margin-bottom:16px;padding:12px}.personnel-info-icon{color:#3b82f6}.checkbox-icon{margin-bottom:4px}.checkbox-icon.personnel{color:#3b82f6}.checkbox-icon.active{color:#10b981}.detail-info-item-user .personnel-tag{align-items:center;background:#dbeafe;border-radius:4px;display:inline-flex;gap:6px;margin-left:8px;padding:4px 8px}.personnel-info-banner{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:var(--radius-md);color:#0369a1;display:flex;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.personnel-info-banner svg{font-size:1.2rem}.success-message{align-items:center;animation:slideIn .3s ease;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #22c55e;border-radius:var(--radius-md);color:#166534;display:flex;font-weight:500;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.success-message svg{color:#22c55e;font-size:1.2rem}.form-warning-text{background:#fef3c7;border:1px solid #fbbf24;border-radius:var(--radius);color:#f59e0b;font-size:.75rem;margin-top:var(--spacing-xs);padding:var(--spacing-xs)}.personnel-info-cell{align-items:center;display:flex;font-size:.85rem;gap:var(--spacing-xs)}.personnel-info-cell svg{color:#8b5cf6;font-size:.9rem}.no-personnel{color:var(--text-muted);font-size:.85rem}.personnel-link{align-items:center;background:#f8fafc;border-radius:var(--radius);color:var(--text-secondary);display:flex;flex-direction:column;font-size:.75rem;gap:2px;padding:var(--spacing-xs);text-align:center;width:100%}.personnel-link svg{color:#8b5cf6;font-size:.9rem}.personnel-link small{color:var(--text-muted);font-size:.7rem}.error-message{background:linear-gradient(135deg,var(--error-light) 0,#fecaca 100%);border:2px solid var(--error);color:#991b1b;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.error-message svg{color:#dc2626;font-size:1.2rem}.form-input.error,.group-multiselect.error{border-color:var(--error)!important;box-shadow:0 0 0 3px #ef44441a!important}.personnel-selection{display:flex;flex-direction:column;gap:var(--spacing-md)}.personnel-select-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.group-multiselect{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;padding:var(--spacing-sm);transition:var(--transition);width:100%}.group-multiselect:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.group-multiselect option{padding:var(--spacing-sm)}.role-checkbox{align-items:flex-start;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs);transition:var(--transition)}.role-checkbox:hover{border-color:var(--primary-light);box-shadow:var(--shadow);transform:translateY(-2px)}.role-checkbox input[type=checkbox]{height:13px;margin-top:.25rem;width:13px}.checkbox-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.checkbox-content span{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600}.checkbox-description{color:var(--text-muted);font-size:.75rem;line-height:1.4;margin:0}.checkbox-icon{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.checkbox-icon.active{color:#22c55e}.checkbox-icon.personnel{color:var(--primary)}.checkbox-icon.staff{color:#8b5cf6}.checkbox-icon.admin{color:#f59e0b}.footer-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.footer-btn.view-details{background:#6366f1;color:#fff}.footer-btn.edit-detail{background:var(--primary);color:#fff}.footer-btn.status-toggle{background:#f59e0b;color:#fff}.footer-btn.delete{background:var(--error);color:#fff}@media (max-width:768px){.personnel-info-banner{flex-direction:row;padding:var(--spacing-sm);text-align:center}.footer-actions{flex-direction:row}.checkbox-content span{font-size:.85rem}.checkbox-description{font-size:.7rem}}@media (max-width:480px){.personnel-link{font-size:.7rem;padding:4px}.personnel-info-cell{align-items:flex-start;flex-direction:column;gap:2px}.user-photo{flex-direction:row}.footer-btn{height:1rem;min-width:0;min-width:auto;width:14%}.footer-btn.view-details{display:none}.info-item-user{align-items:center;flex-direction:row;gap:6px;padding:3px 0}.footer-btn.status-toggle{display:none}.national-card-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:1rem}.info-value{font-size:7px}}.status-select-row{display:flex;flex-direction:column;gap:.5rem}.status-select{font-size:.825rem;height:2.25rem;max-width:220px;padding:0 .75rem}.status-tags{display:flex;flex-wrap:wrap;gap:.5rem;min-height:1.75rem}.status-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:.775rem;font-weight:600;gap:.35rem;padding:.25rem .6rem}.status-tag button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:.7rem;margin-right:2px;opacity:.7;padding:0}.status-tag button:hover{opacity:1}.tag-active{background:#e8f5e9;border:1px solid #a5d6a7}.tag-active,.tag-active button{color:#2e7d32}.tag-arpa{background:#e3f2fd;border:1px solid #90caf9}.tag-arpa,.tag-arpa button{color:#1565c0}.tag-superuser{background:#fdf3e3;border:1px solid #f6c87a;color:#b45309}.tag-superuser button{color:#b45309}.calendar-strip{background:linear-gradient(90deg,var(--primary) 0,var(--primary-light) 50%,var(--primary) 100%);height:4px;left:0;position:fixed;right:0;top:0;z-index:1000}.calendar-content{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) auto;max-width:1600px;min-width:0;padding:0 var(--spacing-sm)}.calendar-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex:1 1;min-width:0;overflow:hidden}.calendar-controls{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.calendar-view-selector{background:var(--background);border-radius:var(--radius-lg);flex-shrink:0;padding:4px}.calendar-view-selector,.view-btn{display:flex;gap:var(--spacing-xs)}.view-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-md);transition:var(--transition);white-space:nowrap}.view-btn.active{background:var(--primary);color:#fff}.view-btn:hover:not(.active){background:var(--border-light);color:var(--text-primary)}.navigation-controls{flex-shrink:0;gap:var(--spacing-md)}.nav-btn,.navigation-controls{align-items:center;display:flex}.nav-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.8rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);transition:var(--transition)}.nav-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.current-month{color:var(--text-primary);font-size:1rem;font-weight:700;text-align:center}.calendar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.calendar-action-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);transition:var(--transition);white-space:nowrap}.calendar-action-btn.primary{background:var(--primary);color:#fff}.calendar-action-btn.primary:hover{background:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.calendar-action-btn.secondary{background:var(--background);border:1px solid var(--border);color:var(--text-secondary)}.calendar-action-btn.secondary:hover{background:var(--border-light);transform:translateY(-1px)}.calendar-action-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.55;transform:none!important}.mobile-sidebar-toggle-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:none;font-size:.85rem;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition)}.mobile-sidebar-toggle-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.calendar-grid-container{overflow-x:auto;padding:var(--spacing-sm)}.calendar-grid{grid-gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;gap:1px;grid-template-columns:repeat(7,1fr);min-width:0;overflow:auto}.day-header{background:var(--background);border-bottom:1px solid var(--border);color:var(--text-primary);direction:rtl;font-size:.78rem;font-weight:700;overflow:hidden;padding:var(--spacing-sm) var(--spacing-xs);text-align:center;text-overflow:ellipsis;white-space:nowrap}.day-header .short{display:none}.day-header .full{display:inline}.day-cell{background:var(--surface);border:1px solid var(--border-light);cursor:pointer;direction:rtl;min-height:120px;overflow:hidden;padding:3px var(--spacing-xs);transition:var(--transition)}.day-cell:hover{background:var(--background)}.day-cell.current-month{background:var(--surface)}.day-cell.other-month{background:var(--background);opacity:.5}.day-cell.today{background:linear-gradient(135deg,#122e4b0d,#122e4b1a);border:2px solid var(--primary)}.day-number{align-items:center;border-radius:50%;color:var(--text-primary);display:flex;flex-shrink:0;font-size:.78rem;font-weight:700;height:22px;justify-content:center;margin-bottom:2px;width:22px}.today .day-number{background:var(--primary);color:#fff}.events-container,.tasks-container{display:flex;flex-direction:column;gap:2px}.event-item,.task-item{border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.62rem;margin-bottom:1px;overflow:hidden;padding:1px var(--spacing-xs);text-overflow:ellipsis;transition:var(--transition);white-space:nowrap}.event-item:hover,.task-item:hover{box-shadow:var(--shadow-sm);transform:translateX(-2px)}.event-item.more-events,.task-item.more-tasks{background:var(--border);color:var(--text-secondary);text-align:center}.day-view,.week-view{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.week-header{background:var(--background);border-bottom:1px solid var(--border);display:grid}.week-time-label{color:var(--text-secondary);font-size:.85rem}.week-day-header,.week-time-label{border-left:1px solid var(--border);font-weight:600;padding:var(--spacing-md);text-align:center}.week-day-header{color:var(--text-primary);direction:rtl}.week-day-header.today{background:var(--primary);color:#fff}.day-grid,.week-grid{display:flex;flex-direction:column;max-height:70vh;overflow-y:auto}.time-slot{border-bottom:1px solid var(--border-light);display:grid;min-height:60px}.time-slot:last-child{border-bottom:none}.time-label{background:var(--background);border-left:1px solid var(--border);color:var(--text-secondary);font-size:.8rem;padding:var(--spacing-sm);text-align:center;white-space:nowrap}.day-slot{border-left:1px solid var(--border-light);cursor:pointer;direction:rtl;position:relative;transition:var(--transition)}.day-slot:hover{background:var(--background)}.calendar-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-lg);height:-webkit-fit-content;height:fit-content;padding:var(--spacing-lg);width:300px}.mobile-sidebar-close-btn{display:none}.mobile-sidebar-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000073;display:none;inset:0;position:fixed;z-index:998}.mobile-sidebar-backdrop.visible{display:block}.sidebar-section{background:var(--surface)}.section-title{align-items:center;border-bottom:2px solid var(--border);color:var(--text-primary);display:flex;font-size:1rem;font-weight:700;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.section-title span{color:var(--text-secondary);font-size:.8rem;font-weight:400}.sidebar-error{align-items:flex-start;background:#fee2e2;border-radius:8px;color:#ef4444;display:flex;font-size:.85rem;gap:8px;margin-bottom:10px;padding:10px}.group-header{align-items:center;background:var(--background);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition)}.group-header:hover{background:var(--border-light)}.group-title{color:var(--text-primary);font-weight:600}.group-actions,.group-title{align-items:center;display:flex;gap:var(--spacing-sm)}.group-actions{color:var(--text-secondary);font-size:.8rem}.group-icon{align-items:center;border-radius:4px;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;height:20px;justify-content:center;width:20px}.group-children{padding-right:var(--spacing-xl)}.calendar-items{display:flex;flex-direction:column;gap:2px}.calendar-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition)}.calendar-item:hover{background:var(--background)}.calendar-checkbox{align-items:center;border:2px solid;border-radius:4px;color:#fff;display:flex;font-size:.7rem;height:18px;justify-content:center;min-width:18px;transition:var(--transition);width:18px}.calendar-checkbox.checked{background:currentColor}.calendar-checkbox.checked svg{color:#fff}.calendar-name{align-items:center;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-badge{background:var(--background);border-radius:var(--radius-sm);color:var(--text-secondary);flex-shrink:0;font-size:.7rem;padding:2px var(--spacing-xs)}.calendar-item-actions{display:flex;flex-shrink:0;gap:2px;opacity:0;transition:var(--transition)}.calendar-item:hover .calendar-item-actions{opacity:1}.calendar-item-action{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:var(--transition);width:24px}.calendar-item-action:hover{background:var(--border);color:var(--text-primary)}.add-calendar-btn{align-items:center;background:#0000;border:2px dashed var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition);width:100%}.add-calendar-btn:hover{background:#122e4b0d;border-color:var(--primary);color:var(--primary)}.event-details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.event-details-header{align-items:center;background:var(--background);border-bottom:1px solid var(--border);display:flex;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-md)}.event-title{color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-close-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;min-width:28px;transition:var(--transition);width:28px}.event-close-btn:hover{background:var(--error);border-color:var(--error);color:#fff}.event-info{flex-direction:column;padding:var(--spacing-md)}.event-info,.info-item{display:flex;gap:var(--spacing-md)}.info-item{align-items:flex-start;font-size:.9rem}.info-label{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;min-width:24px;padding-top:4px;width:24px}.info-calendar-value{color:var(--text-primary);flex:1 1;min-width:0}.info-calendar-value input,.info-calendar-value select,.info-calendar-value textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family);font-size:.9rem;padding:var(--spacing-sm);transition:var(--transition);width:100%}.info-calendar-value input:focus,.info-calendar-value select:focus,.info-calendar-value textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #122e4b1a;outline:none}.time-range-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.time-range-inputs input{flex:1 1;min-width:80px}.time-range-sep{color:var(--text-secondary);font-size:.85rem;white-space:nowrap}.event-description{min-height:80px;resize:vertical}.event-actions{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md)}.color-row{display:flex;gap:6px}.hint{color:#666;display:block;font-size:.7rem;margin-top:2px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:300px}.spinning{animation:spin 1s linear infinite}.time-indicator{height:2px;left:0;right:0;z-index:2}.time-indicator,.time-indicator:before{background:var(--error);position:absolute}.time-indicator:before{border-radius:50%;content:"";height:8px;right:-4px;top:-4px;width:8px}.error-message{align-items:center;background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin:var(--spacing-md);padding:var(--spacing-md)}.error-message button{background:var(--error);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition)}.error-message button:hover{background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}input[type=color]{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;height:40px;padding:4px;width:100%}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}textarea{font-family:var(--font-family);resize:vertical}.cal-toast{border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;left:50%;max-width:90vw;overflow:hidden;padding:10px 20px;position:fixed;text-overflow:ellipsis;top:20px;transform:translateX(-50%);white-space:nowrap;z-index:2000}.cal-toast--success{background:#10b981}.cal-toast--error{background:#ef4444}.cal-toast--warning{background:#f59e0b}.calendar-grid,.day-cell,.day-header{direction:rtl}.day-view,.week-view{direction:ltr}.day-slot,.time-label,.week-day-header{direction:rtl}@media (max-width:1200px){.calendar-content{flex-direction:column}.calendar-sidebar{width:100%}}@media (max-width:900px){.calendar-content{margin:var(--spacing-lg) auto;padding:0 var(--spacing-md)}.current-month{font-size:1.1rem;min-width:160px}}@media (max-width:768px){.calendar-content{flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-md) auto;padding:0 var(--spacing-sm)}.calendar-controls{align-items:stretch;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-sm)}.calendar-view-selector{justify-content:center;width:100%}.view-btn{flex:1 1;font-size:.82rem;justify-content:center;padding:var(--spacing-sm)}.navigation-controls{flex-wrap:nowrap;gap:var(--spacing-sm);justify-content:center;width:100%}.nav-btn{flex-shrink:0;font-size:.82rem;padding:8px 12px}.current-month{flex:1 1;font-size:.9rem;min-width:110px;text-align:center}.calendar-actions{justify-content:center;width:100%}.mobile-sidebar-toggle-btn{display:inline-flex}.calendar-grid-container{padding:var(--spacing-sm)}.day-header .full{display:none}.day-header .short{display:inline}.day-header{font-size:.68rem;padding:4px 2px}.day-cell{min-height:62px;padding:2px}.day-number{font-size:.72rem;height:20px;width:20px}.event-item,.task-item{font-size:.58rem;padding:1px 2px}.week-time-label{font-size:.66rem;padding:4px 2px}.week-day-header{font-size:.68rem;padding:4px 2px}.time-slot{min-height:44px}.time-label{font-size:.62rem;padding:2px}.error-message{flex-direction:column;text-align:center}.error-message button{width:100%}.calendar-sidebar{-webkit-overflow-scrolling:touch;border-radius:0;box-shadow:-6px 0 30px #00000038;height:100dvh;max-width:320px;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:88%;z-index:999}.calendar-sidebar.mobile-sidebar-open{top:6rem;transform:translateX(0)}.calendar-sidebar.mobile-sidebar-hidden{top:6rem;transform:translateX(100%)}.mobile-sidebar-close-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);width:100%}.event-actions{justify-content:stretch}.event-actions .calendar-action-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.day-cell{min-height:52px;padding:1px}.day-number{font-size:.64rem;height:18px;width:18px}.day-header{font-size:.58rem;padding:3px 1px}.event-item,.task-item{border-radius:2px;font-size:.52rem;padding:1px}.view-btn{font-size:.75rem;padding:6px}.nav-btn{font-size:.78rem;padding:6px 10px}.current-month{font-size:.82rem;min-width:90px}.calendar-action-btn{font-size:.8rem;padding:7px 10px}.time-slot{min-height:38px}.time-label{font-size:.56rem;padding:1px}.week-day-header,.week-time-label{font-size:.6rem;padding:3px 1px}.calendar-sidebar{width:95%}}@media (max-width:360px){.day-cell{min-height:44px}.day-number{font-size:.58rem;height:16px;width:16px}.calendar-grid-container{padding:3px}.navigation-controls{gap:4px}.current-month{font-size:.78rem;min-width:80px}}.settings-container{margin:0 auto;max-width:100%;min-height:calc(100vh - 80px);padding:var(--spacing-lg) var(--spacing-md);width:100%}.settings-header{margin-bottom:var(--spacing-lg)}.settings-header-content{text-align:right}.settings-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:clamp(1.2rem,4vw,1.6rem);font-weight:700;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.header-icon{color:var(--primary);font-size:1.6rem}.settings-header p{color:var(--text-secondary);font-size:clamp(.8rem,2.5vw,.95rem);opacity:.8}.settings-main-layout{grid-gap:.5rem;align-items:stretch;display:grid;gap:.5rem;grid-template-columns:320px minmax(0,1fr);height:calc(112vh - 220px);margin-bottom:var(--spacing-md);margin-left:.5rem;margin-right:.5rem;margin-top:var(--spacing-md)}.settings-content-panel,.settings-sidebar-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden}.settings-content-panel{min-width:0}.panel-header{align-items:center;background:linear-gradient(135deg,#10b9810a,#16694e0d);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.panel-header h3{color:var(--text-primary);display:flex;flex-direction:column;font-size:.95rem;font-weight:600;gap:4px;margin-bottom:2px}.panel-subtitle{color:var(--text-muted);font-size:.7rem;font-weight:400}.settings-tabs-list{flex:1 1;overflow-y:auto;padding:12px 8px}.settings-tab-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:10px;margin:4px;padding:10px 12px;position:relative;text-align:right;transition:var(--transition);width:100%}.settings-tab-btn:before{background:linear-gradient(180deg,#10b981e6,#2d4059e6);border-radius:999px;content:"";height:55%;inset-inline-start:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition);width:3px}.settings-tab-btn:hover{background-color:#10b9810f}.settings-tab-btn.active{background-color:#10b9811f;box-shadow:0 0 0 1px #10b9814d}.settings-tab-btn.active:before{opacity:1}.tab-icon{align-items:center;color:var(--primary);display:inline-flex;font-size:1.1rem}.tab-label{flex:1 1}.tab-active-indicator{animation:pulse 2s infinite;background:var(--primary);border-radius:50%;height:6px;width:6px}.settings-form-area{background:var(--surface);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex:1 1;overflow-x:auto;overflow-y:auto;padding:var(--spacing-md)}.form-section{animation:fadeIn .3s ease-out}.form-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.form-group{gap:6px}.form-group.full-width{grid-column:span 2}.form-label{font-size:.75rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--primary-light)}.form-hint{color:var(--text-muted);font-size:.7rem;margin-top:4px}.radio-group{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);padding:var(--spacing-xs) 0}.radio-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;gap:8px}.radio-label input[type=radio]{accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.toggle-group{margin-bottom:var(--spacing-sm)}.toggle-label{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;padding:12px 16px;transition:var(--transition)}.toggle-label:hover{background:#10b9810a;border-color:var(--primary-light)}.toggle-text{flex:1 1}.toggle-text strong{color:var(--text-primary);display:block;font-size:.85rem;margin-bottom:4px}.toggle-text span{color:var(--text-muted);font-size:.7rem}.toggle-switch{flex-shrink:0;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--border);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;bottom:3px;height:22px;left:3px;transition:.3s;width:22px}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.settings-list{flex-direction:column}.form-actions,.settings-list{display:flex;gap:var(--spacing-sm)}.form-actions{background:linear-gradient(135deg,#10b98105,#16694e08);border-top:1px solid var(--border);justify-content:flex-end;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.btn-primary{background:var(--primary);border-radius:var(--radius-md);font-size:.8rem;gap:8px;padding:10px 24px;transition:var(--transition)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--surface);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;gap:8px;padding:10px 20px;transition:var(--transition)}.btn-secondary:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.loading-state{color:var(--text-secondary);gap:var(--spacing-md);padding:var(--spacing-xl)}.spinner{animation:spin 1s linear infinite;color:var(--primary)}.toast-containers{display:flex;flex-direction:column;gap:10px;left:20px;position:fixed;top:20px;z-index:1000}.toast{animation:slideInRight .3s ease-out;background:var(--surface);border-radius:var(--radius-md);border-right:4px solid;box-shadow:var(--shadow-lg);gap:12px;min-width:280px;padding:12px 16px}.toast-success{background:linear-gradient(135deg,#fff,#f0fdf4);border-right-color:#10b981;border-right-color:var(--success,#10b981)}.toast-error{background:linear-gradient(135deg,#fff,#fef2f2);border-right-color:#ef4444;border-right-color:var(--danger,#ef4444)}.toast-info{background:linear-gradient(135deg,#fff,#eff6ff);border-right-color:#3b82f6;border-right-color:var(--info,#3b82f6)}.toast-icon{font-size:1.1rem}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger)}.toast-info .toast-icon{color:var(--info)}.toast-message{color:var(--text-primary);flex:1 1;font-size:.85rem}.toast-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:var(--transition)}.toast-close:hover{background:#0000000d;color:var(--text-primary)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.settings-form-area::-webkit-scrollbar,.settings-tabs-list::-webkit-scrollbar{width:6px}.settings-form-area::-webkit-scrollbar-track,.settings-tabs-list::-webkit-scrollbar-track{background:var(--border);border-radius:var(--radius-full)}.settings-form-area::-webkit-scrollbar-thumb,.settings-tabs-list::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-full)}@media (max-width:992px){.settings-main-layout{gap:16px;grid-template-columns:1fr;height:auto}.settings-sidebar-panel{max-height:280px}.settings-tabs-list{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:12px}.settings-tab-btn{justify-content:center;min-width:100px;width:auto}.settings-tab-btn:before{display:none}.settings-tab-btn.active{border-bottom:2px solid var(--primary)}.form-grid{gap:var(--spacing-sm)}}@media (max-width:768px){.settings-container{padding:var(--spacing-md)}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.panel-header{align-items:flex-start;flex-direction:column}.settings-tab-btn{font-size:.75rem;min-width:80px;padding:8px 12px}.tab-icon{font-size:.9rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.toggle-label{align-items:flex-start;flex-direction:column;gap:12px}.toggle-switch{align-self:flex-end}}@media (max-width:576px){.settings-container{padding:var(--spacing-sm)}.settings-header h1{font-size:1.1rem}.panel-header h3{font-size:.85rem}.settings-form-area{padding:var(--spacing-sm)}.form-input,.form-select,.form-textarea{font-size:.75rem;padding:8px 10px}.radio-group{flex-direction:column;gap:var(--spacing-xs)}.toast{margin:0 20px;min-width:auto;width:calc(100% - 40px)}.toast-containers{left:0;right:0}}@media print{.form-actions,.toast-containers{display:none}.settings-main-layout{display:block}.settings-sidebar-panel{display:none}}.field-access-model-tabs{border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.field-model-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.8rem;font-weight:500;gap:6px;padding:8px 14px;transition:var(--transition)}.field-model-btn:hover{background:#10b9810a;border-color:var(--primary-light);color:var(--primary)}.field-model-btn.active{background:#10b9811f;border-color:var(--primary);box-shadow:0 0 0 1px #10b98140;color:var(--primary)}.field-model-icon{align-items:center;display:inline-flex;font-size:.9rem}.field-access-summary{display:flex;gap:12px;margin-bottom:var(--spacing-md)}.field-summary-card{align-items:center;border:1px solid;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;min-width:100px;padding:12px 20px}.field-summary-card.mandatory{background:#ef44440d;border-color:#ef44444d}.field-summary-card.optional{background:#10b9810d;border-color:#10b9814d}.summary-count{font-size:1.5rem;font-weight:700;line-height:1}.field-summary-card.mandatory .summary-count{color:#ef4444;color:var(--danger,#ef4444)}.field-summary-card.optional .summary-count{color:var(--primary)}.summary-label{color:var(--text-muted);font-size:.7rem}.field-access-hint{align-items:center;background:#3b82f60f;border:1px solid #3b82f633;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.78rem;gap:8px;margin-bottom:var(--spacing-md);padding:10px 14px}.field-access-hint svg{color:#3b82f6;flex-shrink:0}.field-access-list{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--spacing-md)}.field-access-row{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:12px;justify-content:space-between;padding:12px 16px;transition:var(--transition)}.field-access-row:hover{background:#10b98105;border-color:var(--primary-light)}.field-access-row.is-mandatory{border-right:3px solid #ef444480}.field-access-row.is-optional{border-right:3px solid #10b98180}.field-access-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.field-access-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.field-access-key{color:var(--text-muted);direction:ltr;font-family:var(--font-family);font-size:.68rem;text-align:right}.field-access-controls{border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-shrink:0;overflow:hidden}.field-type-btn{background:var(--surface);border:none;color:var(--text-muted);cursor:pointer;font-family:var(--font-family);font-size:.75rem;font-weight:500;padding:6px 14px;transition:var(--transition)}.field-type-btn:not(:last-child){border-left:1px solid var(--border)}.field-type-btn:hover:not(.active){background:#0000000a;color:var(--text-primary)}.field-type-btn.active.mandatory-btn{background:#ef44441a;color:#dc2626;font-weight:600}.field-type-btn.active.optional-btn{background:#10b9811f;color:var(--primary);font-weight:600}@media (max-width:768px){.field-access-row{align-items:flex-start;flex-direction:column;gap:10px}.field-access-controls{align-self:flex-end}.field-access-summary{flex-wrap:wrap}.field-model-btn{font-size:.75rem;padding:6px 10px}}@media (max-width:576px){.field-access-model-tabs{gap:6px}.field-model-btn{flex:1 1;justify-content:center;min-width:calc(50% - 6px)}}.preinvoice-form-container{font-size:2rem;font-weight:700;letter-spacing:-.025em}.error-alert{align-items:center;animation:slideInDown .3s ease;background:linear-gradient(135deg,#fef3f2,#fff6f6);border:1px solid #fecaca;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:16px;margin-left:1rem;margin-right:1rem;padding:12px 16px}.error-content{gap:10px}.error-icon{color:#dc2626;font-size:1.2rem}.error-alert span:not(.error-icon){color:#7c2d12;font-size:.85rem;line-height:1.4}.retry-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;margin-right:8px;padding:6px 14px;transition:all .2s;white-space:nowrap}.retry-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 2px 8px #dc262633;transform:translateY(-1px)}.loading-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #122e4b1a}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-type-btn.compact:disabled{background:var(--gray-300);cursor:not-allowed;opacity:.5}.modal-item-detail.stock{color:var(--success);cursor:pointer;font-weight:600;pointer-events:none}.edit-input{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:.75rem;padding:4px 6px;transition:all .2s;width:100%}.edit-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #122e4b26;outline:none}.editing-row{background-color:#122e4b0d!important;border-left:3px solid var(--primary)}.add-item-btn.compact.loading{cursor:not-allowed;opacity:.7}.add-item-btn.compact.loading:after{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";display:inline-block;height:12px;margin-right:4px;width:12px}.category-badge{background:var(--secondary-blue);color:var(--primary);display:inline-block;font-weight:500;margin-right:4px;padding:2px 6px}.category-badge,.item-status{border-radius:10px;font-size:.7rem}.item-status{align-items:center;display:inline-flex;gap:3px;padding:1px 6px}.item-status.active{background:#22c55e1a;color:var(--success)}.item-status.inactive{background:#ef44441a;color:var(--error)}.actions.compact{align-items:center;display:flex;gap:6px}.payment-btn.compact,.print-btn.compact,.reference-btn.compact,.save-btn.compact{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:var(--font-family);font-size:.8rem;font-weight:500;gap:5px;height:36px;padding:8px 16px;transition:all .2s}.save-btn.compact{background:var(--success)}.reference-btn.compact{background:var(--primary)}.reference-btn.compact,.save-btn.compact:hover{background:#0da271;transform:translateY(-1px)}.print-btn.compact{background:var(--warning)}.print-btn.compact:hover{background:#e5940b;transform:translateY(-1px)}.payment-btn.compact{background:var(--secondary)}.payment-btn.compact:hover{background:var(--success);transform:translateY(-1px)}.invoice-form-container.compact{box-sizing:border-box;height:calc(100vh - 90px);overflow-y:visible;padding:10px 20px}.invoice-form.compact{display:flex;flex-direction:column;gap:3px;height:100%}.form-section.compact{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;padding:6px}.section-headers.compact{align-items:center;display:flex;gap:7px;justify-content:space-between;margin-bottom:10px}@media (max-width:768px){.section-headers.compact{flex-wrap:wrap;gap:8px}}.summary-header{display:flex;justify-content:space-between}.section-invoice-title.compact{border-bottom:2px solid var(--secondary-blue);color:var(--primary);font-size:1rem;font-weight:600;padding-bottom:8px}.section-tableheader.compact{align-items:center;display:flex;justify-content:space-between}.section-actions.compact{align-items:center;display:flex;gap:3px;padding-bottom:8px}@media (max-width:576px){.section-actions.compact{flex-wrap:wrap;gap:4px}.add-item-btn.compact{font-size:.75rem;padding:6px 8px}}.section-actions.compact .add-item-btn.compact{align-items:center;background:#7aa899;border:1px solid #213021;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:5px;height:32px;padding:8px 12px;transition:all .2s}.add-item-btn.compact:hover{background:var(--primary-dark);transform:translateY(-1px)}.sale-form-grid.compact{display:flex;gap:2rem}@media (max-width:992px){.sale-form-grid.compact{flex-wrap:wrap;gap:1rem}.form-invoice-group.compact{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1;min-width:140px}}@media (max-width:576px){.sale-form-grid.compact{flex-direction:column;gap:.5rem}.form-invoice-group.compact{flex:1 1 100%;width:100%}.modern_header-input.compact{min-width:0;min-width:auto;width:100%}}.form-invoice-group.compact{align-items:center;display:flex;flex-direction:row;gap:5px}.form-invoice-group.compact label{color:var(--text-primary);flex-shrink:0;font-size:.8rem;font-weight:600;white-space:nowrap}.modern-input.compact,.modern-textarea.compact{min-width:0;width:100%}.modern-input.compact,.modern-textarea.compact,.modern_header-input.compact{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family);font-size:.8rem;height:30px;padding:1px;transition:all .2s}.modern_header-input.compact{min-width:8rem}.modern-input.compact:focus,.modern-textarea.compact:focus,.modern_header-input.compact:focus{border-color:var(--primary);box-shadow:0 0 0 3px #122e4b1a;outline:none}.modern-input.compact.small{width:80px}.modern-input.compact.medium{width:100px}.modern-textarea.compact{height:auto;min-height:60px;padding:10px 12px;resize:vertical}.customer-selection-input.compact,.item-selection-input.compact{cursor:pointer;display:flex;flex:auto;margin-top:1px;position:relative}.select-icon.compact{color:var(--text-muted);font-size:1rem;position:absolute;right:135px;top:50%;transform:translateY(-50%)}.invoice-content.compact{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:7px;height:calc(100% - 50px);max-height:600px;max-height:48rem;min-height:500px;padding:0}@media (max-width:1200px){.invoice-content.compact{gap:15px;grid-template-columns:1fr;height:auto;min-height:auto}.invoice-summary-card.compact{margin-top:0;order:2}}@media (max-width:768px){.invoice-content.compact{display:flex;flex-direction:column;gap:15px;height:auto;min-height:auto}.invoice-summary-card.compact{margin-top:0;max-width:100%;order:2;width:100%}}.invoice-items.compact{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:15px}@media (max-width:768px){.invoice-items.compact{height:auto;max-height:687px;min-height:350px;order:1}}@media (max-width:576px){.invoice-items.compact{max-height:400px;min-height:300px}}.items-table-scroll-container.compact{border:1px solid var(--border);border-radius:var(--radius-sm);flex:1 1;max-height:630px;min-height:300px;overflow-x:auto;overflow-y:auto;width:100%}@media (max-width:768px){.items-table-scroll-container.compact{max-height:350px;min-height:250px}}@media (max-width:576px){.items-table-scroll-container.compact{max-height:300px;min-height:200px}}.items-table.compact{border-collapse:collapse;min-width:800px;width:100%}@media (max-width:992px){.items-table.compact{min-width:700px}}@media (max-width:768px){.items-table.compact{min-width:600px}}@media (max-width:576px){.items-table.compact{min-width:500px}}.items-table.compact th{background:var(--gray-100);border-bottom:2px solid var(--border);color:var(--text-primary);font-size:.8rem;font-weight:600;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:right;top:0;vertical-align:bottom;z-index:10}.items-table.compact td{border-bottom:1px solid var(--border-light);font-size:.8rem;padding:8px 10px;position:relative;text-align:right;vertical-align:top}.items-table.compact tr:nth-child(2n){background-color:var(--gray-50)}.items-table.compact tr:hover{background-color:var(--gray-100)}.item-name-cell{display:flex;flex-direction:column;gap:2px}.item-code-sub{color:#9ca3af;color:var(--text-muted,#9ca3af);display:block;font-size:.7rem;line-height:1.2;max-width:160px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-name-cell .item-selection-input.compact{width:100%}.amount-display.compact{color:var(--text-primary);display:inline-block;font-size:.8rem;font-weight:600}.action-button{display:flex;gap:3px}.remove-item-btn.compact{align-items:center;background:var(--error);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.7rem;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.remove-item-btn.compact:hover{background:#dc2626;transform:translateY(-1px)}.table-row-count.compact{border-radius:0 0 var(--radius-sm) var(--radius-sm);color:var(--text-muted);direction:rtl;font-size:.8rem;padding:8px 10px}.invoice-summary-card.compact{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-width:100%;min-width:0;padding:12px}@media (max-width:1200px){.invoice-summary-card.compact{margin-top:0;max-width:100%;width:100%}}@media (max-width:768px){.invoice-summary-card.compact{max-width:100%;order:2;overflow:visible;padding:15px;width:100%}.summary-flex-item.compact{flex-direction:column;gap:8px}.summary-invoice-item.compact{height:auto;min-height:auto;width:100%}.form-actionsbutton.compact{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}}.summary-flex-item.compact{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:space-between;width:100%}.summary-invoice-grid.compact{background:#f9fafb;background:var(--gray-50,#f9fafb);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-sm);display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:visible;padding:6px 4px}.summary-invoice-item.compact{align-items:center;background:#0000;border:none;border-radius:0;box-sizing:border-box;display:flex;flex-direction:row;gap:8px;justify-content:space-between;min-width:0;padding:3px 8px;white-space:nowrap}.summary-invoice-grid.compact .invoice-discount-box.compact{border-left:none;margin-left:0}.summary-invoice-description{align-items:center;background:var(--gray-100);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;display:flex;flex-direction:row;font-size:.82rem;justify-content:space-between;padding:8px 10px}.summary-invoice-item.total.compact{background:#0000;border-left:none!important;border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);font-weight:700;margin-top:2px;padding-top:5px}.summary-invoice-item.total.compact label{color:var(--primary);font-size:.75rem;font-weight:600}.summary-invoice-item.total.compact .amount{color:var(--primary);font-size:.95rem;font-weight:800}@media (max-width:768px){.summary-invoice-grid.compact{flex-direction:column;gap:2px;width:18rem}.summary-invoice-item.compact{border:none;padding:3px 8px;width:100%}.summary-invoice-item.compact:last-child{border-bottom:none}}.summary-invoice-item.compact:first-child label{color:#475569}.summary-invoice-item.compact:nth-child(2) label{color:#dc2626}.summary-invoice-item.compact:nth-child(4) label{color:#0891b2}.summary-invoice-item.compact:nth-child(2) .amount{color:#dc2626}.summary-invoice-description label,.summary-invoice-item.compact label{color:var(--text-muted);font-size:.8rem;font-weight:700;line-height:1;white-space:nowrap}.summary-invoice-description .amount,.summary-invoice-item.compact .amount{color:var(--text-primary);display:inline;font-size:.8rem;font-weight:700;line-height:1;white-space:nowrap;width:auto}.summary-invoice-item.compact .amount.final{font-size:.95rem;font-weight:800}.description_and_button{display:flex;flex-direction:column;gap:10px;justify-content:space-between;width:60%}.form-actionsbutton.compact{align-items:stretch;display:flex;flex-direction:row;flex-shrink:0;gap:12px;max-width:338px}.actionbutton{display:flex;flex-direction:row;gap:2rem}@media (max-width:768px){.form-actionsbutton.compact{flex-wrap:wrap;justify-content:center}}@media (max-width:576px){.summary-invoice-item.compact{height:auto;min-height:auto;min-width:0;width:100%}.form-actionsbutton.compact{flex-direction:column;gap:8px}.action-print-btn.compact,.cancel-btn.compact,.submit-btn.compact{justify-content:center;width:100%}}.action-print-btn.compact,.cancel-btn.compact,.delete-invoice-btn.compact,.submit-btn.compact{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.8rem;font-weight:600;gap:5px;height:34px;justify-content:center;padding:8px 12px;transition:all .2s;white-space:nowrap;width:100%}.submit-btn.compact{background:var(--success);color:#fff}.submit-btn.compact:hover{background:#0da271;transform:translateY(-1px)}.cancel-btn.compact{background:#ff8300;color:#fff}.cancel-btn.compact:hover{background:#dc2626;transform:translateY(-1px)}.action-print-btn.compact{background:#f59e0b;background:var(--warning,#f59e0b);color:#fff}.action-print-btn.compact:hover{background:#e5940b;transform:translateY(-1px)}.action-print-btn.compact:disabled{cursor:not-allowed;opacity:.5;transform:none}.invoice-tabs-container.compact{margin-bottom:-7px;margin-top:4px}.invoice-tabs.compact{display:flex;gap:5px;margin-right:1rem;overflow-x:auto}.header_actions{justify-content:space-between;margin-bottom:-7px;margin-top:4px;padding-left:1.5rem}.header_actions,.invoice-tab.compact{align-items:center;display:flex;gap:5px}.invoice-tab.compact{background:var(--gray-200);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-size:.8rem;height:36px;min-width:120px;padding:8px 16px;transition:all .2s;white-space:nowrap}.invoice-tab.compact.active{background:var(--primary);color:#fff}.add-tab-btn.compact{align-items:center;background:var(--success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-family:var(--font-family);font-size:.8rem;gap:5px;height:36px;min-width:80px;padding:8px 12px;transition:all .2s}.add-tab-btn.compact:hover{background:#0da271;transform:translateY(-1px)}.modal.compact{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:95vw;overflow:hidden;padding:20px;width:40rem}.modal-header.compact{align-items:center;background:linear-gradient(135deg,#10b9810a,#16694e0d);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:15px;padding:12px 16px}.modal-header.compact h3{color:var(--primary);font-size:1rem;font-weight:600;margin:0}.close-btn.compact{align-items:center;background:var(--gray-200);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:all .2s;width:28px}.close-btn.compact:hover{background:var(--gray-300);transform:rotate(90deg)}.search-type-selector.compact{display:flex;gap:5px;margin-bottom:15px;overflow-x:auto;padding-bottom:10px}.search-type-btn.compact{background:var(--gray-100);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.75rem;padding:8px 12px;text-align:center;transition:all .2s;white-space:nowrap}.search-type-btn.compact.active{background:var(--primary);border-color:var(--primary);color:#fff}.search-container.compact{margin-bottom:15px}.search-row.compact{align-items:center;display:flex;gap:10px;width:100%}.search-input-container.compact{flex:1 1;position:relative}.search-input-container.compact .modern-input.compact{padding-right:40px;width:100%}.search-icon.compact{color:var(--text-muted);font-size:1rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-method-select-compact{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-size:.8rem;height:36px;min-width:100px;padding:8px 12px;transition:all .2s}.modal-list.compact{border:1px solid var(--border);border-radius:var(--radius-sm);flex:1 1;max-height:400px;overflow-y:auto}.modal-list-item.compact{align-items:center;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;padding:12px 15px;transition:all .2s}.modal-list-item.compact:hover{background-color:var(--secondary-blue)}.modal-list-item.compact.highlighted{background-color:#122e4b0f;border-left:3px solid var(--primary);padding-left:12px}.modal-item-info.compact{display:flex;flex:1 1;flex-direction:column;gap:5px}.modal-item-title.compact{color:var(--text-primary);font-size:.9rem;font-weight:600}.modal-item-subtitle.compact{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:15px;pointer-events:none}.modal-item-detail{align-items:center;cursor:pointer;display:inline-flex;gap:5px;pointer-events:none}.modal-select-icon.compact{color:var(--primary);flex-shrink:0;font-size:1rem;margin-right:10px}.modal-loading.compact{align-items:center;color:var(--text-muted);display:flex;font-size:.9rem;justify-content:center;padding:40px 20px}.success-modal{background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 10px 40px #0000001a;color:var(--text-primary);display:flex;flex-direction:column;gap:20px;max-width:95vw;padding:24px;width:700px}.success-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.success-badge{align-items:center;background:var(--success);border-radius:20px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:6px 16px}.success-badge:before{content:"✓";font-size:.9rem}.success-title{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin:0 0 4px}.success-sub{color:var(--text-muted);font-size:.9rem;margin:0}.success-body{display:flex;flex-direction:column;gap:16px}.success-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.success-card-title{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:600;gap:6px;margin-bottom:12px}.success-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.success-info-item{display:flex;flex-direction:column;gap:4px}.success-info-label{color:var(--text-muted);font-size:.8rem}.success-info-value{color:var(--text-primary);font-size:.95rem;font-weight:600}.success-table-container{border:1px solid var(--border-light);border-radius:6px;max-height:200px;overflow-y:auto}.success-table{border-collapse:collapse;width:100%}.success-table th{background:var(--gray-100);border-bottom:1px solid var(--border);font-weight:600;padding:10px 12px}.success-table td,.success-table th{color:var(--text-primary);font-size:.85rem;text-align:right}.success-table td{border-bottom:1px solid var(--border-light);padding:8px 12px}.success-table tr:last-child td{border-bottom:none}.success-table tr:hover td{background-color:#00000003}.success-summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.success-summary-invoice-item{align-items:center;background:var(--gray-50);border:1px solid var(--border);border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px}.success-summary-invoice-item.total{background:var(--primary);color:#fff}.success-summary-invoice-item.total .success-summary-label,.success-summary-invoice-item.total .success-summary-value{color:#fff}.success-summary-label{color:var(--text-primary);font-size:.85rem;font-weight:500}.success-summary-value{color:var(--text-primary);font-size:.9rem;font-weight:600}.success-actions{border-top:1px solid var(--border-light);display:flex;gap:10px;justify-content:flex-end;margin-top:8px;padding-top:16px}.success-actions .print-btn{background:var(--primary)}.success-actions .new-btn,.success-actions .print-btn{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 20px;transition:background .2s}.success-actions .new-btn{background:var(--success)}.success-actions .close-primary{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500;padding:7px 18px;transition:background .2s}.success-actions .print-btn:hover{background:var(--primary-dark)}.success-actions .new-btn:hover{background:#0da271}.success-actions .close-primary:hover{background:var(--gray-100)}@media (max-width:768px){.success-modal{gap:16px;padding:20px}.success-info-grid,.success-summary-grid{grid-template-columns:1fr}.success-actions{flex-wrap:wrap}.success-actions .close-primary,.success-actions .new-btn,.success-actions .print-btn{flex:1 1;justify-content:center;min-width:120px}.success-table td,.success-table th{font-size:.8rem;padding:8px 10px}}@media (max-width:480px){.success-modal{padding:16px}.success-title{font-size:1.1rem}.success-card{padding:12px}.success-actions{flex-direction:column}.success-actions .close-primary,.success-actions .new-btn,.success-actions .print-btn{width:100%}}.pagination{gap:8px;margin-top:15px;padding:10px}.page-btn{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;transition:all .2s;width:32px}.page-btn:hover:not(:disabled){background:var(--gray-100)}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:var(--text-muted);font-size:.8rem;margin:0 10px}@media (max-width:1200px){.invoice-content.compact{gap:15px;grid-template-columns:1fr}.invoice-summary-card.compact{margin-top:0;order:2}}@media (max-width:992px){.page-title.compact h1{font-size:1rem}.sale-form-grid.compact{gap:1rem}.items-table.compact{min-width:700px}.items-table-scroll-container.compact{max-height:400px}.modal.compact{padding:15px;width:85%}.error-alert{align-items:stretch;flex-direction:column;gap:10px}.retry-btn{align-self:flex-end;margin-right:0}.summary-flex-item.compact{gap:11rem;width:13rem}}@media (max-width:768px){.page-title.compact{padding-right:0;text-align:center}.actions.compact{justify-content:center;width:100%}.form-section.compact{padding:12px}.section-invoice-title.compact{font-size:.95rem}.sale-form-grid.compact{gap:2px;grid-template-columns:1fr}.modern-input.compact.medium,.modern-input.compact.small{width:100%}.items-table.compact{min-width:600px}.items-table-scroll-container.compact{max-height:350px}.summary-invoice-description,.summary-invoice-item.compact{padding:8px 10px}.invoice-summary-card.compact{min-height:auto;overflow:visible}.modal.compact{padding:12px;width:90%}.modal-header.compact h3{font-size:.95rem}.search-type-selector.compact{flex-wrap:wrap}.search-type-btn.compact{flex-basis:calc(50% - 5px);flex-grow:0;flex-shrink:0;font-size:.7rem;padding:6px 8px}.invoice-tab.compact{font-size:.75rem;min-width:100px;padding:6px 12px}.invoice-content.compact{display:flex;flex-direction:column;height:auto;min-height:auto}.invoice-summary-card.compact{margin-top:0;max-width:100%;order:2;width:100%}.summary-invoice-grid.compact{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.description_and_button{flex-direction:column}}@media (max-width:576px){.actions.compact{flex-wrap:wrap;gap:5px}.payment-btn.compact,.print-btn.compact,.save-btn.compact{font-size:.75rem;height:32px;padding:6px 12px}.form-section.compact{padding:10px}.items-table.compact{min-width:500px}.items-table-scroll-container.compact{max-height:300px;min-height:200px}.items-table.compact td,.items-table.compact th{font-size:.75rem;padding:6px 8px}.modal.compact{padding:10px;width:95%}.modal-list.compact{max-height:300px}.error-alert{padding:10px}.error-icon{font-size:1rem}.invoice-items.compact{max-height:400px;min-height:300px}.summary-invoice-grid.compact{grid-template-columns:1fr}.invoice-summary-card.compact{padding:12px}}.items-table-scroll-container.compact::-webkit-scrollbar{width:8px}.items-table-scroll-container.compact::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.items-table-scroll-container.compact::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.items-table-scroll-container.compact::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.modal-list.compact::-webkit-scrollbar{width:6px}.modal-list.compact::-webkit-scrollbar-track{background:var(--gray-100)}.modal-list.compact::-webkit-scrollbar-thumb{background:var(--gray-400)}@media (max-width:480px){.invoice-content.compact{gap:10px}.form-section.compact{padding:8px}.section-invoice-title.compact{font-size:.9rem}.items-table.compact{min-width:450px}.summary-invoice-description,.summary-invoice-item.compact{align-items:center;flex-direction:row;gap:5px;height:auto;min-height:3rem;min-width:0;width:100%}.summary-invoice-description label,.summary-invoice-item.compact label{text-align:right;white-space:nowrap;width:auto}.summary-invoice-description .amount,.summary-invoice-item.compact .amount{flex:1 1;text-align:left}.form-actionsbutton.compact{flex-direction:column;gap:8px}.cancel-btn.compact,.submit-btn.compact{justify-content:center;width:100%}}.cancel-item-btn.compact,.edit-item-btn.compact,.remove-item-btn.compact,.save-item-btn.compact{align-items:center;border:none;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;font-size:.7rem;height:28px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:28px}.edit-item-btn.compact{background:linear-gradient(135deg,var(--info),#0ea5e9);border:1px solid #0ea5e9;color:#fff}.edit-item-btn.compact:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 2px 6px #0ea5e94d;transform:translateY(-1px) scale(1.05)}.remove-item-btn.compact{background:linear-gradient(135deg,var(--error),#dc2626);border:1px solid #dc2626;color:#fff}.remove-item-btn.compact:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 6px #dc26264d;transform:translateY(-1px) scale(1.05)}.remove-item-btn.compact:disabled{background:var(--gray-400);border-color:var(--gray-400);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.save-item-btn.compact{background:linear-gradient(135deg,var(--success),#10b981);border:1px solid #10b981;color:#fff}.save-item-btn.compact:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b9814d;transform:translateY(-1px) scale(1.05)}.cancel-item-btn.compact{background:linear-gradient(135deg,var(--gray-500),#6b7280);border:1px solid #6b7280;color:#fff}.cancel-item-btn.compact:hover{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 6px #6b72804d;transform:translateY(-1px) scale(1.05)}.cancel-item-btn.compact:after,.edit-item-btn.compact:after,.remove-item-btn.compact:after,.save-item-btn.compact:after{background:#ffffff1a;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:100%}.cancel-item-btn.compact:hover:after,.edit-item-btn.compact:hover:after,.remove-item-btn.compact:hover:after,.save-item-btn.compact:hover:after{opacity:1}.cancel-item-btn.compact svg,.edit-item-btn.compact svg,.remove-item-btn.compact svg,.save-item-btn.compact svg{font-size:.8rem;position:relative;z-index:1}.items-table.compact td:last-child{min-width:90px;padding:4px 8px}.items-table.compact td:last-child .actions.compact{align-items:center;display:flex;gap:4px;justify-content:center}.items-table.compact tr:hover .edit-item-btn.compact,.items-table.compact tr:hover .remove-item-btn.compact{opacity:1}@media (max-width:768px){.cancel-item-btn.compact,.edit-item-btn.compact,.remove-item-btn.compact,.save-item-btn.compact{height:26px;width:26px}.cancel-item-btn.compact svg,.edit-item-btn.compact svg,.remove-item-btn.compact svg,.save-item-btn.compact svg{font-size:.7rem}.items-table.compact td:last-child{min-width:80px}}@media (max-width:576px){.cancel-item-btn.compact,.edit-item-btn.compact,.remove-item-btn.compact,.save-item-btn.compact{height:24px;width:24px}.items-table.compact td:last-child .actions.compact{gap:3px}}.table-row{border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.table-row.isActive{background-color:#e0f2fe;border-left:4px solid #0ea5e9;box-shadow:0 4px 6px -1px #0000001a;transform:scale(1.005)}.table-row.isEditing{background-color:#fff;z-index:10}@keyframes pulse-edit{0%{box-shadow:0 0 0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 0 0 #6366f100}}.summary-invoice-item.compact .amount.tax{color:#0891b2}.summary-invoice-item.compact .amount.final{color:#122e4b;color:var(--primary,#122e4b);font-size:1.05rem}.summary-invoice-item textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.summary-invoice-item textarea::placeholder{color:#94a3b8;font-size:12px}.description-slide-panel{background:var(--surface);border-right:1px solid var(--border);box-shadow:4px 0 20px #00000026;display:flex;flex-direction:column;height:100vh;left:-380px;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:360px;z-index:1001}.description-slide-panel.open{left:0}.description-panel-header{align-items:center;background:var(--primary);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.description-panel-header h3{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0}.close-panel-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.close-panel-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.description-panel-content{flex:1 1;overflow-y:auto;padding:20px}.description-textarea{background:#f8fafc;border:1px solid var(--border);border-radius:12px;font-family:var(--font-family);font-size:.85rem;min-height:300px;padding:12px;resize:vertical;transition:all .2s;width:100%}.description-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.description-textarea::placeholder{color:#94a3b8;font-size:.8rem}.description-char-count{color:var(--text-muted);font-size:.7rem;margin-top:8px;text-align:left}.desc-badge{align-items:center;background:#e0f2fe;border-radius:20px;color:#0284c7;cursor:help;display:inline-flex;font-size:.7rem;font-weight:500;gap:4px;margin-left:8px;padding:4px 8px}@media (max-width:768px){.description-slide-panel{left:-85%;width:85%}.floating-desc-btn{bottom:70px;height:44px;left:12px;width:44px}.floating-desc-btn svg{height:18px;width:18px}.description-textarea{min-height:200px}}.sidebar-open .floating-desc-btn{transition:left .3s ease}@media (max-width:992px){.sidebar-open .floating-desc-btn{left:20px}}.description-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.invoice-discount-box.compact{align-items:center;background:#0000;border:none;border-radius:0;box-sizing:border-box;display:flex;flex-direction:row;gap:6px;justify-content:space-between;min-width:0;padding:3px 8px;white-space:nowrap}.invoice-discount-box-title{color:#f59e0b;font-size:.8rem;font-weight:700;line-height:1;white-space:nowrap}.invoice-discount-box-fields{align-items:center;display:flex;flex-direction:row;gap:8px;margin-right:auto}.invoice-discount-field{align-items:center;display:flex;flex-direction:row;gap:4px;min-width:0}.invoice-discount-field label{color:var(--text-muted);font-size:.68rem;font-weight:500;white-space:nowrap}.form-invoice-group.compact .react-datepicker-wrapper{width:8rem}.trans-date-picker .datepicker-popper{width:280px!important}.invoice-discount-field .modern-input.compact.small{background:#fff;border-color:var(--border);font-size:.75rem;height:1.4rem;padding:2px 4px;width:77px}.form-invoice-group.compact .datepicker-wrapper{width:130px!important}.invoice-discount-field .modern-input.compact.small:focus{border-color:var(--primary);box-shadow:0 0 0 2px #122e4b1a}.description-box{background:#f9fafb;background:var(--gray-50,#f9fafb);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-sm);flex:1 1;min-width:0;overflow:hidden}.description-box-header{align-items:center;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 8px}.description-box-textarea{background:#0000;border:none;box-sizing:border-box;color:#374151;display:block;font-family:var(--font-family);font-size:12px;height:calc(100% - 28px);min-height:60px;outline:none;padding:6px 8px;resize:none;width:100%}.delete-invoice-btn.compact{background:#dc2626;color:#fff}.delete-invoice-btn.compact:hover{background:#b91c1c}.selectable-row:hover{filter:brightness(.97)}:root{--primary:#1a3a6b;--primary-mid:#2563eb;--primary-light:#dbeafe;--accent:#b45309;--border:#d1d5db;--border-dark:#374151;--paper:#fff;--bg:#f1f5f9;--bg-2:#e8edf4;--text:#111827;--text-mid:#374151;--text-light:#6b7280;--shadow:#0000001a;--radius:10px;--radius-sm:6px;--success:#16a34a;--danger:#dc2626;--panel-w:320px}.template-editor-container{box-sizing:border-box;display:flex;flex-direction:column;margin-top:1.5rem;max-width:100%;min-height:100vh;overflow:hidden;transform:translateY(-2rem);width:100%}.editor-header{align-items:flex-start;border-bottom:2px solid #dbeafe;border-bottom:2px solid var(--primary-light);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.header-actions{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;justify-content:flex-end}.btn-secondary{align-items:center;background:#fff;border:1.5px solid #d1d5db;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#374151;color:var(--text-mid);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:12.5px;font-weight:500;gap:5px;padding:8px 14px;transition:all .18s ease}.btn-secondary:hover{background:#dbeafe;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary-mid);color:#2563eb;color:var(--primary-mid)}.btn-primary{align-items:center;background:linear-gradient(135deg,#2563eb,#1a3a6b);border:none;border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #2563eb4d;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:12.5px;font-weight:700;gap:5px;padding:9px 18px;transition:all .18s ease}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e3a8a)}.btn-danger{background:#fff;border:1.5px solid #dc2626;border:1.5px solid var(--danger);border-radius:6px;border-radius:var(--radius-sm);color:#dc2626;color:var(--danger);cursor:pointer;font-family:var(--font-family);font-size:12px;font-weight:600;padding:8px 14px;transition:all .15s}.btn-danger:hover{background:#fee2e2}.btn-danger.full-width{display:flex;justify-content:center;margin-top:8px;width:100%}.btn-invoice-select{align-items:center;background:#dbeafe;background:var(--primary-light);border:1.5px solid #2563eb;border:1.5px solid var(--primary-mid);border-radius:6px;border-radius:var(--radius-sm);color:#1a3a6b;color:var(--primary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:12.5px;font-weight:600;gap:5px;padding:8px 14px;transition:all .18s ease}.btn-invoice-select:hover{background:#2563eb;background:var(--primary-mid);color:#fff}.loaded-invoice-badge{align-items:center;background:#f0fdf4;border:1px solid #86efac;border-radius:6px;border-radius:var(--radius-sm);color:#15803d;display:flex;flex-wrap:wrap;font-size:12px;gap:6px;min-width:0;padding:6px 10px}.loaded-invoice-info{font-weight:600}.btn-clear-invoice{background:none;color:#15803d;font-size:13px;padding:0 2px}.btn-clear-invoice,.mini-btn{border:none;cursor:pointer;font-family:var(--font-family)}.mini-btn{border-radius:4px;font-size:11px;font-weight:600;padding:3px 8px}.mini-btn.success{background:#16a34a;background:var(--success);color:#fff}.mini-btn.danger{background:#dc2626;background:var(--danger);color:#fff}.mini-btn.neutral{background:#6b7280;background:var(--text-light);color:#fff}.editor-main{display:flex;flex-direction:column;padding:1rem}.editor-main,.editor-panels{flex:1 1;gap:16px;min-height:0;overflow:hidden}.editor-panels{grid-gap:16px;align-items:start;display:grid;grid-template-columns:320px 1fr;grid-template-columns:var(--panel-w) 1fr}.left-panel{background:#fff;border:1px solid #d1d5db;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow);display:flex;flex-direction:column;max-height:calc(113vh - 200px);min-height:0;overflow:hidden;position:-webkit-sticky;position:sticky;top:16px;z-index:100}.tab-bar{background:#f1f5f9;background:var(--bg);border-bottom:1.5px solid #d1d5db;border-bottom:1.5px solid var(--border);display:flex}.tab-btn{background:#0000;border:none;border-bottom:2.5px solid #0000;color:#6b7280;color:var(--text-light);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:11px;font-weight:600;margin-bottom:-1.5px;padding:10px 4px;transition:all .15s}.tab-btn.active{background:#fff;border-bottom-color:#2563eb;border-bottom-color:var(--primary-mid);color:#2563eb;color:var(--primary-mid)}.tab-btn:hover:not(.active){color:#374151;color:var(--text-mid)}.panel-content{flex:1 1;overflow-y:auto;padding:14px}.panel-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.col-count{background:#f1f5f9;background:var(--bg);border-radius:50px;color:#6b7280;color:var(--text-light);font-size:10.5px;margin-right:auto;padding:2px 8px}.col-group{margin-bottom:12px}.col-group-title{border-bottom:1px solid #dbeafe;border-bottom:1px solid var(--primary-light);color:#1a3a6b;color:var(--primary);font-size:10.5px;font-weight:700;letter-spacing:.6px;margin-bottom:4px;padding:5px 0 4px;text-transform:uppercase}.col-row{align-items:center;border-radius:4px;display:flex;justify-content:space-between;padding:4px 2px;transition:background .1s}.col-row:hover{background:#f1f5f9;background:var(--bg)}.col-toggle{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:6px}.col-toggle input[type=checkbox]{accent-color:#2563eb;accent-color:var(--primary-mid);cursor:pointer;height:14px;width:14px}.col-label{color:#6b7280;color:var(--text-light);font-size:12px;transition:color .15s}.col-label.active{color:#111827;color:var(--text);font-weight:500}.col-order-btns{display:flex;gap:2px}.order-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--border);border-radius:3px;color:#6b7280;color:var(--text-light);cursor:pointer;display:flex;font-size:11px;height:20px;justify-content:center;transition:all .12s;width:20px}.order-btn:hover{background:#dbeafe;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary-mid);color:#2563eb;color:var(--primary-mid)}.active-cols-preview{background:#f1f5f9;background:var(--bg);border:1px dashed #d1d5db;border:1px dashed var(--border);border-radius:6px;border-radius:var(--radius-sm);margin-top:14px;padding:10px}.preview-label{color:#6b7280;color:var(--text-light);font-size:10.5px;font-weight:600;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.active-cols-chips{display:flex;flex-wrap:wrap;gap:4px}.col-chip{background:#dbeafe;background:var(--primary-light);border-radius:50px;color:#1a3a6b;color:var(--primary);font-size:10px;font-weight:600;padding:2px 7px}.no-col-warning{color:#dc2626;color:var(--danger);font-size:11px;font-weight:600}.settings-group{border:1px solid #d1d5db;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);margin-bottom:14px;overflow:hidden}.settings-group-title{background:#dbeafe;background:var(--primary-light);border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--border);color:#1a3a6b;color:var(--primary);font-size:11.5px;font-weight:700;padding:7px 10px}.field-row{align-items:center;border-bottom:1px solid #e8edf4;border-bottom:1px solid var(--bg-2);display:flex;gap:8px;padding:7px 10px}.field-row:last-child{border-bottom:none}.field-row.col{align-items:flex-start;flex-direction:column}.field-row label{color:#6b7280;color:var(--text-light);font-size:11px;min-width:76px;white-space:nowrap}.setting-input{background:#fff;border:1px solid #d1d5db;border:1px solid var(--border);border-radius:4px;color:#111827;color:var(--text);direction:rtl;flex:1 1;font-family:var(--font-family);font-size:11.5px;padding:5px 8px;transition:border-color .15s}.setting-input:focus{border-color:#2563eb;border-color:var(--primary-mid);box-shadow:0 0 0 2px #2563eb1f;outline:none}.setting-input[dir=ltr]{direction:ltr;text-align:left}.setting-select{background:#fff;cursor:pointer;flex:1 1;padding:5px 8px}.setting-select,.setting-textarea{border:1px solid #d1d5db;border:1px solid var(--border);border-radius:4px;color:#111827;color:var(--text);font-family:var(--font-family);font-size:11.5px}.setting-textarea{direction:rtl;line-height:1.8;padding:6px 8px;resize:vertical;width:100%}.setting-textarea:focus{border-color:#2563eb;border-color:var(--primary-mid);outline:none}.toggle-row{border-bottom:1px solid #e8edf4;border-bottom:1px solid var(--bg-2);padding:6px 10px}.toggle-row:last-child{border-bottom:none}.toggle-label{align-items:center;color:#374151;color:var(--text-mid);cursor:pointer;display:flex;font-size:12px;gap:6px}.toggle-label input[type=checkbox]{accent-color:#2563eb;accent-color:var(--primary-mid);height:14px;width:14px}.preview-wrapper{background:#f1f5f9;background:var(--bg);border:1px solid #d1d5db;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-sizing:border-box;display:flex;flex-direction:column;height:calc(108vh - 180px);min-height:0;overflow:hidden;padding:20px;width:100%}.preview-header-bar{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.preview-title{border-bottom:2.5px solid #1a3a6b;border-bottom:2.5px solid var(--primary);color:#1a3a6b;color:var(--primary);display:inline-block;font-size:15px;font-weight:700;letter-spacing:.2px;padding-bottom:6px;white-space:nowrap}.preview-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px}.preview-container{-webkit-overflow-scrolling:touch;align-items:center;background:#0000;flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto;padding:0 8px;scroll-behavior:smooth}.a4-page,.preview-container{display:flex;flex-direction:column}.a4-page{background:#fff;background:var(--paper);box-shadow:0 2px 4px #00000014,0 8px 24px #00000024,0 20px 48px #00000014;box-sizing:border-box;color:#111827;color:var(--text);direction:rtl;flex-shrink:0;font-family:var(--font-family);margin:0 auto 16px;max-width:210mm;min-height:297mm;overflow:visible;padding:8mm 10mm 10mm;page-break-after:always;position:relative;width:100%}.a4-font-small{font-size:11px}.a4-font-normal{font-size:13px}.a4-font-large{font-size:15px}.watermark-text{color:#0000000a;font-size:80px;font-weight:900;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-35deg);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:0}.a4-page--official{border-top:none}.official-header-side{min-width:120px}.official-header-company{color:#111827;color:var(--text);font-size:22px;font-weight:900;letter-spacing:1px;margin-bottom:2px}.official-header-doc{color:#374151;color:var(--text-mid);font-size:16px;font-weight:700;margin-bottom:2px}.official-header{align-items:center;display:flex;justify-content:center}.official-header-branch{color:#6b7280;color:var(--text-light);font-size:11px}.invoice-meta-bar{align-items:center;border-radius:6px;display:flex;gap:12px;justify-content:space-between;padding:7px 14px;position:relative;z-index:1}.invoice-meta-item{align-items:center;display:flex;gap:6px}.invoice-meta-label{color:#1a3a6b;color:var(--primary);font-size:11px;font-weight:700;white-space:nowrap}.invoice-meta-value{color:#111827;color:var(--text);font-size:13px;font-weight:800;letter-spacing:.3px}.official-info-grid{grid-gap:0;border:1.5px solid #374151;border:1.5px solid var(--border-dark);border-radius:5px;display:grid;gap:0;grid-template-columns:1fr 1fr;margin-bottom:15px;overflow:hidden;position:relative;z-index:1}.official-info-left,.official-info-right{background:#f8fafc;padding:8px 10px}.official-info-row{align-items:baseline;display:flex;font-size:11.5px;gap:6px;padding:3px 0}.official-info-row:last-child{border-bottom:none}.oif-label{color:#374151;color:var(--text-mid);font-size:11px;font-weight:700;min-width:80px;white-space:nowrap}.oif-value{color:#111827;color:var(--text);direction:rtl;font-weight:600;width:34rem}.official-amount-words{align-items:center;background:#f5f9ff;border:1px solid #262147;border-radius:5px;display:flex;gap:8px;margin:10px 0;padding:7px 12px;position:relative;z-index:1}.oaw-label{color:#15803d;font-size:11px;font-weight:700;white-space:nowrap}.oaw-value{color:#111827;color:var(--text);font-size:16px;font-weight:600}.a4-page--informal{border-top:none}.informal-header{align-items:flex-start;border-bottom:2px double #374151;border-bottom:2px double var(--border-dark);display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;position:relative;z-index:1}.informal-header-meta{min-width:200px;text-align:right}.ihm-row{align-items:center;display:flex;font-size:11px;gap:6px;line-height:2}.ihm-label{color:#374151;color:var(--text-mid);font-weight:700;white-space:nowrap}.ihm-value{color:#111827;color:var(--text);font-weight:600}.informal-header-title{align-self:flex-end;border-bottom:2px solid #111827;border-bottom:2px solid var(--text);color:#111827;color:var(--text);flex:1 1;font-size:18px;font-weight:900;letter-spacing:.5px;padding:4px 0;text-align:center}.informal-parties{grid-gap:0;border:1.5px solid #374151;border:1.5px solid var(--border-dark);display:grid;gap:0;grid-template-columns:1fr 1fr;margin-bottom:10px;overflow:hidden;position:relative;z-index:1}.informal-party{background:#f8fafc;padding:8px 10px}.seller-party{border-left:1.5px solid #374151;border-left:1.5px solid var(--border-dark)}.party-section-title{border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--border);color:#111827;color:var(--text);font-size:11px;font-weight:800;margin-bottom:6px;padding-bottom:4px}.party-row{align-items:baseline;display:flex;font-size:10.5px;gap:4px;line-height:1.7;padding:2px 0}.party-label{color:#374151;color:var(--text-mid);font-size:10px;font-weight:700;min-width:110px;white-space:nowrap}.party-value{color:#111827;color:var(--text);font-weight:600}.party-row-half{display:flex;flex-direction:column;gap:0}.informal-goods-header{background:#1a3a6b;background:var(--primary);color:#fff;font-size:12px;font-weight:700;margin-bottom:0;padding:5px 10px;position:relative;text-align:center;z-index:1}.informal-amount-words{align-items:center;background:#f8fafc;border:1.5px solid #374151;border:1.5px solid var(--border-dark);display:flex;gap:8px;margin:6px 0;padding:6px 12px;position:relative;z-index:1}.iaw-label{color:#374151;color:var(--text-mid);font-size:11px;font-weight:700;white-space:nowrap}.iaw-value{color:#111827;color:var(--text);font-size:12px;font-weight:600}.informal-payment-type{align-items:center;background:#f8fafc;border:1px solid #d1d5db;border:1px solid var(--border);border-radius:5px;display:flex;font-size:11.5px;gap:16px;margin:6px 0;padding:6px 12px;position:relative;z-index:1}.ipt-label{color:#374151;color:var(--text-mid);font-weight:700;white-space:nowrap}.ipt-check{align-items:center;cursor:pointer;display:flex;gap:5px}.ipt-check input{accent-color:#1a3a6b;accent-color:var(--primary);height:14px;width:14px}.ipt-desc{color:#6b7280;color:var(--text-light);flex:1 1;font-size:10.5px}.invoice-table{border-collapse:collapse;font-size:11.5px;margin:0;table-layout:auto;width:100%}.invoice-table td,.invoice-table th{border:1.5px solid #374151;border:1.5px solid var(--border-dark);padding:6px 8px;vertical-align:middle}.invoice-table thead tr{background:#1a3a6b;background:var(--primary)}.invoice-table th{border-color:#ffffff4d;color:#fff;font-size:11.5px;font-weight:700;text-align:center;white-space:nowrap}.invoice-table tbody tr:nth-child(2n){background:#f9fafb}.invoice-table tbody tr:hover{background:#dbeafe;background:var(--primary-light)}.invoice-table td{color:#374151;color:var(--text-mid);text-align:center}.col-rowNumber{text-align:center!important;width:4%}.col-itemCode{font-size:10.5px;text-align:center!important;width:7%}.col-itemName{font-weight:600;padding-right:10px!important;text-align:right!important;width:26%}.col-quantity{font-weight:600}.col-MjUnitName,.col-MnUnitName,.col-quantity,.col-subQuantity{text-align:center!important;width:5%}.col-stockArea{font-size:10.5px;text-align:center!important;width:8%}.col-unitPrice{direction:ltr;width:11%}.col-discountPercent,.col-unitPrice{font-weight:600;text-align:center!important}.col-discountPercent{width:5%}.col-discount,.col-tax{width:8%}.col-discount,.col-tax,.col-total{direction:ltr;font-weight:600;text-align:center!important}.col-total{width:10%}.col-description{font-size:10.5px;padding-right:8px!important;text-align:right!important;width:13%}.col-serials{font-size:10px;text-align:right!important;width:8%}.invoice-table tfoot td{border-top:2px solid #374151;border-top:2px solid var(--border-dark);padding:6px 8px}.discount-row td,.invoice-discount-row td,.subtotal-row td,.tax-row td{background:#f3f4f6}.total-row td{background:#dbeafe;background:var(--primary-light)}.label{color:#111827;color:var(--text);font-weight:700;padding-right:12px!important;text-align:right!important}.final-label{color:#1a3a6b;color:var(--primary);font-size:13px}.amount{direction:ltr;font-weight:600;text-align:center!important}.total-amount{color:#1a3a6b!important;color:var(--primary)!important;font-size:14px;font-weight:900}.discount-amount{color:#dc2626!important;color:var(--danger)!important}.no-items{background:#f9fafb;border:1px dashed #d1d5db;border:1px dashed var(--border);border-radius:6px;color:#6b7280;color:var(--text-light);font-style:italic;padding:20px;text-align:center}.template-body-content{margin:8px 0;position:relative;z-index:1}.invoice-footer{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-top:22px;padding-top:14px;position:relative;z-index:1}.notes-section{flex:1 1;min-width:180px}.notes-title{color:#1a3a6b;color:var(--primary);font-size:11px;font-weight:700;margin-bottom:6px;padding-bottom:3px}.notes-content{color:#6b7280;color:var(--text-light);font-size:10.5px}.note-line{line-height:2}.signature-section{align-items:flex-end;display:flex;gap:28px;justify-content:flex-end;margin-top:10px}.signature-block{text-align:center}.signature-title{color:#374151;color:var(--text-mid);font-size:11px;font-weight:600;margin-bottom:36px}.thankyou-message{color:#6b7280;color:var(--text-light);font-size:11px;font-style:italic;margin-top:18px;padding-top:10px;position:relative;z-index:1}.invoice-header{grid-gap:12px;align-items:center;border-bottom:2.5px double #1a3a6b;border-bottom:2.5px double var(--primary);display:grid;gap:12px;grid-template-columns:1fr auto 1fr;margin-bottom:10px;padding-bottom:10px;position:relative;z-index:1}.invoice-header-logo{align-items:flex-start;display:flex;flex-direction:column;gap:3px;text-align:right}.company-logo-placeholder{font-size:30px;line-height:1;margin-bottom:3px}.company-details{color:#6b7280;color:var(--text-light);font-size:10.5px;line-height:1.85}.invoice-header-title{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 8px;text-align:center}.invoice-title-text{background:#dbeafe;background:var(--primary-light);border:2.5px solid #1a3a6b;border:2.5px solid var(--primary);border-radius:6px;color:#1a3a6b;color:var(--primary);font-size:19px;font-weight:900;letter-spacing:2px;padding:8px 22px;white-space:nowrap}.invoice-header-meta{display:flex;justify-content:flex-end}.meta-table{border-collapse:collapse;font-size:11.5px;width:auto}.meta-table td{border:1px solid #374151;border:1px solid var(--border-dark);padding:4px 8px;vertical-align:middle}.meta-table .meta-key{background:#1a3a6b;background:var(--primary);color:#fff;font-weight:700;text-align:center;white-space:nowrap}.meta-table .meta-val{background:#f8fafc;color:#111827;color:var(--text);font-weight:600;min-width:90px;text-align:center}.client-info-grid{border:1.5px solid #374151;border:1.5px solid var(--border-dark);border-radius:5px;display:flex;flex-wrap:wrap;gap:0;margin-bottom:12px;overflow:hidden;position:relative;z-index:1}.client-info-box{align-items:baseline;background:#f8fafc;border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--border);border-left:1px solid #d1d5db;border-left:1px solid var(--border);display:flex;flex:1 1 200px;gap:6px;min-width:150px;padding:5px 10px}.client-info-box.full-width{flex:1 1 100%;width:100%}.client-info-box:last-child{border-bottom:none}.cib-label{color:#1a3a6b;color:var(--primary);flex-shrink:0;font-size:10.5px;font-weight:700;white-space:nowrap}.cib-value{color:#111827;color:var(--text);font-size:12px;font-weight:600}.page-image-header{margin:-20px 0 0;margin-left:-20px;margin-left:calc(var(--a4-padding-left, 20px)*-1);margin-right:-20px;margin-right:calc(var(--a4-padding-right, 20px)*-1);margin-top:calc(var(--a4-padding-top, 20px)*-1);padding:0}.page-image-header img{display:block;object-fit:cover;width:100%}.page-image-footer{margin:auto 0 -20px;margin-bottom:calc(var(--a4-padding-bottom, 20px)*-1);margin-left:-20px;margin-left:calc(var(--a4-padding-left, 20px)*-1);margin-right:-20px;margin-right:calc(var(--a4-padding-right, 20px)*-1);padding:0}.page-image-footer img{display:block;object-fit:cover;width:100%}.image-upload-area{align-items:center;display:flex;flex:1 1;gap:6px}.image-upload-btn{align-items:center;background:#dbeafe;background:var(--primary-light);border:1.5px dashed #2563eb;border:1.5px dashed var(--primary-mid);border-radius:6px;border-radius:var(--radius-sm);color:#1a3a6b;color:var(--primary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:11px;font-weight:600;gap:4px;padding:5px 10px;transition:all .15s;white-space:nowrap}.image-upload-btn:hover{background:#2563eb;background:var(--primary-mid);border-style:solid;color:#fff}.image-clear-btn{align-items:center;background:none;border:1px solid #dc2626;border:1px solid var(--danger);border-radius:50%;color:#dc2626;color:var(--danger);cursor:pointer;display:flex;flex-shrink:0;font-size:11px;height:20px;justify-content:center;padding:0;transition:all .15s;width:20px}.image-clear-btn:hover{background:#dc2626;background:var(--danger);color:#fff}.image-preview-thumb{align-items:center;background:#f1f5f9;background:var(--bg);border:1px solid #d1d5db;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);display:flex;justify-content:center;margin:4px 10px 8px;max-height:80px;overflow:hidden}.image-preview-thumb img{display:block;max-height:80px;max-width:100%;object-fit:contain}.slider-row{align-items:center;display:flex;flex:1 1;gap:8px}.height-slider{accent-color:#2563eb;accent-color:var(--primary-mid);cursor:pointer;flex:1 1;height:4px}.slider-value{color:#1a3a6b;color:var(--primary);font-size:11px;font-weight:700;min-width:36px;text-align:left}@media print{@page{size:A4;margin:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body,html{height:100%;margin:0;padding:0;width:100%}body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{align-items:normal!important;background:#fff;display:block!important;height:auto;left:0;margin:0;max-height:none!important;overflow:visible;padding:0;position:absolute;top:0;width:210mm}.template-selection-overlay{display:none!important}.a4-page{aspect-ratio:auto!important;border-top:none!important;box-shadow:none!important;box-sizing:border-box!important;height:auto!important;margin:0!important;max-width:none!important;min-height:297mm!important;overflow:visible!important;padding:8mm 10mm 10mm!important;page-break-after:always!important;width:210mm!important}.informal-header{display:flex!important}.informal-parties,.official-info-grid{display:grid!important}.no-print{display:none!important}.invoice-table,tr{page-break-inside:avoid}tr{page-break-after:avoid}.informal-header,.informal-parties,.invoice-footer,.official-header,.official-info-grid{page-break-inside:avoid}h1,h2,h3,h4,h5,h6,p{page-break-after:avoid}.watermark-text{display:block!important}.invoice-table td,.invoice-table th{padding:4px 6px}.informal-header,.informal-parties,.invoice-footer,.official-amount-words,.official-header,.official-info-grid,.template-body-content,.unofficial-amount-words{overflow:visible}.a4-page *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.page-image-footer,.page-image-header{display:flex!important;overflow:visible!important}.page-image-footer img,.page-image-header img{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.height-slider,.image-clear-btn,.image-preview-thumb,.image-upload-area,.image-upload-btn,.slider-row,.slider-value{display:none!important}}@media (max-width:1100px){.editor-panels{--panel-w:280px;grid-template-columns:280px 1fr}.header-actions{gap:10px}.btn-invoice-select,.btn-primary,.btn-secondary{font-size:12px;padding:8px 12px}.a4-page{font-size:11px;padding:6mm 8mm}.preview-wrapper{height:calc(100vh - 260px)}.preview-container{max-height:calc(100vh - 340px)}.invoice-table{font-size:10.5px}.invoice-table td,.invoice-table th{padding:5px 6px}}@media (max-width:900px){.template-editor-container{margin:.5rem auto}.editor-main{gap:12px;padding:.75rem}.preview-wrapper{height:calc(100vh - 280px);padding:14px}.a4-page{aspect-ratio:auto;font-size:11px;max-width:100%;padding:6mm 7mm}.invoice-table td,.invoice-table th{font-size:10px;padding:4px 5px}.official-header-company{font-size:18px}.official-header-doc{font-size:14px}}@media (max-width:850px){.editor-panels{gap:12px;grid-template-columns:1fr}.left-panel{margin-bottom:8px;max-height:45vh;position:static}.preview-wrapper{height:auto;max-height:calc(100vh - 320px);min-height:300px;padding:12px}.preview-container{max-height:calc(100vh - 400px);overflow-y:auto}.a4-page{font-size:10px;padding:5mm 6mm;width:calc(100% - 8px)}.informal-header,.official-info-grid{flex-direction:column}.informal-parties{grid-template-columns:1fr}.seller-party{border-bottom:1.5px solid #374151;border-bottom:1.5px solid var(--border-dark);border-left:none}.template-cards-row{grid-template-columns:1fr}.invoice-table td,.invoice-table th{font-size:9px;padding:3px 4px}.invoice-table th{font-size:9px}.signature-section{flex-direction:column;gap:12px}.header-actions{align-items:stretch;flex-direction:row;gap:8px}.header-actions button,.header-actions>div{width:100%}.btn-invoice-select,.btn-primary,.btn-secondary{font-size:11px;justify-content:center;width:100%}.official-header-company{font-size:16px}.official-header-doc{font-size:13px}.informal-header-title{font-size:15px}.col-itemName{font-size:9px;width:24%}.col-itemCode{font-size:8.5px}}@media (max-width:600px){:root{--panel-w:100%}.template-editor-container{margin:.5rem auto;transform:translateY(-1rem)}.editor-main{padding:.5rem}.preview-wrapper{border-radius:6px;height:auto;max-height:calc(100vh - 320px);padding:8px}.preview-header-bar{flex-shrink:0;margin-bottom:12px}.preview-title{font-size:13px}.preview-container{flex:1 1;max-height:calc(100vh - 400px);min-height:150px}.a4-page{font-size:9px;margin-bottom:8px;padding:4mm 5mm}.invoice-table{font-size:8.5px}.invoice-table td,.invoice-table th{padding:2px 3px}.invoice-table th{font-size:8.5px}.official-header-company{font-size:14px;margin-bottom:2px}.official-header-doc{font-size:12px}.official-header-branch{font-size:10px}.informal-header-title{font-size:13px}.official-info-row,.party-row{font-size:10px;padding:2px 0}.oif-label,.party-label{font-size:9px;min-width:70px}.col-rowNumber{width:5%}.col-itemName{font-size:8px;width:22%}.col-itemCode{font-size:8px;width:8%}.col-quantity{width:6%}.col-unitPrice{width:10%}.col-discount,.col-tax{width:7%}.col-total{width:9%}.header-actions{gap:6px;width:100%}.btn-invoice-select,.btn-primary,.btn-secondary{font-size:11px;padding:7px 10px}.loaded-invoice-badge{font-size:10px;padding:4px 8px}.preview-actions{gap:6px}.tab-btn{font-size:10px;padding:8px 2px}.signature-title{font-size:10px;margin-bottom:28px}}@media (max-width:400px){.a4-page{padding:3mm 4mm}.a4-page,.invoice-table{font-size:8px}.invoice-table td,.invoice-table th{padding:2px}.official-header-company{font-size:12px}.official-header-doc{font-size:11px}.col-itemName{width:20%}.col-itemCode{width:8%}.col-quantity{width:6%}}@media (max-width:1024px) and (orientation:landscape){.template-editor-container{margin:.25rem auto}.editor-main{gap:8px;padding:.5rem}.editor-panels{gap:8px}.left-panel{max-height:calc(100vh - 140px)}.preview-wrapper{max-height:calc(100vh - 80px);padding:8px}.preview-container{max-height:calc(100vh - 140px)}.a4-page{font-size:10px;margin-bottom:0;padding:4mm 5mm}.header-actions{flex-direction:row;gap:4px}.header-actions button{min-width:auto}}@media (max-width:768px) and (orientation:portrait){.editor-panels{grid-template-columns:1fr}.left-panel,.preview-wrapper{max-height:50vh}}@media print and (-webkit-min-device-pixel-ratio:3.125),print and (min-resolution:300dpi){.a4-page{font-family:var(--font-family)}}.btn-tpl-save{align-items:center;background:#dcfce7;border:1.5px solid #16a34a;border-radius:6px;border-radius:var(--radius-sm);color:#14532d;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:12.5px;font-weight:600;gap:6px;padding:8px 14px;transition:all .18s ease}.btn-tpl-save:hover{background:#16a34a;color:#fff}.btn-tpl-load{align-items:center;background:#dbeafe;border:1.5px solid #2563eb;border-radius:6px;border-radius:var(--radius-sm);color:#1e40af;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:12.5px;font-weight:600;gap:6px;padding:8px 14px;transition:all .18s ease}.btn-tpl-load:hover{background:#2563eb;color:#fff}.tpl-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2000}.tpl-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;direction:rtl;display:flex;flex-direction:column;max-width:550px;overflow:hidden;width:100%}.tpl-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;color:#111827;display:flex;font-size:15px;font-weight:700;justify-content:space-between;padding:18px 20px}.tpl-modal-close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:16px;padding:4px 8px;transition:background .15s}.tpl-modal-close:hover{background:#f3f4f6;color:#111827}.tpl-modal-body{flex:1 1;max-height:400px;overflow-y:auto;padding:20px}.tpl-mode-tabs{background:#f3f4f6;border-radius:10px;display:flex;gap:8px;margin-bottom:16px;padding:4px}.tpl-mode-tab{background:#0000;border:none;border-radius:7px;color:#6b7280;cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:13px;font-weight:600;padding:8px;transition:all .15s}.tpl-mode-tab.active{background:#fff;box-shadow:0 1px 4px #0000001a;color:#111827}.tpl-field{display:flex;flex-direction:column;gap:8px}.tpl-field label{color:#374151;font-size:13px;font-weight:600}.tpl-input{border:1.5px solid #d1d5db;border-radius:8px;box-sizing:border-box;direction:rtl;font-family:var(--font-family);font-size:13.5px;outline:none;padding:10px 12px;transition:border-color .15s;width:100%}.tpl-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.tpl-existing-list{display:flex;flex-direction:column;gap:8px}.tpl-existing-item{align-items:center;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .15s}.tpl-existing-item:hover{background:#eff6ff;border-color:#93c5fd}.tpl-existing-item.selected{background:#dbeafe;border-color:#2563eb}.tpl-existing-name{color:#111827;font-size:13.5px;font-weight:600}.tpl-existing-type{background:#f3f4f6;border-radius:20px;color:#6b7280;font-size:11px;padding:2px 8px}.tpl-load-item{align-items:center;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;display:flex;gap:8px;padding:10px 14px;transition:border-color .15s}.tpl-load-item:hover{background:#eff6ff;border-color:#93c5fd}.tpl-load-info{cursor:pointer;flex:1 1}.tpl-load-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tpl-load-font,.tpl-load-theme{background:#f3f4f6;border-radius:20px;color:#6b7280;font-size:11px;padding:2px 7px}.tpl-btn-delete{background:none;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:15px;padding:6px;transition:background .15s}.tpl-btn-delete:hover{background:#fee2e2}.tpl-delete-confirm{align-items:center;color:#dc2626;display:flex;flex-shrink:0;font-size:12px;gap:6px}.tpl-btn-confirm-del{background:#dc2626;color:#fff}.tpl-btn-cancel-del,.tpl-btn-confirm-del{border:none;border-radius:5px;cursor:pointer;font-family:var(--font-family);font-size:12px;padding:3px 10px}.tpl-btn-cancel-del{background:#f3f4f6;color:#374151}.tpl-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-start;padding:14px 20px}.tpl-btn-cancel{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-family:var(--font-family);font-size:13px;font-weight:600;padding:9px 18px;transition:all .15s}.tpl-btn-cancel:hover{background:#f3f4f6}.tpl-btn-save{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:13px;font-weight:700;padding:9px 20px;transition:all .15s}.tpl-btn-save:hover:not(:disabled){background:#1d4ed8}.tpl-btn-save:disabled{cursor:not-allowed;opacity:.5}.tpl-empty,.tpl-loading{color:#6b7280;font-size:14px;padding:32px;text-align:center}.tpl-toast{animation:toastIn .25s ease;border-radius:10px;box-shadow:0 8px 24px #0003;direction:rtl;font-family:var(--font-family);font-size:14px;font-weight:600;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);white-space:nowrap;z-index:9999}.tpl-toast-success{background:#14532d;color:#dcfce7}.tpl-toast-error{background:#7f1d1d;color:#fee2e2}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(-12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.modal-transaction{align-items:flex-start;animation:fadeIn .2s ease;background:#080f1ebf;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:16px;position:fixed;z-index:10000}.modal-transaction .modal.large{animation:slideInUp .3s ease;background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;box-shadow:0 20px 35px -8px #00000040;display:flex;flex-direction:column;height:92vh;max-height:92vh;max-width:1500px;overflow:hidden;width:95vw}.modal-transaction .modal-header{align-items:center;background:#fff;background:var(--surface,#fff);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px}.modal-transaction .modal-header h3{color:#1e3a5f;color:var(--primary,#1e3a5f);font-size:.9rem;font-weight:600;margin:0}.modal-transaction .close-btn{align-items:center;background:#e2e8f0;background:var(--gray-200,#e2e8f0);border:none;border-radius:50%;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:all .2s;width:26px}.modal-transaction .close-btn:hover{background:#cbd5e1;background:var(--gray-300,#cbd5e1);transform:rotate(90deg)}.modal-transaction .filter-section{background:#f8fafc;background:var(--gray-50,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:10px;flex-shrink:0;margin:10px 12px 0;padding:10px 14px 0}.modal-transaction .filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:0}.modal-transaction .filter-row+.filter-row{margin-top:6px}.modal-transaction .filter-group{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:3px;max-width:220px;min-width:120px}.modal-transaction .filter-group-btn{flex:0 0 auto;justify-content:flex-end;max-width:none;min-width:0;min-width:auto}.modal-transaction .filter-label{color:#64748b;color:var(--text-muted,#64748b);display:block;flex-shrink:0;font-size:.68rem;font-weight:600;margin-bottom:1px;white-space:nowrap}.modal-transaction .filter-select{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;box-shadow:none;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-family:var(--font-family);font-size:.72rem;height:28px;padding:4px 7px;transition:border-color .2s,box-shadow .2s;width:100%}.modal-transaction .filter-select:focus{border-color:#1e3a5f;border-color:var(--primary,#1e3a5f);box-shadow:0 0 0 2px #1e3a5f1f;outline:none}.modal-transaction .refresh-btn{align-items:center;background:#1e3a5f;background:var(--primary,#1e3a5f);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.72rem;font-weight:500;gap:4px;height:28px;margin-top:auto;padding:4px 14px;transition:background .2s,transform .15s;white-space:nowrap}.modal-transaction .refresh-btn:hover:not(:disabled){background:#0f2b4a;background:var(--primary-dark,#0f2b4a);transform:translateY(-1px)}.modal-transaction .refresh-btn:disabled{cursor:not-allowed;opacity:.6}.modal-transaction .selected-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.modal-transaction .selected-filter-item{align-items:center;background:#1e3a5f14;border-radius:10px;color:#1e3a5f;color:var(--primary,#1e3a5f);display:flex;font-size:.67rem;gap:3px;padding:2px 8px}.modal-transaction .selected-filter-item:before{content:"•";font-size:.8rem}.modal-transaction .search-row{border-top:1px dashed #e2e8f0;border-top:1px dashed var(--border,#e2e8f0);margin-top:8px;padding:6px 0 10px}.modal-transaction .search-container-inner{align-items:center;display:flex;gap:8px}.modal-transaction .search-icon{color:#64748b;color:var(--text-muted,#64748b);flex-shrink:0}.modal-transaction .search-input{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:.75rem;height:30px;padding:5px 10px;transition:border-color .2s,box-shadow .2s}.modal-transaction .search-input:focus{border-color:#1e3a5f;border-color:var(--primary,#1e3a5f);box-shadow:0 0 0 2px #1e3a5f1a;outline:none}.modal-transaction .search-input::placeholder{color:#64748b;color:var(--text-muted,#64748b);font-size:.7rem}.modal-transaction .search-clear-btn{background:#e2e8f0;background:var(--gray-200,#e2e8f0);border:none;border-radius:6px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-size:.7rem;height:28px;padding:4px 10px;transition:background .2s;white-space:nowrap}.modal-transaction .search-clear-btn:hover{background:#cbd5e1;background:var(--gray-300,#cbd5e1)}.modal-transaction .search-info{color:#64748b;color:var(--text-muted,#64748b);font-size:.68rem;margin-top:3px;text-align:right}.modal-transaction .table-section{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.modal-transaction .table-header{align-items:center;background:#f8fafc;background:var(--gray-50,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;flex-shrink:0;justify-content:space-between;padding:6px 16px}.modal-transaction .table-header h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.82rem;font-weight:600;margin:0}.modal-transaction .table-info{align-items:center;display:flex;gap:12px}.modal-transaction .summary-count,.modal-transaction .total-count{color:#64748b;color:var(--text-muted,#64748b);font-size:.72rem}.modal-transaction .table-container{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0 12px}.modal-transaction .items-table-scroll-container{border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;flex:1 1;margin:8px 0;overflow-x:auto;overflow-y:auto;position:relative}.modal-transaction .items-table-scroll-container::-webkit-scrollbar{height:6px;width:6px}.modal-transaction .items-table-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;background:var(--gray-100,#f1f5f9);border-radius:4px}.modal-transaction .items-table-scroll-container::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--gray-400,#94a3b8);border-radius:4px}.modal-transaction .items-table-scroll-container::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--gray-500,#64748b)}.modal-transaction .details-table,.modal-transaction .items-table{border-collapse:initial;border-spacing:0;min-width:1000px;width:100%}.modal-transaction .details-table th,.modal-transaction .items-table th{background:#f1f5f9;background:var(--gray-100,#f1f5f9);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);border-right:none;box-shadow:0 2px 0 #e2e8f0;box-shadow:0 2px 0 var(--border,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);font-size:.72rem;font-weight:600;padding:9px 11px;position:-webkit-sticky;position:sticky;text-align:center;top:0;white-space:nowrap;z-index:5}.modal-transaction .details-table td,.modal-transaction .items-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light,#e2e8f0);font-size:.73rem;line-height:1.4;padding:8px 10px;text-align:center;vertical-align:middle}.modal-transaction .details-table tr:nth-child(2n),.modal-transaction .items-table tr:nth-child(2n){background-color:#f8fafc;background-color:var(--gray-50,#f8fafc)}.modal-transaction .details-table tbody tr:hover,.modal-transaction .items-table tbody tr:hover{background-color:#f1f5f9;background-color:var(--gray-100,#f1f5f9)}.modal-transaction .center-align{text-align:center}.modal-transaction .date-cell{direction:ltr;font-family:var(--font-family);font-size:.68rem;min-width:90px;text-align:center}.modal-transaction .amount-cell{color:#1e293b;color:var(--text-primary,#1e293b);direction:ltr;font-family:var(--font-family);font-weight:500;min-width:100px;text-align:left}.modal-transaction .desc-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-transaction .status-badge{border-radius:12px;display:inline-block;font-size:.65rem;font-weight:500;padding:2px 8px;white-space:nowrap}.modal-transaction .status-badge.status-buy{background:#ef44441a;color:#ef4444}.modal-transaction .status-badge.status-sell{background:#22c55e1a;color:#22c55e}.modal-transaction .status-badge.status-pending{background:#eab3081a;color:#ca8a04}.modal-transaction .sortable-header{cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.modal-transaction .sortable-header:hover{background-color:#e2e8f0;background-color:var(--gray-200,#e2e8f0)}.modal-transaction .sortable-header-content{align-items:center;display:flex;gap:4px;justify-content:center}.modal-transaction .sort-icon{align-items:center;display:flex;flex-direction:column;height:12px;justify-content:center;opacity:.4;width:12px}.modal-transaction .sort-icon .active{color:#1e3a5f;color:var(--primary,#1e3a5f);opacity:1}.modal-transaction .sort-icon svg{height:8px;width:8px}.modal-transaction .table-footer{background:#f8fafc;background:var(--gray-50,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);flex-shrink:0;padding:6px 16px}.modal-transaction .summary{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.modal-transaction .summary span{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;color:#1e293b;color:var(--text-primary,#1e293b);font-size:.72rem;font-weight:500;padding:3px 8px}.modal-transaction .selected-transaction-info{align-items:center;background:#f8fafc;background:var(--gray-50,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);display:flex;flex-shrink:0;flex-wrap:wrap;font-size:.73rem;gap:14px;padding:7px 16px}.modal-transaction .selected-transaction-info .info-item{align-items:center;display:flex;gap:5px}.modal-transaction .selected-transaction-info .info-label{color:#64748b;color:var(--text-muted,#64748b);font-weight:600}.modal-transaction .details-header-actions{background:#f8fafc;background:var(--gray-50,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);flex-shrink:0;padding:8px 16px}.modal-transaction .details-action-buttons{display:flex;gap:10px}.modal-transaction .add-whole-invoice-btn,.modal-transaction .select-items-btn{align-items:center;background:#1e3a5f;background:var(--primary,#1e3a5f);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;gap:6px;padding:6px 14px;transition:background .2s,transform .15s}.modal-transaction .add-whole-invoice-btn:hover,.modal-transaction .select-items-btn:hover{background:#0f2b4a;background:var(--primary-dark,#0f2b4a);transform:translateY(-1px)}.modal-transaction .add-whole-invoice-btn:disabled,.modal-transaction .select-items-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-transaction .selection-actions{flex-wrap:wrap;justify-content:space-between}.modal-transaction .selection-actions,.modal-transaction .selection-info{align-items:center;display:flex;gap:10px}.modal-transaction .selected-count{color:#1e3a5f;color:var(--primary,#1e3a5f);font-size:.83rem;font-weight:600}.modal-transaction .select-all-btn{background:none;border:1px solid #1e3a5f;border:1px solid var(--primary,#1e3a5f);border-radius:6px;color:#1e3a5f;color:var(--primary,#1e3a5f);cursor:pointer;font-size:.7rem;padding:4px 12px;transition:background .2s}.modal-transaction .select-all-btn:hover{background:#1e3a5f14}.modal-transaction .selection-buttons{display:flex;gap:8px}.modal-transaction .confirm-selection-btn{align-items:center;background:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;gap:6px;padding:6px 14px;transition:background .2s,transform .15s}.modal-transaction .confirm-selection-btn:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.modal-transaction .confirm-selection-btn:disabled{cursor:not-allowed;opacity:.6}.modal-transaction .cancel-selection-btn{background:#cbd5e1;background:var(--gray-300,#cbd5e1);border:none;border-radius:6px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-size:.75rem;padding:6px 14px;transition:background .2s}.modal-transaction .cancel-selection-btn:hover{background:#94a3b8;background:var(--gray-400,#94a3b8)}.modal-transaction .selection-header{text-align:center;width:40px}.modal-transaction input[type=checkbox]{accent-color:#1e3a5f;accent-color:var(--primary,#1e3a5f);cursor:pointer;height:15px;width:15px}.modal-transaction .selected-row{background-color:#1e3a5f14!important;border-right:3px solid #1e3a5f;border-right:3px solid var(--primary,#1e3a5f)}.modal-transaction .selectable-row{cursor:pointer;transition:background-color .15s}.modal-transaction .footer-actions{background:#f8fafc;background:var(--gray-50,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);display:flex;flex-shrink:0;justify-content:flex-start;padding:7px 16px}.modal-transaction .back-btn{align-items:center;background:#e2e8f0;background:var(--gray-200,#e2e8f0);border:none;border-radius:6px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;display:flex;font-size:.75rem;gap:4px;padding:5px 12px;transition:background .2s}.modal-transaction .back-btn:hover{background:#cbd5e1;background:var(--gray-300,#cbd5e1)}.modal-transaction .loading-container{align-items:center;color:#64748b;color:var(--text-muted,#64748b);display:flex;flex-direction:column;font-size:.8rem;justify-content:center;padding:60px 20px;text-align:center}.modal-transaction .spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#1e3a5f;border:3px solid var(--border,#e2e8f0);border-radius:50%;border-top-color:var(--primary,#1e3a5f);height:32px;margin-bottom:12px;width:32px}.modal-transaction .error-message,.modal-transaction .no-data{align-items:center;color:#64748b;color:var(--text-muted,#64748b);display:flex;flex-direction:column;font-size:.8rem;gap:12px;justify-content:center;padding:60px 20px;text-align:center}.modal-transaction .error-message{color:#ef4444}.modal-transaction .retry-btn{background:#1e3a5f;background:var(--primary,#1e3a5f);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;padding:6px 16px;transition:background .2s}.modal-transaction .retry-btn:hover{background:#0f2b4a;background:var(--primary-dark,#0f2b4a)}@media (max-width:1200px){.modal-transaction .modal.large{height:95vh;max-height:95vh;width:99vw}.modal-transaction .filter-group{min-width:110px}}@media (max-width:992px){.modal-transaction .filter-group{max-width:none;min-width:100px}.modal-transaction .details-table td,.modal-transaction .details-table th,.modal-transaction .items-table td,.modal-transaction .items-table th{font-size:.67rem;padding:6px 7px}}@media (max-width:768px){.modal-transaction{padding:6px}.modal-transaction .modal.large{border-radius:8px;height:98vh;max-height:98vh;width:100%}.modal-transaction .filter-row{flex-direction:column;gap:5px}.modal-transaction .filter-group{max-width:100%;min-width:100%;width:100%}.modal-transaction .search-container{gap:6px}.modal-transaction .table-header{align-items:flex-start;flex-direction:column;gap:5px}.modal-transaction .table-info{justify-content:space-between;width:100%}.modal-transaction .summary{align-items:flex-start;flex-direction:column;gap:5px}.modal-transaction .details-action-buttons{flex-direction:column}.modal-transaction .selection-actions{align-items:stretch;flex-direction:column}.modal-transaction .selection-info{justify-content:space-between}}.modal-transaction .trans-list-view{display:flex;flex-direction:column;width:100%}.modal-transaction .trans-list-header{align-items:center;background:#f1f5f9;background:var(--gray-100,#f1f5f9);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);border-radius:6px 6px 0 0;display:flex;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:5}.modal-transaction .trans-list-header .trans-col{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.72rem;font-weight:700;padding:9px 10px;text-align:right;-webkit-user-select:none;user-select:none;white-space:nowrap}.modal-transaction .trans-list-header .sortable-header{cursor:pointer;transition:background .15s}.modal-transaction .trans-list-header .sortable-header:hover{background:#e2e8f0;background:var(--gray-200,#e2e8f0)}.modal-transaction .trans-list-header .sorted{background:#1e3a5f12;color:#1e3a5f;color:var(--primary,#1e3a5f)}.modal-transaction .trans-list-body{display:flex;flex-direction:column}.modal-transaction .trans-list-row{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light,#e2e8f0);border-right:3px solid #0000;cursor:pointer;display:flex;transition:background .13s,box-shadow .13s}.modal-transaction .trans-list-row:last-child{border-bottom:none}.modal-transaction .trans-list-row:nth-child(2n){background-color:#f8fafc;background-color:var(--gray-50,#f8fafc)}.modal-transaction .trans-list-row:hover{background-color:#f1f5f9!important;background-color:var(--gray-100,#f1f5f9)!important;box-shadow:0 1px 4px #0000000f;z-index:1}.modal-transaction .trans-col{color:#1e293b;color:var(--text-primary,#1e293b);flex-shrink:0;font-size:.73rem;overflow:hidden;padding:8px 10px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.modal-transaction .col-number{width:120px}.modal-transaction .col-date{width:100px}.modal-transaction .col-type{width:90px}.modal-transaction .col-state{width:100px}.modal-transaction .col-identity{flex:1 1;min-width:140px}.modal-transaction .col-amount{width:130px}.modal-transaction .col-discount,.modal-transaction .col-official{width:110px}.modal-transaction .col-desc{flex:1 1;min-width:120px}.modal-transaction .trans-number-cell{align-items:center;display:flex;gap:7px}.modal-transaction .trans-icon-wrap{align-items:center;background:#1e3a5f1a;border-radius:6px;color:#1e3a5f;color:var(--primary,#1e3a5f);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.modal-transaction .trans-icon-text{font-size:.85rem;font-weight:700}.modal-transaction .trans-info-compact{display:flex;flex-direction:column;gap:1px}.modal-transaction .trans-num-main{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.78rem;font-weight:700}.modal-transaction .trans-date-val{color:#475569;color:var(--text-secondary,#475569);direction:ltr;display:inline-block;font-size:.7rem}.modal-transaction .trans-state-badge{background:#e2e8f0;background:var(--gray-200,#e2e8f0);border-radius:12px;color:#1e293b;color:var(--text-primary,#1e293b);display:inline-block;font-size:.63rem;font-weight:600;padding:2px 8px;white-space:nowrap}.modal-transaction .trans-identity-cell{display:flex;flex-direction:column;gap:1px;overflow:hidden}.modal-transaction .identity-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-transaction .identity-code{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.62rem}.modal-transaction .trans-amount-val{color:#1e293b;color:var(--text-primary,#1e293b);direction:ltr;display:inline-block;font-size:.73rem;font-weight:600}.modal-transaction .trans-discount-val{color:#ef4444;direction:ltr;display:inline-block;font-size:.7rem}.modal-transaction .trans-official-val{color:#475569;color:var(--text-secondary,#475569);font-size:.68rem}.modal-transaction .trans-desc-val{color:#94a3b8;color:var(--text-muted,#94a3b8);display:block;font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:992px){.modal-transaction .col-discount,.modal-transaction .col-official{display:none}}@media (max-width:768px){.modal-transaction .col-desc,.modal-transaction .col-discount,.modal-transaction .col-official{display:none}.modal-transaction .col-amount{width:100px}}@media (max-width:576px){.modal-transaction .col-desc,.modal-transaction .col-discount,.modal-transaction .col-official,.modal-transaction .col-state{display:none}.modal-transaction .col-number{width:90px}.modal-transaction .col-date{width:80px}}.cp-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100vh;left:-380px;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:360px;z-index:1001}.cp-panel.cp-panel-open{left:0}.cp-header{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-bottom:1px solid #ffffff1a;color:#fff;flex-shrink:0;justify-content:space-between;padding:16px 20px}.cp-header,.cp-header-title{align-items:center;display:flex}.cp-header-title{font-size:1rem;font-weight:600;gap:8px;margin:0}.cp-badge{background:#fff3;border-radius:20px;font-size:.75rem;font-weight:600;padding:2px 8px}.cp-close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.cp-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.cp-body{background:linear-gradient(180deg,var(--gray-50),var(--surface));display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:20px}.cp-body::-webkit-scrollbar{width:6px}.cp-body::-webkit-scrollbar-track{background:var(--gray-100);border-radius:10px}.cp-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--gray-300),var(--gray-400));border-radius:10px}.cp-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--gray-400),var(--gray-500))}.cp-locked{flex:1 1;flex-direction:column;gap:10px;padding:24px;text-align:center}.cp-locked,.cp-locked-icon{align-items:center;display:flex;justify-content:center}.cp-locked-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;box-shadow:0 4px 16px #d9770626;color:#d97706;height:60px;width:60px}.cp-locked-title{color:var(--text-primary);font-size:.92rem;font-weight:700;margin:0}.cp-locked-desc{color:var(--gray-500);font-size:.8rem;line-height:1.7;margin:0}.cp-loading{color:var(--gray-500);gap:10px}.cp-empty,.cp-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;font-size:.82rem;justify-content:center}.cp-empty{color:var(--gray-400);gap:8px;text-align:center}.cp-empty p{margin:0}.cp-empty-sub{color:var(--text-muted);font-size:.75rem}.cp-messages-list{display:flex;flex-direction:column;gap:8px}.cp-message{align-items:flex-end;display:flex;gap:6px;max-width:90%}.cp-message-own{align-self:flex-end;flex-direction:row-reverse}.cp-message-other{align-self:flex-start}.cp-avatar{align-items:center;background:var(--gray-100);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--primary);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.cp-bubble-wrap{display:flex;flex-direction:column;gap:2px}.cp-message-own .cp-bubble-wrap{align-items:flex-end}.cp-author-name{color:var(--gray-500);font-size:.7rem;font-weight:600;padding:0 4px}.cp-bubble{background:var(--surface);border:1px solid var(--border);border-radius:12px 12px 12px 2px;box-shadow:var(--shadow-md);padding:7px 11px}.cp-message-own .cp-bubble{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:12px 12px 2px 12px;box-shadow:var(--shadow-lg)}.cp-bubble-text{color:#1f2937;font-size:.8rem;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.cp-message-own .cp-bubble-text{color:#fff}.cp-time{align-items:center;color:var(--gray-400);display:flex;font-size:.65rem;gap:4px;padding:0 4px}.cp-seen-tick{color:#94a3b8;font-size:.7rem;letter-spacing:-2px}.cp-seen-tick--seen{color:#3b82f6}.cp-footer{background:var(--surface);border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:20px}.cp-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:var(--error);font-size:.75rem;margin-bottom:6px;padding:4px 8px}.cp-input-wrapper{position:relative;width:100%}.cp-textarea{background:#f8fafc;border:1px solid var(--border);border-radius:12px;box-sizing:border-box;color:var(--text-primary);direction:rtl;font-family:var(--font-family);font-size:.83rem;min-height:80px;padding:10px 12px;transition:all .2s;width:100%}.cp-textarea:focus{background:var(--surface);border-color:var(--primary);box-shadow:var(--shadow-glow);outline:none}.cp-textarea::placeholder{color:#94a3b8;font-size:.78rem}.cp-input-actions{bottom:22px;gap:4px;left:8px;position:absolute}.cp-input-actions,.cp-send-btn{align-items:center;display:flex}.cp-send-btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:8px;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;height:30px;justify-content:center;transition:all .2s;width:30px}.cp-send-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.cp-send-btn:not(:disabled):hover{opacity:.88;transform:translateY(-2px) scale(1.05)}.cp-send-btn:not(:disabled):active{transform:scale(.95)}.cp-sending{opacity:.7}.cp-spinner{animation:cp-spin .7s linear infinite;border:2.5px solid #e5e7eb;border-radius:50%;border-top:2.5px solid var(--primary);height:22px;width:22px}.cp-spinner-sm{border-top-color:#fff;height:16px;width:16px}@keyframes cp-spin{to{transform:rotate(1turn)}}.cp-attachments{display:flex;flex-direction:column;gap:6px;margin-top:10px}.cp-attachment-item{align-items:center;border-radius:8px;display:flex;gap:8px;justify-content:space-between;padding:7px 8px}.cp-message-other .cp-attachment-item{background:#f8fafc}.cp-attachment-name{align-items:center;color:#e0f2fe;display:flex;font-size:.75rem;gap:6px;overflow:hidden}.cp-attachment-name span{overflow:hidden;text-overflow:ellipsis}.cp-attachment-actions{color:#e0f2fe;display:flex;gap:4px}.cp-attachment-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff26;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.cp-message-other .cp-attachment-btn{background:var(--border)}.cp-message-actions{display:flex;flex-direction:column;gap:4px}.cp-action-buttons{display:flex;flex-wrap:wrap;gap:6px}.cp-action-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:var(--gray-500);cursor:pointer;display:flex;font-size:.7rem;gap:4px}.cp-delete-btn{color:var(--error)}.cp-replies{display:flex;flex-direction:column;gap:4px;margin-top:4px}.cp-file-tools{flex-shrink:0}.cp-attach-btn,.cp-file-tools{align-items:center;display:flex}.cp-attach-btn{-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:8px;color:var(--gray-500);cursor:pointer;height:30px;justify-content:center;transition:all .2s;width:30px}.cp-attach-btn:hover{background:var(--gray-100);color:var(--primary);transform:scale(1.1)}.cp-selected-files{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px;margin-top:0;width:100%}.cp-selected-file{background:var(--border);border-radius:6px;font-size:.72rem;padding:4px 8px}.cp-reply-box{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:none;border-radius:8px;border-right:3px solid var(--primary);display:flex;justify-content:space-between;margin-bottom:0;padding:6px 10px;width:100%}.cp-reply-content{color:var(--text-primary);font-size:.74rem}.cp-reply-cancel{-webkit-tap-highlight-color:transparent;background:#0000;border:none;cursor:pointer}.cp-comment-wrapper{animation:fadeInUp .3s cubic-bezier(.4,0,.2,1)}.cp-context-menu{animation:cp-menu-in .12s ease;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:140px;padding:4px;position:fixed;z-index:2000}@keyframes cp-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cp-context-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:7px;color:var(--text-primary);cursor:pointer;direction:rtl;display:flex;font-family:var(--font-family);font-size:.78rem;gap:8px;padding:8px 12px;text-align:right;transition:background .15s;width:100%}.cp-context-item:hover{background:var(--gray-100)}.cp-context-danger{color:var(--error)}.cp-context-danger:hover{background:#fef2f2}.cp-context-divider{background:var(--border);height:1px;margin:3px 0}.cp-edit-area{display:flex;flex-direction:column;gap:6px}.cp-edit-textarea{background:#ffffff26;border:1px solid #fff6;border-radius:8px;box-sizing:border-box;color:inherit;direction:rtl;font-family:var(--font-family);font-size:.78rem;line-height:1.5;padding:6px 8px;resize:none;width:100%}.cp-message-other .cp-edit-textarea{background:#f8fafc;border-color:var(--border);color:var(--text-primary)}.cp-edit-textarea:focus{border-color:#ffffffb3;outline:none}.cp-edit-actions{display:flex;gap:6px;justify-content:flex-end}.cp-edit-cancel-btn,.cp-edit-save-btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:6px;cursor:pointer;font-family:var(--font-family);font-size:.72rem;padding:3px 10px}.cp-edit-save-btn{background:#ffffffe6;color:var(--primary);font-weight:600}.cp-edit-cancel-btn{background:#fff3;color:inherit}.cp-message-other .cp-edit-save-btn{background:var(--primary);color:#fff}.cp-message-other .cp-edit-cancel-btn{background:var(--gray-100);color:var(--gray-600)}.cp-reply-quote{background:#00000014;border-radius:8px;cursor:pointer;direction:rtl;display:flex;gap:6px;margin-bottom:6px;overflow:hidden;padding:6px 8px}.cp-message-own .cp-reply-quote{background:#ffffff26}.cp-reply-quote-bar{background:#fff;border-radius:2px;flex-shrink:0;order:-1;width:3px}.cp-message-other .cp-reply-quote-bar{background:var(--primary)}.cp-reply-quote-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.cp-reply-quote-author{color:#fff;font-size:.7rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-message-other .cp-reply-quote-author{color:var(--primary)}.cp-reply-quote-text{color:#fffc;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-message-other .cp-reply-quote-text{color:var(--gray-500)}.business-register-container{background-color:var(--bg-light);direction:rtl;font-family:var(--font-family);margin-top:64px;min-height:100vh;padding:24px}.business-register-container .header{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-dark) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#fff;margin-bottom:32px;padding:20px;text-align:center}.business-register-container .header h1{font-size:24px;font-weight:700;margin:0 0 8px}.business-register-container .header p{font-size:14px;margin:0;opacity:.9}.form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;gap:32px;margin:1.5rem 2rem;padding:24px}.profile-image-section{align-items:center;display:flex;flex:0 0 180px;flex-direction:column}.image-upload-container{border:3px solid var(--primary-light);border-radius:50%;box-shadow:var(--shadow-md);height:150px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.image-upload-container:hover{border-color:var(--primary-blue);transform:scale(1.05)}.image-upload-label{cursor:pointer;display:block;height:100%;width:100%}.image-preview{height:100%;position:relative;width:100%}.image-preview img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background-color:var(--danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;left:8px;position:absolute;top:8px;transition:all .2s;width:28px}.remove-image-btn:hover{background-color:#dc2626;transform:scale(1.1)}.image-placeholder{align-items:center;background-color:var(--secondary-blue);color:var(--primary-blue);display:flex;flex-direction:column;height:100%;justify-content:center;transition:all .3s ease;width:100%}.image-placeholder:hover{background-color:var(--accent-blue)}.tabs-container{flex:1 1}.tabs-header{border-bottom:2px solid var(--border-light);display:flex;margin-bottom:24px}.tab-button{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;position:relative;transition:all .3s ease}.tab-button:after{background-color:var(--primary-blue);bottom:-2px;content:"";height:2px;position:absolute;right:0;transition:width .3s ease;width:0}.tab-button.active,.tab-button:hover{color:var(--primary-blue)}.tab-button.active{font-weight:500}.tab-button.active:after{width:100%}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:32px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-dark);font-size:14px;font-weight:500}.form-group.full-width{grid-column:1/-1}.input-with-icon{position:relative;transition:all .3s ease}.input-with-icon .input-icon{color:var(--text-light);position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease}.input-with-icon input,.input-with-icon select,.input-with-icon textarea{background-color:#fff;border:2px solid var(--border-light);border-radius:var(--radius-md);font-family:var(--font-family);font-size:14px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.input-with-icon textarea{min-height:80px;resize:vertical}.input-with-icon input:focus,.input-with-icon select:focus,.input-with-icon textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a;outline:none}.input-with-icon.focused .input-icon{color:var(--primary-blue)}.input-with-icon.has-value input,.input-with-icon.has-value select,.input-with-icon.has-value textarea{background-color:#10b9810d;border-color:var(--success)}.input-with-icon.has-value .input-icon{color:var(--success)}.input-with-icon.error input,.input-with-icon.error select,.input-with-icon.error textarea{background-color:#ef44440d;border-color:var(--danger)}.error-text,.input-with-icon.error .input-icon{color:var(--danger)}.error-text{font-size:12px;margin-top:4px}.submit-button{align-items:center;background-color:var(--primary-blue);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.submit-button:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-button:disabled{background-color:var(--text-light);box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.form-container{align-items:center;flex-direction:column}.tabs-header{flex-wrap:wrap}.tab-button{flex:1 1;min-width:120px;text-align:center}.form-grid{grid-template-columns:1fr}}.filter-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:16px;padding:20px;transition:all var(--transition-normal)}.filter-section:hover{box-shadow:var(--shadow-md)}.filter-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.filter-card{align-items:center;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;min-height:52px;padding:14px 16px;transition:all var(--transition-fast)}.filter-card:hover{background:var(--gray-100);border-color:var(--primary-light);box-shadow:var(--shadow-xs);transform:translateY(-2px)}.filter-card.active{background:#0000000d;border-color:var(--primary);color:var(--primary)}.filter-icon{color:var(--text-muted);flex-shrink:0;font-size:1.1rem}.filter-value{color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:500;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.filter-card.active .filter-icon{color:var(--primary)}.chip-section{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.chip-container{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.chip{align-items:center;animation:fadeIn var(--transition-normal);background:#0000000d;border:1px solid var(--primary);border-radius:20px;display:flex;gap:6px;height:32px;padding:6px 12px;transition:all var(--transition-fast)}.chip:hover{background:var(--primary);color:#fff}.chip:hover .chip-close,.chip:hover .chip-text{color:#fff}.chip-text{font-weight:500;line-height:1;transition:color var(--transition-fast)}.chip-close,.chip-text{color:var(--primary);font-size:.8rem}.chip-close{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;transition:all var(--transition-fast);width:16px}.chip-close:hover{background:#fff3;transform:scale(1.1)}.action-buttons{display:flex;gap:12px}.btn{display:flex;font-family:var(--font-family);font-size:.9rem;font-weight:500;gap:8px;height:40px;justify-content:center;min-width:100px;padding:10px 20px;transition:all var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:var(--gray-100);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--gray-200);transform:translateY(-2px)}.btn-icon{font-size:1.1rem}.toolbar{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:16px;padding:16px 20px}.search-container{flex:1 1;min-width:280px}.search-bar{position:relative}.search-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);direction:rtl;font-family:var(--font-family);font-size:.9rem;height:42px;padding:10px 44px 10px 12px;transition:all var(--transition-fast);width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2c2a5c1a;outline:none}.search-icon,.search-input::placeholder{color:var(--text-muted)}.search-icon{left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.toolbar-actions{align-items:center;display:flex;gap:24px}.switch-container{align-items:center;display:flex;gap:8px;white-space:nowrap}.switch{display:inline-block;height:20px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--gray-300);border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:var(--transition-normal)}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;width:16px}input:checked+.slider{background-color:var(--success)}input:checked+.slider:before{transform:translateX(20px)}.switch-label{color:var(--text-primary);font-size:.85rem;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:12px}.select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;direction:rtl;font-family:var(--font-family);font-size:.85rem;height:40px;min-width:100px;padding:8px 12px;transition:all var(--transition-fast)}.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2c2a5c1a;outline:none}.table-container{animation:slideIn var(--transition-normal);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:16px;overflow:hidden}.table-header{grid-gap:16px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:grid;font-size:.9rem;font-weight:600;gap:16px;grid-template-columns:1fr 1.2fr 1.2fr 1.3fr;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-cell{align-items:center;display:flex;justify-content:flex-end;padding:0 8px;text-align:right}.table-content{max-height:500px;overflow-y:auto}.table-row:hover{transform:translateX(-4px)}.table-row.even-row,.table-row:hover{background-color:var(--gray-50)}.table-row.even-row:hover{background-color:var(--gray-100)}.row-cell{align-items:center;display:flex;justify-content:flex-end;padding:0 8px}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-primary{color:var(--primary)}.text-bold{font-weight:600}.amount-text{font-family:var(--font-family)}.amount-text,.credit-text{direction:ltr;font-size:.95rem;font-weight:600}.credit-text{color:var(--success)}.debit-text{color:var(--error);direction:ltr;font-size:.95rem;font-weight:600}.customer-info{display:flex;flex-direction:column;gap:4px;text-align:right}.customer-name{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.3}.customer-code{color:var(--text-muted);font-family:var(--font-family);font-size:.8rem}.pagination{align-items:center;background:var(--gray-50);border-top:1px solid var(--border);display:flex;gap:12px;justify-content:center;padding:20px}.pagination-button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-size:.85rem;font-weight:500;height:36px;min-width:60px;padding:8px 16px;transition:all var(--transition-fast)}.pagination-button:hover:not(:disabled){background:var(--gray-100);border-color:var(--primary);color:var(--primary)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:4px}.page-number{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.85rem;font-weight:500;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.page-number:hover{background:var(--gray-100);border-color:var(--primary)}.page-number.active{background:var(--primary);border-color:var(--primary);color:#fff}.detail-header{padding:20px!important}.back-button{align-items:center;background:#ffffff26;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-family);font-size:.9rem;gap:8px;height:40px;padding:8px 16px;transition:all var(--transition-fast)}.back-button:hover{background:#ffffff40;transform:translateX(4px)}.customer-header-info{align-items:center;display:flex;justify-content:space-between;margin-right:16px;width:100%}.customer-header-title{align-items:center;display:flex;gap:16px}.customer-header-title h1{font-size:1.3rem;font-weight:700;line-height:1.3;margin:0}.customer-header-title p{font-size:.85rem;margin:4px 0 0;opacity:.9}.print-button{align-items:center;background:#fff;border:none;border-radius:var(--radius-md);color:var(--primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.9rem;font-weight:600;gap:8px;height:40px;padding:10px 20px;transition:all var(--transition-fast)}.print-button:hover{background:var(--primary);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.detail-info-card{grid-gap:20px;animation:slideIn var(--transition-normal);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:16px;padding:24px}.info-row{align-items:center;display:flex;gap:12px;padding:8px 0}.info-label{color:var(--text-primary);font-size:.9rem;font-weight:600;min-width:70px;text-align:right}.balance-row{align-items:center;border-top:1px solid var(--border);display:flex;gap:12px;grid-column:1/-1;margin-top:8px;padding-top:16px}.balance-amount{direction:ltr;font-family:var(--font-family);font-size:1.2rem;font-weight:700}.balance-amount.positive{color:var(--success)}.balance-amount.negative{color:var(--error)}.detail-table-header{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin:16px;padding:20px}.detail-table-header h2{color:var(--primary);font-size:1.1rem;font-weight:700;margin:0}.fiscal-dropdown-button{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.9rem;gap:8px;height:44px;justify-content:space-between;min-width:220px;padding:10px 16px;transition:all var(--transition-fast)}.fiscal-dropdown-button:hover{border-color:var(--primary);box-shadow:var(--shadow-xs)}.detail-fiscal-selector{position:relative}.fiscal-dropdown-list{animation:slideDown var(--transition-fast);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.fiscal-dropdown-item{cursor:pointer;font-size:.9rem;padding:12px 16px;transition:all var(--transition-fast)}.fiscal-dropdown-item:hover{background:var(--gray-50);color:var(--primary)}.detail-table-container{animation:slideIn var(--transition-normal);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:16px;overflow:hidden}.detail-table-header-row{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;font-size:.9rem;font-weight:600;padding:16px 20px;text-align:right}.detail-header-cell{align-items:center;display:flex;justify-content:flex-end;padding:0 12px;text-align:right}.detail-table-content{max-height:430px;overflow-y:auto}.detail-table-row{align-items:center;border-bottom:1px solid var(--border-light);display:flex;min-height:60px;padding:4px 16px;text-align:right;transition:all var(--transition-fast)}.detail-table-row.even,.detail-table-row:hover{background-color:var(--gray-50)}.detail-table-row.even:hover{background-color:var(--gray-100)}.detail-table-cell{align-items:center;display:flex;justify-content:flex-end;padding:0 12px}.date-description{display:flex;flex-direction:column;gap:4px;text-align:right}.date{color:var(--text-muted);font-family:var(--font-family);font-size:.8rem}.description{color:var(--text-primary);font-size:.9rem;line-height:1.4}.empty-container,.loader-container{align-items:center;animation:fadeIn var(--transition-normal);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;margin:16px;padding:60px 20px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #2c2a5c1a;border-radius:50%;border-top:3px solid var(--primary);height:40px;margin-bottom:16px;width:40px}.loading-spinner.large{border-width:4px;height:60px;width:60px}.empty-message,.loading-text{color:var(--text-muted);font-size:.95rem;font-weight:500}.empty-message{margin-top:16px}.modal{animation:slideUp var(--transition-normal);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:95vw;overflow:hidden;padding:24px;width:500px}.modal-close{align-items:center;background:var(--gray-100);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.modal-close:hover{background:var(--gray-200);color:var(--error);transform:rotate(90deg)}.modal-search{margin-bottom:16px}.modal-list{border:1px solid var(--border-light);border-radius:var(--radius-md);flex:1 1;overflow-y:auto}.modal-item{border-bottom:1px solid var(--border-light);cursor:pointer;font-size:.9rem;padding:14px 16px;transition:all var(--transition-fast)}.modal-item:hover{background:var(--gray-50);padding-right:20px}.modal-item.all-customers{background:var(--primary-light);color:var(--primary);font-weight:600}.modal-item.all-customers:hover{background:var(--primary);color:#fff}.modal-item-text{color:var(--text-primary);font-size:.9rem;transition:color var(--transition-fast)}.modal-item:hover .modal-item-text{color:var(--primary)}.error-toast{animation:slideInUp .3s ease;background:linear-gradient(135deg,#fef3f2,#fff6f6);border:1px solid #fecaca;border-radius:var(--radius-lg);bottom:24px;box-shadow:var(--shadow-lg);font-size:.9rem;justify-content:space-between;left:24px;margin:0 auto;max-width:600px;padding:16px 20px;position:fixed;right:24px;z-index:3000}.error-content,.error-toast{align-items:center;display:flex}.error-content{flex:1 1;gap:12px}.error-icon{align-items:center;background:var(--error);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:24px;justify-content:center;width:24px}.error-message{color:#7c2d12;flex:1 1;font-size:.9rem;line-height:1.4}.error-close{background:#0000;border:none;border-radius:4px;color:#7c2d12;cursor:pointer;flex-shrink:0;padding:4px;transition:all var(--transition-fast)}.error-close:hover{background:#7c2d121a}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.detail-info-card,.filter-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.customer-header-info{align-items:stretch;flex-direction:column;gap:16px}.print-button{align-self:stretch;justify-content:center}.filter-row{grid-template-columns:1fr}.chip-section{align-items:stretch;flex-direction:column;gap:12px}.action-buttons{justify-content:stretch}.action-buttons .btn{flex:1 1}.toolbar{align-items:stretch;flex-direction:column;gap:12px}.search-container{min-width:100%}.toolbar-actions{justify-content:space-between;width:100%}.detail-table-header-row,.table-header{overflow-x:auto;padding:12px 16px}.detail-table-row,.table-row{padding:12px 16px}.modal{padding:20px;width:95%}.detail-table-header{align-items:stretch;flex-direction:column;gap:16px}.fiscal-dropdown-button{min-width:100%}.fiscal-dropdown-list{margin-top:8px;position:static}}@media (max-width:576px){.detail-info-card,.detail-table-container,.detail-table-header,.filter-section,.table-container,.toolbar{margin:12px;padding:16px}.btn{font-size:.85rem;padding:8px 16px}.btn,.select{min-width:80px}.select{font-size:.8rem}.pagination-button{min-width:50px;padding:6px 12px}.page-number{height:32px;width:32px}.error-toast{bottom:12px;left:12px;padding:12px 16px;right:12px}}.form-group input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.form-group label:has(input[type=checkbox]){align-items:center;cursor:pointer;display:flex;font-weight:500;gap:10px}.payment-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;color:var(--text-primary);max-height:90vh;max-width:50vw;padding:16px;width:900px}.payment-modal .modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.payment-modal .modal-header h3{color:var(--primary);font-size:1rem;font-weight:600;margin:0}.payment-modal{gap:12px}.payment-modal,.payments-table{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.payments-table{gap:8px}.payments-header,.payments-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:110px 110px 140px 110px 120px 140px 60px;min-width:0}.payments-header{background:var(--secondary-blue);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--primary);font-size:.8rem;font-weight:700;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}.payments-body{display:flex;flex:1 1;flex-direction:column;gap:6px;max-height:350px;overflow-y:auto;padding-right:4px}.payments-row{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.payments-row:hover{background:var(--gray-50)}.payments-header .col,.payments-row .col{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payments-header .col.actions,.payments-row .col.actions{display:flex;justify-content:center}.payments-row .col .custom-date-input input,.payments-row .col input,.payments-row .col select{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:.8rem;height:28px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;transition:all .2s;white-space:nowrap;width:100%}.payments-row .col .custom-date-input input:focus,.payments-row .col input:focus,.payments-row .col select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #122e4b26;outline:none}.payments-row .col .custom-date-input input:disabled,.payments-row .col input:disabled,.payments-row .col select:disabled{background:var(--gray-100);cursor:not-allowed}.jalali-calendar{direction:rtl;font-family:var(--font-family)}.jalali-calendar .react-datepicker__header{background-color:var(--primary);border-bottom:none;padding-top:12px}.jalali-calendar .react-datepicker__current-month{color:#fff;font-weight:600}.jalali-calendar .react-datepicker__day-name{color:#fff;font-weight:500}.jalali-calendar .react-datepicker__day{border-radius:var(--radius-sm);font-family:var(--font-family)}.jalali-calendar .react-datepicker__day--selected{background-color:var(--primary)}.jalali-calendar .react-datepicker__day--keyboard-selected{background-color:#122e4b1a}.jalali-calendar .react-datepicker__day:hover{background-color:var(--gray-200)}.jalali-popper{z-index:10000}.payments-footer{border-top:1px solid var(--border);display:flex;justify-content:flex-start;margin-top:8px;padding-top:8px}.payment-modal .modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.payment-modal .add-item-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:4px;height:28px;padding:6px 12px;transition:all .2s}.payment-modal .add-item-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.payment-modal .remove-item-btn{align-items:center;background:var(--error);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:all .2s;width:24px}.payment-modal .remove-item-btn:hover{background:#dc2626}.payment-modal .remove-item-btn:disabled{cursor:not-allowed;opacity:.5}.payment-modal .submit-btn{align-items:center;background:var(--success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:4px;height:32px;padding:6px 12px;transition:all .2s}.payment-modal .submit-btn:hover{background:#059669}.payment-modal .cancel-btn{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;height:32px;padding:6px 12px;transition:all .2s}.payment-modal .cancel-btn:hover{background:var(--gray-100)}.close-btn{background:var(--gray-200);border-radius:50%;height:24px;transition:all .2s;width:24px}.close-btn:hover{background:var(--gray-300)}.payments-body::-webkit-scrollbar{width:6px}.payments-body::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.payments-body::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}.payments-body::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@media (max-width:992px){.payments-header,.payments-row{font-size:.75rem;gap:6px;grid-template-columns:minmax(80px,1fr) minmax(80px,1fr) minmax(100px,1fr) minmax(80px,1fr) minmax(90px,1fr) minmax(100px,1fr) 60px}.payments-row .col .custom-date-input input,.payments-row .col input,.payments-row .col select{font-size:.75rem;padding:3px 6px}.payments-body{max-height:300px}.payment-modal{padding:12px;width:95%}}@media (max-width:768px){.payments-header,.payments-row{font-size:.7rem;gap:4px;grid-template-columns:minmax(70px,1fr) minmax(70px,1fr) minmax(90px,1fr) minmax(70px,1fr) minmax(80px,1fr) minmax(90px,1fr) 50px}.modal-actions{flex-wrap:wrap;gap:6px}.modal-actions button{flex:1 1;min-width:120px}}@media (max-width:576px){.payments-header,.payments-row{display:flex;flex-wrap:wrap;gap:4px}.payments-header .col,.payments-row .col{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:0;min-width:120px}.payments-header .col.actions,.payments-row .col.actions{flex:0 0 60px;justify-content:center}.payment-modal{max-height:95vh;padding:8px;width:98%}}@media (max-width:480px){.payment-modal{padding:6px}.payments-header .col,.payments-row .col{flex:1 0 100%}.payment-summary div{gap:8px!important;grid-template-columns:1fr!important}}.modal-refrence{align-items:flex-start;animation:fadeIn .2s ease;background:#080f1ebf;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:10000}.modal-refrence .modal.large{animation:slideInUp .3s ease;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:95vw}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-refrence .modal-header{align-items:center;background:var(--surface);border-bottom:2px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-refrence .modal-header h3{color:var(--primary);font-size:.95rem;font-weight:600;margin:0}.modal-refrence .close-btn{align-items:center;background:var(--gray-200);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;height:28px;justify-content:center;transition:all .2s;width:28px}.modal-refrence .close-btn:hover{background:var(--gray-300);transform:rotate(90deg)}.modal-refrence .filter-section{background:var(--gray-50);border-bottom:1px solid var(--border);padding:12px 16px}.modal-refrence .filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.modal-refrence .filter-group{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:160px}.modal-refrence .filter-label{align-items:center;color:var(--text-primary);display:flex;font-size:.75rem;font-weight:600;gap:2px}.modal-refrence .filter-label .required{color:var(--error);font-size:.8rem}.modal-refrence .filter-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-size:.75rem;height:30px;padding:6px 8px;transition:all .2s;width:100%}.modal-refrence .filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #122e4b26;outline:none}.modal-refrence .filter-select:disabled{cursor:not-allowed;opacity:.6}.modal-refrence .invoice-type-buttons{display:flex;flex-wrap:wrap;gap:4px}.modal-refrence .invoice-type-btn{background:var(--gray-100);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.7rem;height:28px;padding:5px 10px;transition:all .2s;white-space:nowrap}.modal-refrence .invoice-type-btn:hover{background:var(--gray-200)}.modal-refrence .invoice-type-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.modal-refrence .refresh-btn{align-items:center;align-self:flex-end;background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:4px;height:30px;padding:6px 12px;transition:all .2s}.modal-refrence .refresh-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.modal-refrence .refresh-btn:disabled{cursor:not-allowed;opacity:.6}.modal-refrence .selected-filters{border-top:1px dashed var(--border-light);display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:8px}.modal-refrence .selected-filter-item{align-items:center;background:var(--gray-100);border-radius:var(--radius-sm);color:var(--text-muted);display:flex;font-size:.7rem;gap:3px;padding:3px 8px}.modal-refrence .selected-filter-item:before{color:var(--primary);content:"•";font-size:.8rem}.modal-refrence .search-section{background:var(--surface);border-bottom:1px solid var(--border);padding:8px 16px}.modal-refrence .search-container{align-items:center;display:flex;gap:8px}.modal-refrence .search-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-size:.75rem;padding:6px 10px;transition:all .2s}.modal-refrence .search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #122e4b1a;outline:none}.modal-refrence .search-input::placeholder{color:var(--text-muted);font-size:.7rem}.modal-refrence .search-clear-btn{background:var(--gray-200);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.7rem;padding:6px 12px;transition:all .2s;white-space:nowrap}.modal-refrence .search-clear-btn:hover{background:var(--gray-300)}.modal-refrence .search-info{color:var(--text-muted);font-size:.7rem;margin-top:4px;text-align:right}.modal-refrence .table-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.modal-refrence .table-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:8px 16px}.modal-refrence .table-header h4{color:var(--text-primary);font-size:.85rem;font-weight:600;margin:0}.modal-refrence .table-info{align-items:center;display:flex;gap:12px}.modal-refrence .summary-count,.modal-refrence .total-count{color:var(--text-muted);font-size:.75rem}.modal-refrence .table-container{flex:1 1;overflow:hidden;padding:0 16px}.modal-refrence .items-table-scroll-container{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;max-height:500px;overflow-y:auto;position:relative}.modal-refrence .transaction-select-checkbox{cursor:pointer;height:16px;width:16px}.modal-refrence .confirm-selection-btn{background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.85rem;padding:8px 12px}.modal-refrence .confirm-selection-btn:disabled{cursor:not-allowed;opacity:.6}.modal-refrence .inline-loading{color:var(--text-muted);font-size:.85rem}.modal-refrence .items-table-scroll-container::-webkit-scrollbar{width:6px}.modal-refrence .items-table-scroll-container::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.modal-refrence .items-table-scroll-container::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.modal-refrence .items-table-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.modal-refrence .items-table{border-collapse:collapse;min-width:1400px;width:100%}.modal-refrence .items-table th{background:var(--gray-100);border-bottom:2px solid var(--border);color:var(--text-primary);font-size:.7rem;font-weight:600;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:right;top:0;white-space:nowrap;z-index:5}.modal-refrence .items-table td{border-bottom:1px solid var(--border-light);font-size:.7rem;line-height:1.3;padding:6px 8px;text-align:right;vertical-align:middle}.modal-refrence .items-table tr:nth-child(2n){background-color:var(--gray-50)}.modal-refrence .items-table tr:hover{background-color:var(--gray-100)}.modal-refrence .items-table .center-align{text-align:center}.modal-refrence .items-table .date-cell{direction:ltr;font-family:var(--font-family);font-size:.65rem;min-width:100px}.modal-refrence .items-table .amount-cell{color:var(--text-primary);font-family:var(--font-family);font-weight:500;min-width:100px}.modal-refrence .status-badge{border-radius:10px;display:inline-block;font-size:.65rem;font-weight:500;padding:2px 6px;white-space:nowrap}.modal-refrence .status-badge.paid{background:#22c55e1a;color:var(--success)}.modal-refrence .status-badge.unpaid{background:#ef44441a;color:var(--error)}.modal-refrence .status-badge.partial{background:#f59e0b1a;color:var(--warning)}.modal-refrence .sortable-header{cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.modal-refrence .sortable-header:hover{background-color:var(--gray-200)}.modal-refrence .sortable-header-content{align-items:center;display:flex;gap:4px;justify-content:flex-end}.modal-refrence .sort-icon{align-items:center;display:flex;flex-direction:column;height:12px;justify-content:center;opacity:.5;width:12px}.modal-refrence .sort-icon.active{color:var(--primary);opacity:1}.modal-refrence .sort-icon svg{height:8px;width:8px}.modal-refrence .sort-icon .arrow-up{margin-bottom:-2px}.modal-refrence .sort-icon .arrow-down{margin-top:-2px}.modal-refrence .error-message,.modal-refrence .loading-container,.modal-refrence .no-data{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;justify-content:center;padding:40px 20px;text-align:center}.modal-refrence .error-message{color:var(--error)}.modal-refrence .loading-small{color:var(--text-muted);font-size:.7rem;padding:5px 0}.modal-refrence .table-footer{background:var(--gray-50);border-top:1px solid var(--border);flex-shrink:0;padding:8px 16px}.modal-refrence .summary{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.modal-refrence .summary span{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.75rem;font-weight:500;padding:4px 8px}@media (max-width:1200px){.modal-refrence .modal.large{max-height:85vh;width:98vw}.modal-refrence .filter-row{gap:8px}.modal-refrence .filter-group{min-width:140px}.modal-refrence .items-table-scroll-container{max-height:400px}}@media (max-width:992px){.modal-refrence .modal.large{padding:0}.modal-refrence .filter-group{min-width:120px}.modal-refrence .invoice-type-buttons{flex-wrap:wrap}.modal-refrence .invoice-type-btn{flex:1 1;min-width:80px;text-align:center}.modal-refrence .items-table-scroll-container{max-height:350px}.modal-refrence .items-table td,.modal-refrence .items-table th{font-size:.65rem;padding:5px 6px}}@media (max-width:768px){.modal-refrence{padding:10px}.modal-refrence .modal.large{max-height:90vh;width:100%}.modal-refrence .filter-section,.modal-refrence .search-section,.modal-refrence .table-container,.modal-refrence .table-header{padding:10px}.modal-refrence .filter-row{flex-direction:column;gap:6px}.modal-refrence .filter-group{min-width:100%;width:100%}.modal-refrence .search-container{flex-direction:column;gap:6px}.modal-refrence .search-input{width:100%}.modal-refrence .table-header{align-items:flex-start;flex-direction:column;gap:6px}.modal-refrence .table-info{justify-content:space-between;width:100%}.modal-refrence .items-table-scroll-container{max-height:300px}.modal-refrence .summary{align-items:flex-start;flex-direction:column;gap:6px}}@media (max-width:576px){.modal-refrence{padding:5px}.modal-refrence .modal-header{padding:10px}.modal-refrence .items-table-scroll-container{max-height:250px}.modal-refrence .search-info,.modal-refrence .selected-filters{font-size:.65rem}}.modal-refrence .items-table tr.selectable-row{cursor:pointer;transition:all .2s}.modal-refrence .items-table tr.selectable-row:hover{background-color:var(--gray-100)!important;transform:translateX(-2px)}.modal-refrence .items-table tr.selectable-row.selected{background-color:#122e4b1a!important;border-left:3px solid var(--primary)}.modal-refrence .details-scroll-container{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;max-height:500px;overflow-y:auto;position:relative}.modal-refrence .details-scroll-container::-webkit-scrollbar{width:6px}.modal-refrence .details-scroll-container::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.modal-refrence .details-scroll-container::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.modal-refrence .details-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.modal-refrence .details-table{border-collapse:collapse;min-width:1200px;width:100%}.modal-refrence .details-table th{background:var(--gray-100);border-bottom:2px solid var(--border);color:var(--text-primary);font-size:.7rem;font-weight:600;padding:6px 8px;text-align:right;white-space:nowrap}.modal-refrence .details-table td{border-bottom:1px solid var(--border-light);font-size:.7rem;line-height:1.3;padding:5px 6px;text-align:right;vertical-align:middle}.modal-refrence .details-table tr:nth-child(2n){background-color:var(--gray-50)}.modal-refrence .details-table tr:hover{background-color:var(--gray-100)}.modal-refrence .details-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:8px 16px}.modal-refrence .details-header h4{color:var(--text-primary);font-size:.85rem;font-weight:600;margin:0}.modal-refrence .details-back-btn{align-items:center;background:var(--gray-200);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:.7rem;gap:4px;padding:5px 10px;transition:all .2s}.modal-refrence .details-back-btn:hover{background:var(--gray-300)}.modal-refrence .selected-transaction-info{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:.75rem;gap:12px;padding:8px 16px}.modal-refrence .selected-transaction-info .info-item{align-items:center;display:flex;gap:4px}.modal-refrence .selected-transaction-info .info-label{color:var(--text-muted);font-weight:600}.modal-refrence .details-loading{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;justify-content:center;padding:40px 20px}.modal-refrence .footer-actions{align-items:center;background:var(--gray-50);border-top:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:8px 16px}.modal-refrence .footer-actions .back-btn{align-items:center;background:var(--gray-200);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:.75rem;gap:4px;padding:6px 12px;transition:all .2s}.modal-refrence .footer-actions .back-btn:hover{background:var(--gray-300)}@media (max-width:992px){.modal-refrence .details-table{min-width:1000px}.modal-refrence .details-scroll-container{max-height:400px}}@media (max-width:768px){.modal-refrence .details-header{align-items:flex-start;flex-direction:column;gap:8px}.modal-refrence .selected-transaction-info{align-items:flex-start;flex-direction:column;gap:6px}.modal-refrence .details-scroll-container{max-height:350px}.modal-refrence .footer-actions{align-items:stretch;flex-direction:column;gap:8px}}.details-header-actions{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:16px;padding:12px 16px}.select-items-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:8px 16px;transition:background .2s}.select-items-btn:hover{background:var(--primary-dark)}.select-full-invoice-btn{background:var(--success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:background .2s}.select-full-invoice-btn:hover{background:var(--success-dark)}.selection-actions{align-items:center;display:flex;justify-content:space-between}.selection-info{align-items:center;display:flex;gap:12px}.selected-count{color:var(--primary);font-size:.9rem;font-weight:600}.select-all-btn{background:none;border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;font-size:.8rem;padding:4px 12px}.select-all-btn:hover{background:var(--primary-light)}.selection-buttons{display:flex;gap:8px}.confirm-selection-btn{align-items:center;background:var(--success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:8px 16px}.confirm-selection-btn:disabled{background:var(--gray-400);cursor:not-allowed}.cancel-selection-btn{background:var(--gray-300);border:none;border-radius:var(--radius-sm);color:var(--gray-700);cursor:pointer;font-size:.85rem;padding:8px 16px}.selected-row{background-color:rgba(var(--primary-rgb),.1)!important;border-left:3px solid var(--primary)}.selectable-row{cursor:pointer;transition:background-color .2s}.selectable-row:hover{background-color:var(--gray-100)}.selection-header{text-align:center;width:40px}.selection-header input[type=checkbox]{cursor:pointer;height:16px;width:16px}.details-action-buttons{display:flex;flex-wrap:wrap;gap:12px}.selectable-row.selected{background-color:var(--primary-light)}input[type=checkbox]{cursor:pointer;height:16px;width:16px}.team-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1001}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.task-modal,.team-modal{animation:slideUp .3s cubic-bezier(.34,1.2,.64,1);background:linear-gradient(135deg,var(--surface) 0,var(--gray-50) 100%);border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:550px;overflow:hidden;width:100%}.modal-title{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;color:#0000;display:flex;font-size:1.35rem;font-weight:700;gap:var(--spacing-sm);margin:0}.modal-title:before{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:2px;content:"";display:inline-block;height:24px;width:4px}.close-btn{align-items:center;background:var(--gray-100);border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:var(--spacing-sm);transition:var(--transition);width:36px}.close-btn:hover{background:#fee2e2;color:#dc2626;transform:rotate(90deg)}.modal-footer{background:#122e4b05;border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.form-textarea{font-size:.85rem;min-height:100px;resize:vertical}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all .2s ease}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:active:before{height:300px;width:300px}.btn.primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 4px 15px #122e4b33;color:#fff}.btn.primary:hover{box-shadow:0 6px 20px #122e4b4d;transform:translateY(-2px)}.btn.secondary{background:var(--gray-100);border:2px solid var(--border-light);color:var(--text-secondary)}.btn.secondary:hover{background:var(--gray-200);border-color:var(--gray-300);transform:translateY(-1px)}.checklist-items{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);max-height:350px;overflow-y:auto}.checklist-item-row{align-items:center;animation:slideIn .2s ease-out;background:linear-gradient(135deg,var(--gray-50) 0,var(--surface) 100%);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.checklist-item-row:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm);transform:translateX(4px)}.checklist-item-row label{align-items:center;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;gap:var(--spacing-md)}.checklist-item-row input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:20px;transition:transform .2s ease;width:20px}.checklist-item-row input[type=checkbox]:hover{transform:scale(1.1)}.checklist-item-row .completed{color:var(--text-muted);opacity:.7;text-decoration:line-through}.team-member-card{align-items:center;background:linear-gradient(135deg,var(--gray-50) 0,var(--surface) 100%);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all .2s ease}.team-member-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.team-member-avatar{align-items:center;border-radius:var(--radius-full);color:#fff;display:flex;font-size:1rem;font-weight:700;height:48px;justify-content:center;transition:transform .2s ease;width:48px}.team-member-card:hover .team-member-avatar{transform:scale(1.05)}.date-input-wrapper{position:relative}.datepicker-input{background:var(--surface);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:.85rem;padding:var(--spacing-md) var(--spacing-md);padding-left:100px;transition:all .2s ease;width:100%}.datepicker-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #122e4b1a;outline:none}.persian-date-display{background:#122e4b1a;border-radius:var(--radius-sm);color:var(--primary);font-size:.75rem;font-weight:500;left:var(--spacing-md);padding:2px 8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.activity-menu-dropdown{animation:slideDown .2s ease-out;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 10px 25px -5px #0000001a;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.activity-menu-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:right;transition:all .2s ease;width:100%}.activity-menu-item:hover{background:var(--gray-100);padding-right:var(--spacing-lg)}.activity-menu-item.danger{color:#dc2626}.activity-menu-item.danger:hover{background:#fee2e2}@media (max-width:768px){.task-modal,.team-modal{margin:var(--spacing-md);max-width:95%}.modal-title{font-size:1.1rem}.form-row{gap:var(--spacing-sm);grid-template-columns:1fr}.checklist-item-row{padding:var(--spacing-sm)}.checklist-item-row label{font-size:.8rem;gap:var(--spacing-sm)}}@media (max-width:480px){.modal-footer{flex-direction:column-reverse}.btn{justify-content:center;width:100%}.modal-title{font-size:1rem}.checklist-item-row{flex-wrap:wrap}.activity-menu-dropdown{animation:slideUp .3s ease-out;border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;left:0;position:fixed;right:0;top:auto;width:100%}}.main-tabs-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.main-tab-btn{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem .75rem;transition:var(--transition)}.main-tab-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.main-tab-btn.active{background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-color:#0000;box-shadow:0 8px 30px rgba(var(--primary-rgb),.14);color:#fff}.settings-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1rem}.products-table{background:#0000;border-collapse:collapse;width:100%}.products-table td,.products-table th{border-bottom:1px solid var(--border-light);font-size:.8rem;padding:.75rem 1rem;vertical-align:middle}.products-table thead th{color:var(--text-secondary);font-weight:700}.floating-add-btn{background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:10px;box-shadow:0 8px 24px rgba(var(--primary-rgb),.12);display:inline-flex;height:44px;width:44px}.empty-state{background:linear-gradient(180deg,var(--gray-50),var(--surface));border:1px solid var(--border-light);border-radius:var(--radius-md);padding:2rem}.product-name-wrapper{align-items:center;display:flex;gap:.75rem}.product-icon-small{color:var(--primary);font-size:1.05rem}.table-actions{gap:.5rem}.status-badge-list{border-radius:999px;font-size:.85rem;font-weight:700;padding:6px 10px}.status-badge-list.active{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.status-badge-list.inactive{background:#ef444414;color:var(--error)}.toast{align-items:center;border-radius:10px;box-shadow:0 8px 24px #00000014;color:#fff;display:flex;gap:.75rem;padding:.6rem 1rem}.toast.info{background:var(--info)}.toast.success{background:var(--success)}.toast.error{background:var(--error)}.products-table tbody tr{background:#0000;transition:background-color .15s ease}.products-table tbody tr:nth-child(odd) td{background-color:#00000005}.products-table tbody tr:nth-child(2n) td{background-color:#fff0}.products-table tr:hover td{background-color:#122e4b08}.products-table td,.products-table th{background-clip:padding-box}.products-table td{border-bottom:1px solid #0000000f}.color-picker-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-top:8px}@media (max-width:480px){.color-picker-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px) and (min-width:481px){.color-picker-grid{grid-template-columns:repeat(3,1fr)}}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#0000;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 0.5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;background-color:var(--xy-background-color-default);background-color:var(--xy-background-color,var(--xy-background-color-default));direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 0.5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-default);background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width-default);stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke-default);stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width-default);stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;pointer-events:none;position:absolute}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected-default);stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke-default);fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{overflow:visible;position:absolute;z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:default;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background-color:var(--xy-handle-background-color-default);background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:0;left:50%;top:auto;transform:translate(-50%,50%)}.react-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.react-flow__handle-left{left:0;top:50%;transform:translate(-50%,-50%)}.react-flow__handle-right{right:0;top:50%;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-15px) translateX(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color-default);background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.react-flow__minimap{background:var(--xy-minimap-background-color-default);background:var(
    --xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default))
  )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-default);fill:var(
      --xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default))
    );stroke:var(--xy-minimap-mask-stroke-color-default);stroke:var(
      --xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default))
    );stroke-width:var(--xy-minimap-mask-stroke-width-default);stroke-width:var(
      --xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default))
    )}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-default);fill:var(
      --xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default))
    );stroke:var(--xy-minimap-node-stroke-color-default);stroke:var(
      --xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default))
    );stroke-width:var(--xy-minimap-node-stroke-width-default);stroke-width:var(
      --xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default))
    )}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-dots-color-default);fill:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default))
    )}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-lines-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default))
    )}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-cross-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))
    )}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow-default);box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));display:flex;flex-direction:column}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{align-items:center;background:var(--xy-controls-button-background-color-default);background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      );color:var(--xy-controls-button-color-default);color:var(
      --xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))
    );cursor:pointer;display:flex;height:26px;justify-content:center;padding:4px;-webkit-user-select:none;user-select:none;width:26px}.react-flow__controls-button svg{fill:currentColor;max-height:12px;max-width:12px;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:var(--xy-node-background-color-default);background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));border:var(--xy-node-border,var(--xy-node-border-default));border-radius:var(--xy-node-border-radius-default);border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));color:var(--xy-node-color-default);color:var(--xy-node-color,var(--xy-node-color-default));font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover-default);box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected-default);box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color-default);background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color-default);background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-default);background:var(
        --xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default))
      );color:var(--xy-controls-button-color-hover-default);color:var(
        --xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default))
      )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color-default);background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;height:5px;translate:-50% -50%;width:5px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color-default);fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color-default);fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.wf-node{background:#fff;border:1px solid #94a3b859;border-radius:16px;box-shadow:0 6px 20px #0f172a14;font-family:sans-serif;min-width:180px;padding:12px 14px;position:relative;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.wf-node.is-selected{border-color:var(--node-accent);box-shadow:0 0 0 3px var(--node-accent-soft),0 10px 26px #0f172a1f;transform:translateY(-1px)}.wf-node__handle{border:2px solid #fff;border-radius:999px}.wf-node__handle--target{left:-5px}.wf-node__handle--source{right:-5px}.wf-node__handle--bottom-no{bottom:-5px}.wf-node__handle--approve{right:-5px}.wf-node__handle--reject{bottom:-5px}.wf-node--default{background:#fff;border:2px solid var(--node-accent);border-radius:14px;box-shadow:0 4px 14px #00000014;min-width:180px;padding:12px 16px 14px;transition:transform .18s ease,box-shadow .18s ease}.wf-node--default.is-selected{box-shadow:0 0 0 3px var(--node-accent-soft),0 8px 24px #0f172a24;transform:translateY(-1px)}.wf-node--circle{background:#0000;border:none;box-shadow:none;height:120px;min-width:0;min-width:auto;padding:0;width:120px}.wf-node--condition{display:block}.wf-node--inbox{width:190px}.wf-node--message{height:128px;width:180px}.wf-node--task{width:185px}.wf-node--approval{height:120px;width:185px}.wf-node--webhook{width:175px}.wf-node--delay{height:140px;width:160px}.wf-node__svg{display:block;height:100%;width:100%}.wf-node__svg--condition{left:0;position:absolute;top:0}.wf-node__row{align-items:center;display:flex;gap:8px}.wf-node__row--title{margin-bottom:2px}.wf-node__dot{background:var(--node-accent);border-radius:999px;flex:0 0 auto;height:10px;width:10px}.wf-node__title{color:#0f172a;font-size:13px;font-weight:800;line-height:1.3}.wf-node__title--condition{text-align:center}.wf-node__code{color:#94a3b8;font-family:monospace;font-size:11px;margin-top:2px}.wf-node__code--condition{text-align:center}.wf-node__badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.wf-node__badge{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:700;line-height:1.4;padding:2px 7px}.wf-node__badge--initial{background:#dbeafe;color:#1d4ed8}.wf-node__badge--final{background:#dcfce7;color:#15803d}.wf-node__badge--locked{background:#fee2e2;color:#b91c1c}.wf-node__badge--sla{background:#fef3c7;color:#92400e}.wf-node__floating-title{bottom:-22px;font-size:11px;font-weight:800;left:0;position:absolute;right:0;text-align:center}.wf-node__floating-title--circle{bottom:-22px}.wf-node__centered{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;padding:0 18px;pointer-events:none;position:absolute;text-align:center}.wf-node__edge-label{font-size:9px;font-weight:700;pointer-events:none;position:absolute}.wf-node__edge-label--right{color:#16a34a;right:-16px;top:50%;transform:translateY(-50%)}.wf-node__edge-label--bottom{bottom:-18px;color:#dc2626;left:50%;transform:translateX(-50%)}.wf-node__text{left:16px;position:absolute;right:16px}.wf-node__text--code{color:#94a3b8;font-family:monospace;font-size:10px;top:58px}.wf-node__text--approval-title,.wf-node__text--delay-title,.wf-node__text--inbox-title,.wf-node__text--message-title,.wf-node__text--task-title,.wf-node__text--webhook-title{color:#0f172a;font-size:12px;font-weight:800;top:10px}.wf-node__text--approval-code,.wf-node__text--task-code{top:26px}.wf-node__code--condition{color:#94a3b8}.wf-node__badge-wrap{left:16px;position:absolute;right:16px;top:98px}.wf-node__badge-wrap--message{top:78px}.wf-node__delay-hours{bottom:-4px;color:var(--node-accent);font-size:10px;font-weight:700;left:0;position:absolute;right:0;text-align:center}.wf-transition-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;padding:12px}.wf-transition-summary__title{color:#0f172a;font-size:12px;font-weight:800;margin-bottom:6px}.wf-transition-summary__route{color:#334155;font-size:13px;margin-bottom:8px}.wf-mini-badge{align-items:center;background:#e2e8f0;border-radius:999px;color:#334155;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:4px 8px}.wf-action-help{color:#64748b;font-size:11px;margin-bottom:8px;margin-top:-4px}.wf-advanced-toggle{margin-top:8px}.wf-condition-group{background:#fff;border:1px solid #cbd5e1;border-radius:10px;margin-bottom:8px;padding:12px}.wf-condition-group__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.wf-condition-group__operator{align-items:center;color:#475569;display:flex;font-size:12px;font-weight:700;gap:8px}.wf-condition-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px;position:relative}.wf-condition-row__fields{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr}.wf-condition-row__value{align-items:center;display:flex;gap:4px}.wf-condition-row__value input{flex:1 1}.wf-condition-input,.wf-condition-select{background:#fff;border:1px solid #cbd5e1;border-radius:7px;box-sizing:border-box;color:#334155;font-size:12px;padding:6px 8px;width:100%}.wf-condition-input:focus,.wf-condition-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #dbeafe;outline:none}.wf-condition-remove-btn{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:14px;line-height:1;padding:2px 4px;transition:color .15s}.wf-condition-remove-btn:hover{background:#fee2e2;color:#ef4444}.wf-condition-add-btn{align-items:center;background:none;border:none;color:#2563eb;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:4px 0}.wf-condition-add-btn:hover{text-decoration:underline}.wf-condition-add-group-btn{align-items:center;background:#f8fafc;border:1px dashed #94a3b8;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:12px;gap:6px;justify-content:center;padding:8px;transition:border-color .15s,background .15s;width:100%}.wf-condition-add-group-btn:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.wf-hint{color:#64748b;font-size:11px;line-height:1.6}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path{stroke:#2563eb!important;stroke-width:3.5!important;filter:drop-shadow(0 0 3px rgba(37,99,235,.45))}.react-flow__edge.selected .react-flow__edge-text{fill:#1d4ed8!important;font-weight:800!important}.opp-form-page{box-sizing:border-box;color:var(--text-primary);direction:rtl;font-family:var(--font-family);margin-right:4rem;min-height:calc(100vh - 90px);padding:10px 20px}.opp-form-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.opp-form-title h1{color:var(--primary);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin:0}.opp-form-title p{color:var(--text-muted);font-size:.78rem;margin:2px 0 0}.opp-form-header-actions{align-items:center;display:flex;gap:6px}.opp-form-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.8rem;font-weight:500;gap:5px;height:36px;padding:8px 14px;transition:all .2s;white-space:nowrap}.opp-form-btn:hover{background:var(--gray-100);transform:translateY(-1px)}.opp-form-submit-btn{background:var(--success);border-color:#0000;color:#fff;font-weight:600}.opp-form-submit-btn:hover{background:#0da271;transform:translateY(-1px)}.opp-form-submit-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.opp-form-cancel-btn{background:#ff8300;border-color:#0000;color:#fff}.opp-form-cancel-btn:hover{background:#dc2626;transform:translateY(-1px)}.opp-form-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;margin-bottom:8px;padding:10px}.opp-form-section-title{align-items:center;border-bottom:2px solid #e6f5f0;border-bottom:2px solid var(--primary-light,#e6f5f0);color:var(--primary);display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.opp-form-layout{grid-gap:8px;display:grid;gap:8px;grid-template-columns:2fr 1fr}@media (max-width:992px){.opp-form-layout{grid-template-columns:1fr}}.opp-form-grid{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:repeat(2,1fr)}@media (max-width:576px){.opp-form-grid{grid-template-columns:1fr}}.opp-form-grid .opp-form-group.full{grid-column:1/-1}.opp-form-group{display:flex;flex-direction:column;gap:4px;min-width:0}.opp-form-group label{color:var(--text-primary);font-size:.8rem;font-weight:600;white-space:nowrap}.opp-form-group .opp-form-required{color:var(--error);margin-right:2px}.opp-form-input,.opp-form-select,.opp-form-textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family);font-size:.8rem;height:30px;padding:4px 8px;transition:all .2s;width:100%}.opp-form-select{cursor:pointer}.opp-form-textarea{height:auto;line-height:1.5;min-height:70px;padding:8px 10px;resize:vertical}.opp-form-input:focus,.opp-form-select:focus,.opp-form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.opp-form-input:disabled,.opp-form-select:disabled,.opp-form-textarea:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.7}.opp-form-side{display:flex;flex-direction:column;gap:8px}.opp-form-side .opp-form-section{margin-bottom:0}.opp-form-help{color:var(--text-muted);font-size:.72rem;line-height:1.55;margin-top:4px}.opp-form-divider{border:0;border-top:1px solid var(--border-light);margin:10px 0}.opp-form-custom-wrap{margin-top:10px}.opp-form-custom-wrap .crm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:10px}.opp-form-custom-wrap .crm-card-header{margin-bottom:12px}.opp-form-custom-wrap .crm-card-title{border-bottom:2px solid #e6f5f0;border-bottom:2px solid var(--primary-light,#e6f5f0);color:var(--primary);font-size:1rem;font-weight:600;margin:0;padding-bottom:8px}.opp-form-custom-wrap .crm-form-grid{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:repeat(2,1fr)}@media (max-width:576px){.opp-form-custom-wrap .crm-form-grid{grid-template-columns:1fr}}.opp-form-custom-wrap .crm-field{display:flex;flex-direction:column;gap:4px}.opp-form-custom-wrap .crm-label{color:var(--text-primary);font-size:.8rem;font-weight:600}.opp-form-custom-wrap .crm-label-code{display:none}.opp-form-custom-wrap .crm-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family);font-size:.8rem;height:30px;padding:4px 8px;transition:all .2s;width:100%}.opp-form-custom-wrap textarea.crm-input{height:auto;min-height:70px;padding:8px 10px;resize:vertical}.opp-form-custom-wrap .crm-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.opp-form-custom-wrap .crm-group{display:contents}.opp-form-custom-wrap .crm-group-title{background:var(--gray-50);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;font-weight:600;grid-column:1/-1;margin-bottom:4px;padding:6px 10px}.opp-form-custom-wrap .crm-help{color:var(--text-muted);font-size:.7rem;margin-top:2px}.opp-form-custom-wrap .crm-empty{color:var(--text-muted);font-size:.8rem;grid-column:1/-1;padding:20px;text-align:center}.opp-form-custom-wrap .crm-muted{color:var(--text-muted);font-size:.75rem}.opp-form-custom-wrap .crm-error{background:linear-gradient(135deg,#fef3f2,#fff6f6);border:1px solid #fecaca;border-radius:var(--radius-sm);color:#7c2d12;font-size:.78rem;margin-bottom:8px;padding:6px 10px}.opp-form-info{background:linear-gradient(135deg,#10b9810f,#16694e0a);border:1px solid #10b98140;border-radius:var(--radius-sm);color:#065f46}.opp-form-error,.opp-form-info{font-size:.8rem;margin-bottom:10px;padding:8px 12px}.opp-form-error{background:linear-gradient(135deg,#fef3f2,#fff6f6);border:1px solid #fecaca;border-radius:var(--radius-sm);color:#7c2d12}.opp-form-footer-actions{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:8px;justify-content:flex-start;margin-top:12px;padding-top:12px}@media (max-width:768px){.opp-form-page{padding:10px}.opp-form-header{align-items:stretch;flex-direction:column;gap:10px}.opp-form-header-actions{flex-wrap:wrap;justify-content:flex-end}.opp-form-section{padding:8px}}.crm-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0f;direction:rtl;padding:18px}.crm-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.crm-card-title{color:#0f172a;font-size:18px;font-weight:800;margin:0}.crm-subtitle{color:#64748b;font-size:13px;margin-top:2px}.crm-actions{display:flex;flex-shrink:0;gap:8px}.crm-btn{background:#fff;border:1px solid #cbd5e1;border-radius:9px;color:#334155;cursor:pointer;font-size:13px;font-weight:700;padding:8px 14px}.crm-btn:hover{background:#f8fafc}.crm-btn:disabled{cursor:not-allowed;opacity:.55}.crm-btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.crm-btn-primary:hover{background:#1d4ed8}.crm-details-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.crm-details-grid>div{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;display:flex;flex-direction:column;gap:3px;padding:10px 12px}.crm-k{color:#94a3b8;font-size:11px}.crm-k,.crm-v{font-weight:700}.crm-v{color:#0f172a;font-size:14px}.crm-wf-box{background:#fbfdff;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:14px}.crm-panel-title{align-items:center;color:#0f172a;display:flex;font-size:13px;font-weight:800;gap:8px;margin-bottom:10px}.crm-wf-current{background:#eff6ff;border-radius:999px;color:#1d4ed8;font-size:11px;font-weight:700;padding:2px 8px}.crm-wf-steps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.crm-wf-step{align-items:center;background:#f1f5f9;border-radius:999px;color:#475569;display:flex;font-size:12px;font-weight:600;gap:6px;padding:5px 10px}.crm-wf-step.is-current{background:#dbeafe;box-shadow:inset 0 0 0 1.5px #2563eb;color:#1d4ed8;font-weight:800}.crm-wf-dot{border-radius:50%;height:9px;width:9px}.crm-wf-transitions{display:flex;flex-wrap:wrap;gap:8px}.crm-note{margin-top:14px}.crm-note p{color:#334155;font-size:13px;line-height:1.8;margin:6px 0 0}.crm-empty{color:#94a3b8;font-size:13px;padding:18px;text-align:center}.crm-empty-sm{color:#94a3b8;font-size:12px}.crm-error{background:#fee2e2;border-radius:9px;color:#991b1b;font-size:12px;margin-bottom:12px;padding:9px 12px}@media (max-width:640px){.crm-details-grid{grid-template-columns:repeat(2,1fr)}}.opp-list-page{box-sizing:border-box;color:var(--text-primary);direction:rtl;font-family:var(--font-family);margin-right:5rem;min-height:calc(100vh - 90px);padding:10px 20px}.opp-list-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.opp-list-title h1{color:var(--primary);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin:0}.opp-list-title p{color:var(--text-muted);font-size:.78rem;margin:2px 0 0}.opp-list-header-actions{align-items:center;display:flex;gap:6px}.opp-list-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.8rem;font-weight:500;gap:5px;height:36px;padding:8px 14px;transition:all .2s;white-space:nowrap}.opp-list-btn:hover{background:var(--gray-100);transform:translateY(-1px)}.opp-list-btn-primary{background:var(--success);border-color:#0000;color:#fff}.opp-list-btn-primary:hover{background:#0da271;transform:translateY(-1px)}.opp-list-btn-ghost{background:var(--gray-100);border-color:var(--border);color:var(--text-primary)}.opp-list-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;padding:10px}.opp-list-section-title{border-bottom:2px solid #e6f5f0;border-bottom:2px solid var(--primary-light,#e6f5f0);color:var(--primary);font-size:1rem;font-weight:600;margin-bottom:10px;padding-bottom:8px}.opp-list-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.opp-list-search-wrap{flex:1 1;min-width:220px;position:relative}.opp-list-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family);font-size:.8rem;height:32px;padding:4px 32px 4px 10px;transition:all .2s;width:100%}.opp-list-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.opp-list-search-icon{color:var(--text-muted);font-size:.9rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.opp-list-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-size:.8rem;height:32px;min-width:150px;padding:4px 10px;transition:all .2s}.opp-list-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.opp-list-table-scroll{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:630px;min-height:300px;overflow-x:auto;overflow-y:auto;width:100%}.opp-list-table{border-collapse:collapse;min-width:800px;width:100%}.opp-list-table th{background:var(--gray-100);border-bottom:2px solid var(--border);color:var(--text-primary);font-size:.8rem;font-weight:600;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:right;top:0;vertical-align:bottom;white-space:nowrap;z-index:10}.opp-list-table td{border-bottom:1px solid var(--border-light);font-size:.8rem;padding:8px 10px;position:relative;text-align:right;vertical-align:top}.opp-list-table tr:nth-child(2n){background-color:var(--gray-50)}.opp-list-table tr:hover{background-color:var(--gray-100)}.opp-list-cell-title{color:var(--text-primary);font-weight:600}.opp-list-cell-subtitle{color:var(--text-muted);font-size:.7rem;margin-top:2px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-list-amount{color:var(--text-primary);font-size:.8rem}.opp-list-amount,.opp-list-status{font-weight:600;white-space:nowrap}.opp-list-status{align-items:center;border-radius:12px;display:inline-flex;font-size:.7rem;gap:4px;padding:2px 10px}.opp-list-status.new{background:#3b82f61a;color:#2563eb}.opp-list-status.open{background:#10b9811a;color:var(--success)}.opp-list-status.won{background:#22c55e26;color:#16a34a}.opp-list-status.lost{background:#ef44441a;color:var(--error)}.opp-list-status.on_hold{background:#f59e0b1f;color:var(--warning)}.opp-list-wf-chip{align-items:center;background:#e0e7ef;background:var(--secondary-blue,#e0e7ef);border-radius:10px;color:var(--primary);display:inline-flex;font-size:.7rem;font-weight:500;gap:4px;padding:2px 8px}.opp-list-wf-chip.muted{background:var(--gray-100);color:var(--text-muted)}.opp-list-row-actions{align-items:center;display:flex;gap:4px;justify-content:flex-start}.opp-list-icon-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000f;cursor:pointer;display:inline-flex;font-size:.75rem;height:28px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:28px}.opp-list-icon-btn.view{background:linear-gradient(135deg,var(--info),#0ea5e9);border-color:#0ea5e9;color:#fff}.opp-list-icon-btn.view:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 2px 6px #0ea5e94d;transform:translateY(-1px) scale(1.05)}.opp-list-icon-btn.edit{background:linear-gradient(135deg,var(--warning),#f59e0b);border-color:#f59e0b;color:#fff}.opp-list-icon-btn.edit:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #f59e0b4d;transform:translateY(-1px) scale(1.05)}.opp-list-icon-btn.workflow{background:linear-gradient(135deg,var(--success),#10b981);border-color:#10b981;color:#fff}.opp-list-icon-btn.workflow:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b9814d;transform:translateY(-1px) scale(1.05)}.opp-list-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:.85rem;gap:8px;justify-content:center;padding:50px 20px;text-align:center}.opp-list-empty-icon{font-size:2.2rem;opacity:.55}.opp-list-foot{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;justify-content:space-between;margin-top:6px;padding:4px 6px}.opp-list-info{background:linear-gradient(135deg,#10b9810f,#16694e0a);border:1px solid #10b98140;border-radius:var(--radius-sm);color:#065f46}.opp-list-error,.opp-list-info{font-size:.8rem;margin-bottom:10px;padding:8px 12px}.opp-list-error{background:linear-gradient(135deg,#fef3f2,#fff6f6);border:1px solid #fecaca;border-radius:var(--radius-sm);color:#7c2d12}.opp-list-table-scroll::-webkit-scrollbar{height:8px;width:8px}.opp-list-table-scroll::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.opp-list-table-scroll::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.opp-list-table-scroll::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@media (max-width:992px){.opp-list-table{min-width:700px}.opp-list-toolbar{gap:6px}}@media (max-width:768px){.opp-list-page{padding:10px}.opp-list-header{align-items:stretch;flex-direction:column;gap:10px}.opp-list-header-actions{flex-wrap:wrap;justify-content:flex-end}.opp-list-table{min-width:600px}}@media (max-width:576px){.opp-list-table td,.opp-list-table th{font-size:.75rem;padding:6px 8px}.opp-list-icon-btn{height:26px;width:26px}.opp-list-table{min-width:500px}}.fb-page{box-sizing:border-box;color:var(--text-primary);direction:rtl;font-family:var(--font-family);min-height:calc(100vh - 90px);padding:10px 20px}.fb-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.fb-title h1{color:var(--primary);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin:0}.fb-title p{color:var(--text-muted);font-size:.78rem;line-height:1.55;margin:2px 0 0;max-width:760px}.fb-header-actions{align-items:center;display:flex;gap:6px}.fb-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.8rem;font-weight:500;gap:5px;height:36px;padding:8px 14px;transition:all .2s;white-space:nowrap}.fb-btn:hover{background:var(--gray-100);transform:translateY(-1px)}.fb-btn-primary{background:var(--success);border-color:#0000;color:#fff;font-weight:600}.fb-btn-primary:hover{background:#0da271;transform:translateY(-1px)}.fb-btn-danger{background:var(--error);border-color:#0000;color:#fff}.fb-btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.fb-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;margin-bottom:8px;margin-right:5rem;padding:10px}.fb-section-title{align-items:center;border-bottom:2px solid #e6f5f0;border-bottom:2px solid var(--primary-light,#e6f5f0);color:var(--primary);display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:12px;padding-bottom:8px}.fb-step-badge{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:22px;justify-content:center;width:22px}.fb-layout{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 2fr}@media (max-width:992px){.fb-layout{grid-template-columns:1fr}}.fb-grid{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:repeat(2,1fr)}@media (max-width:576px){.fb-grid{grid-template-columns:1fr}}.fb-grid .fb-group.full{grid-column:1/-1}.fb-group{display:flex;flex-direction:column;gap:4px;min-width:0}.fb-group label{color:var(--text-primary);font-size:.8rem;font-weight:600;white-space:nowrap}.fb-input,.fb-select,.fb-textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family);font-size:.8rem;height:30px;padding:4px 8px;transition:all .2s;width:100%}.fb-select{cursor:pointer}.fb-textarea{height:auto;min-height:60px;padding:8px 10px;resize:vertical}.fb-input:focus,.fb-select:focus,.fb-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.fb-help{color:var(--text-muted);font-size:.72rem;line-height:1.55;margin-top:4px}.fb-divider{border:0;border-top:1px solid var(--border-light);margin:10px 0}.fb-checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.8rem;gap:6px;-webkit-user-select:none;user-select:none}.fb-checkbox input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.fb-target-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.fb-target-card{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 12px;transition:all .2s}.fb-target-card:hover{background:var(--surface);border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.fb-target-card.active{background:#10b98114;border-color:var(--primary);box-shadow:0 0 0 2px #10b98126}.fb-target-card .name{color:var(--text-primary);font-size:.85rem;font-weight:600}.fb-target-card .meta{color:var(--text-muted);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-list{display:flex;flex-direction:column;gap:4px}.fb-list-item{align-items:center;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;font-size:.8rem;justify-content:space-between;padding:8px 10px;transition:all .2s}.fb-list-item:hover{background:var(--surface);border-color:var(--primary)}.fb-list-item-main{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.fb-list-item-name{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-list-item-meta{color:var(--text-muted);font-size:.7rem}.fb-list-item-actions{align-items:center;display:flex;gap:4px}.fb-icon-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000f;cursor:pointer;display:inline-flex;font-size:.75rem;height:28px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:28px}.fb-icon-btn.danger{background:linear-gradient(135deg,var(--error),#dc2626);border-color:#dc2626;color:#fff}.fb-icon-btn.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 6px #dc26264d;transform:translateY(-1px) scale(1.05)}.fb-chips{display:flex;flex-wrap:wrap;gap:6px}.fb-chip{align-items:center;background:var(--gray-100);border:1px dashed var(--border);border-radius:14px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.75rem;font-weight:500;gap:4px;padding:5px 10px;transition:all .2s}.fb-chip:hover{background:#10b9811a;border-color:var(--primary);border-style:solid;color:var(--primary);transform:translateY(-1px)}.fb-chip .fb-chip-code{font-size:.65rem;opacity:.65}.fb-chip-type{background:#3b82f61a;border-radius:8px;color:#2563eb;display:inline-block;font-size:.65rem;font-weight:600;margin-right:4px;padding:1px 6px}.fb-empty{background:var(--gray-50);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem;padding:24px 16px;text-align:center}.fb-info{background:linear-gradient(135deg,#10b9810f,#16694e0a);border:1px solid #10b98140;border-radius:var(--radius-sm);color:#065f46}.fb-error,.fb-info{font-size:.8rem;margin-bottom:10px;padding:8px 12px}.fb-error{background:linear-gradient(135deg,#fef3f2,#fff6f6);border:1px solid #fecaca;border-radius:var(--radius-sm);color:#7c2d12}.fb-loading{color:var(--text-muted);font-size:.78rem;padding:6px 0}@media (max-width:768px){.fb-page{padding:10px}.fb-header{align-items:stretch;flex-direction:column;gap:10px}.fb-header-actions{flex-wrap:wrap;justify-content:flex-end}}.modal-close-btn{align-items:center;background:var(--gray-200);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:var(--transition);width:32px}.modal-close-btn:hover{background:var(--border);color:var(--text-primary);transform:rotate(90deg)}.table-actions{gap:4px}.table-action-btn,.table-actions{display:flex;justify-content:center}.table-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.8rem;height:26px;transition:var(--transition);width:26px}.table-action-btn:hover{background:var(--gray-100)}.action-btn{align-items:center;border:1.5px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:12px;gap:2px;height:28px;justify-content:center;transition:all .18s ease;width:28px}.action-btn.primary,.table-action-btn.edit,.table-action-btn.primary{background:#10b9811a;border-color:#10b9814d;color:#10b981}.action-btn.primary:hover,.table-action-btn.edit:hover,.table-action-btn.primary:hover{background:#10b981;box-shadow:0 2px 8px #10b98140;color:#fff;transform:translateY(-1px)}.action-btn.info,.table-action-btn.info,.table-action-btn.view{background:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.action-btn.info:hover,.table-action-btn.info:hover,.table-action-btn.view:hover{background:#3b82f6;box-shadow:0 2px 8px #3b82f640;color:#fff;transform:translateY(-1px)}.action-btn.danger,.table-action-btn.danger,.table-action-btn.delete{background:#fef2f2;border-color:#fee2e2;color:#ef4444}.action-btn.danger:hover,.table-action-btn.danger:hover,.table-action-btn.delete:hover{background:#ef4444;box-shadow:0 2px 8px #ef444440;color:#fff;transform:translateY(-1px)}.action-btn.warning,.table-action-btn.warning{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.action-btn.warning:hover,.table-action-btn.warning:hover{background:#f59e0b;box-shadow:0 2px 8px #f59e0b40;color:#fff;transform:translateY(-1px)}.action-btn:hover{filter:brightness(.92);transform:translateY(-1px)}.action-btn.status-toggle{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-btn.status-toggle:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.action-btn.danger{background:#fef2f2;border-color:#fee2e2;color:#ef4444}.action-btn.danger:hover{background:#ef4444;box-shadow:0 2px 8px #ef444440;color:#fff;transform:translateY(-1px)}.project-status-section .priority-indicator{background:#0000!important;box-shadow:none!important;color:inherit!important;padding:0!important}.project-status-section .priority-indicator.priority-high{color:#dc2626!important}.project-status-section .priority-indicator.priority-medium{color:#f59e0b!important}.project-status-section .priority-indicator.priority-low{color:#10b981!important}.priority-badge-list svg,.priority-indicator svg{font-size:.7rem}.priority-badge-list:hover,.priority-indicator:hover{filter:brightness(1.05);transform:translateY(-1px);transition:transform .2s ease}@media (max-width:576px){.priority-badge-list.priority-high,.priority-badge-list.priority-low,.priority-badge-list.priority-medium,.priority-indicator.priority-high,.priority-indicator.priority-low,.priority-indicator.priority-medium{font-size:.6rem;padding:2px 6px}}.status-badge-list.in-progress{background:#3b82f626!important;border:1.5px solid #3b82f6;border-radius:var(--radius-md);color:#3b82f6}.status-badge-list.completed,.status-badge-list.in-progress{display:inline-block;font-size:.65rem;font-weight:600;padding:2px 8px}.status-badge-list.completed{background:#10b98126!important;border:1.5px solid #10b981;border-radius:var(--radius-md);color:#10b981}.status-badge-list.pending{background:#f59e0b26!important;border:1.5px solid #f59e0b;border-radius:var(--radius-md);color:#f59e0b;display:inline-block;font-size:.65rem;font-weight:600;padding:2px 8px}.status-badge.completed:hover,.status-badge.in-progress:hover,.status-badge.pending:hover{cursor:default;opacity:.8;transform:translateY(-1px);transition:all .2s ease}.status-badge{align-items:center;border-radius:var(--radius-lg);display:inline-flex;font-size:.65rem;font-weight:600;gap:4px;height:1.1rem;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.status-badge.pending,.status-badge.todo{background:#f59e0b26!important;color:#f59e0b}.status-badge.in-progress,.status-badge.pending,.status-badge.todo{align-items:center;border-radius:var(--radius-lg);display:inline-flex;font-size:clamp(.65rem,1.8vw,.75rem);font-weight:500;gap:6px;letter-spacing:.3px;padding:4px 2px}.status-badge.in-progress{background:#3b82f626!important;color:#3169c4}.status-badge.completed{background:#10b98126!important;color:#10b981}.status-badge.blocked,.status-badge.completed,.status-badge.delayed{align-items:center;border-radius:var(--radius-lg);display:inline-flex;font-size:clamp(.65rem,1.8vw,.75rem);font-weight:500;gap:6px;letter-spacing:.3px;padding:4px 2px}.status-badge.blocked,.status-badge.delayed{background:#f5420b26!important;color:#f51b0b}.status-badge.active{background:#22c55e33;border:1px solid #22c55e4d;color:var(--primary);content:"●"}.status-badge.inactive{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.status-badge.active:before{animation:pulse 2s infinite;content:"●";display:inline-block}.status-badge.inactive:before{content:"○"}.floating-add-container{bottom:clamp(1rem,3vw,var(--spacing-lg));left:clamp(1rem,3vw,var(--spacing-lg));position:fixed;z-index:1000}.floating-add-btn{align-items:center;background:var(--primary);border:none;border-radius:50%;box-shadow:0 10px 25px -5px #10b98180;color:#fff;cursor:pointer;display:flex;font-size:clamp(1.2rem,4vw,1.5rem);height:clamp(44px,8vw,50px);justify-content:center;overflow:hidden;position:relative;transition:var(--transition-slow);width:clamp(44px,8vw,50px)}.floating-add-btn:before{background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s}.floating-add-btn:hover:before{transform:translateX(100%)}.toggle-slider:before{background:#fff;border-radius:50%;content:"";height:18px;position:absolute;right:3px;top:2px;transition:var(--transition);width:18px}.toggle-label input:checked+.toggle-slider{background:var(--primary)}.toggle-label input:checked+.toggle-slider:before{transform:translateX(-20px)}
/*# sourceMappingURL=main.2a15b5d3.css.map*/