.language-switcher{position:relative;display:inline-block}.language-switcher-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);min-width:120px;justify-content:space-between}.language-switcher-button:hover{background-color:var(--bg-tertiary);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.language-switcher-button:active{transform:scale(.98)}.language-switcher-flag{font-size:1.25rem;line-height:1}.language-switcher-label{flex:1;text-align:left}.language-switcher-arrow{transition:transform var(--transition-base);color:var(--text-secondary);flex-shrink:0}.language-switcher-arrow.open{transform:rotate(180deg)}.language-switcher-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:1000;min-width:100%;animation:slideDown var(--transition-base) ease-out;margin-top:var(--spacing-xs)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-switcher-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background-color:transparent;border:none;text-align:left;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);position:relative}.language-switcher-option:hover{background-color:var(--bg-secondary)}.language-switcher-option.active{background-color:var(--bg-secondary);color:var(--color-primary)}.language-switcher-option-flag{font-size:1.25rem;line-height:1;flex-shrink:0}.language-switcher-option-label{flex:1}.language-switcher-check{color:var(--color-primary);flex-shrink:0;margin-left:auto}[dir=rtl] .language-switcher-label,[dir=rtl] .language-switcher-option-label{text-align:right}[dir=rtl] .language-switcher-dropdown{left:auto;right:0}@media(max-width:768px){.language-switcher-button{min-width:100px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.language-switcher-flag,.language-switcher-option-flag{font-size:1.125rem}.language-switcher-label{display:none}.language-switcher-option-label{font-size:var(--font-size-xs)}}@media(max-width:480px){.language-switcher-button{min-width:auto;padding:var(--spacing-xs);gap:var(--spacing-xs)}.language-switcher-flag{font-size:1rem}.language-switcher-arrow{width:14px;height:14px}.language-switcher-dropdown{min-width:140px;right:0;left:auto}.language-switcher-option{padding:var(--spacing-sm) var(--spacing-md)}}[data-theme=dark] .language-switcher-dropdown{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d}[data-theme=dark] .language-switcher-button:hover{box-shadow:0 2px 4px -1px #0000004d}.language-switcher-mobile{width:100%;position:relative}.language-switcher-mobile-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);text-align:left;display:flex;align-items:center;gap:var(--spacing-md);position:relative;overflow:hidden}.language-switcher-mobile-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.1),transparent);transition:left var(--transition-slow)}.language-switcher-mobile-button:hover:before{left:100%}.language-switcher-mobile-button:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--text-inverse);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.language-switcher-mobile-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;color:var(--text-secondary);transition:all var(--transition-base)}.language-switcher-mobile-button:hover .language-switcher-mobile-icon{color:var(--text-inverse);transform:scale(1.1)}.language-switcher-mobile-label{flex:1;min-width:0;font-weight:500}.language-switcher-mobile-current{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);transition:all var(--transition-base);margin-left:auto;padding-left:var(--spacing-sm)}.language-switcher-mobile-button:hover .language-switcher-mobile-current{color:var(--text-inverse)}.language-switcher-mobile-arrow{transition:transform var(--transition-base);color:var(--text-secondary);flex-shrink:0;margin-left:var(--spacing-xs)}.language-switcher-mobile-arrow.open{transform:rotate(180deg)}.language-switcher-mobile-button:hover .language-switcher-mobile-arrow{color:var(--text-inverse)}.language-switcher-mobile-list{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);animation:slideDown var(--transition-base) ease-out}.language-switcher-mobile-option{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);text-align:left;position:relative;overflow:hidden}.language-switcher-mobile-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.1),transparent);transition:left var(--transition-slow)}.language-switcher-mobile-option:hover:before{left:100%}.language-switcher-mobile-option:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--text-inverse);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.language-switcher-mobile-option.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--text-inverse);border-color:var(--color-primary);box-shadow:0 4px 6px -1px #2563eb4d,0 2px 4px -1px #2563eb33}.language-switcher-mobile-option-flag{font-size:1.5rem;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.language-switcher-mobile-option-label{flex:1;min-width:0}.language-switcher-mobile-check{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;color:var(--text-inverse);background:#fff3;border-radius:var(--radius-full);animation:fadeInScale .2s ease-out}[dir=rtl] .language-switcher-mobile-button,[dir=rtl] .language-switcher-mobile-option{text-align:right}[dir=rtl] .language-switcher-mobile-current{margin-left:0;margin-right:auto;padding-left:0;padding-right:var(--spacing-sm)}[dir=rtl] .language-switcher-mobile-arrow{margin-left:0;margin-right:var(--spacing-xs)}.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid;position:relative}[dir=rtl] .alert{border-left:none;border-right:4px solid}.alert-content{flex:1}.alert-close{background:none;border:none;font-size:var(--font-size-xl);line-height:1;color:inherit;opacity:.7;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast)}.alert-close:hover{opacity:1}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:var(--spacing-xl);text-align:center;gap:var(--spacing-md)}.error-boundary h2{color:var(--color-error);font-size:var(--font-size-2xl)}.error-boundary p{color:var(--text-secondary);max-width:600px}.error-boundary button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-md);font-weight:500;transition:background-color var(--transition-fast)}.error-boundary button:hover{background-color:var(--color-primary-dark)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{color:var(--text-secondary);font-size:var(--font-size-sm)}.modal-drawer-overlay{position:fixed;inset:0;background-color:#0009;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);padding:var(--spacing-lg)}.modal-drawer{width:100%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;transition:transform var(--transition-base),box-shadow var(--transition-base);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.modal-drawer.dragging{transition:none}@keyframes slideUp{0%{opacity:0;transform:translateY(2rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-drawer-theme-light{background:linear-gradient(145deg,#fff,#f8fafc,#f1f5f9 60%,#fff);box-shadow:0 25px 50px -12px #00000059,0 0 0 1px #00000014,0 0 60px #3b82f626,inset 0 1px #ffffffe6;border:1px solid rgba(226,232,240,.9);color:#0f172a;position:relative}.modal-drawer-theme-light:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.2) 50%,transparent 100%);pointer-events:none}.modal-drawer-theme-light .modal-drawer-header{background:linear-gradient(135deg,#fffffffa,#f8fafcfa,#f1f5f9f2);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 2px 8px #0000000a,inset 0 1px #fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.modal-drawer-theme-light .modal-drawer-title{color:#0f172a;text-shadow:0 1px 2px rgba(0,0,0,.03);font-weight:700;letter-spacing:-.025em}.modal-drawer-theme-light .modal-drawer-close{background:linear-gradient(135deg,#f1f5f9e6,#e2e8f0cc);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(226,232,240,.8);color:#475569;box-shadow:0 2px 6px #00000014,0 1px 2px #0000000a,inset 0 1px #ffffffe6;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-drawer-theme-light .modal-drawer-close:hover{background:linear-gradient(135deg,#ef44441f,#dc26262e);color:#dc2626;border-color:#ef444466;transform:rotate(90deg) scale(1.08);box-shadow:0 4px 16px #ef444440,0 2px 8px #ef444426,inset 0 1px #fff9}.modal-drawer-theme-light .modal-drawer-drag-indicator{background:linear-gradient(90deg,#cbd5e1b3,#94a3b8e6 30%,#64748b,#94a3b8e6 70%,#cbd5e1b3);box-shadow:0 2px 4px #0000001f,inset 0 1px #ffffff4d}.modal-drawer-theme-light .modal-drawer-content{color:#0f172a;background:linear-gradient(180deg,#fff6,#f8fafc99)}.modal-drawer-theme-light .modal-drawer-content::-webkit-scrollbar-track{background:#f1f5f9}.modal-drawer-theme-light .modal-drawer-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border:2px solid #f1f5f9}.modal-drawer-theme-light .modal-drawer-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}.modal-drawer-theme-dark{background:linear-gradient(145deg,#1e293b,#0f172a,#1e293b 60%,#334155);box-shadow:0 25px 50px -12px #000000e6,0 0 0 1px #3b82f64d,0 0 80px #3b82f633,inset 0 1px #ffffff14,inset 0 -1px #0000004d;border:1px solid rgba(59,130,246,.4);color:#f1f5f9;position:relative}.modal-drawer-theme-dark:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(96,165,250,.4) 50%,transparent 100%);pointer-events:none}.modal-drawer-theme-dark .modal-drawer-header{background:linear-gradient(135deg,#1e293bfc,#0f172afc,#1e293bfa);border-bottom:1px solid rgba(59,130,246,.3);box-shadow:0 2px 12px #0006,inset 0 1px #ffffff14,0 0 20px #3b82f61a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.modal-drawer-theme-dark .modal-drawer-title{color:#f1f5f9;text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 8px rgba(59,130,246,.2);font-weight:700;letter-spacing:-.025em}.modal-drawer-theme-dark .modal-drawer-close{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(59,130,246,.4);color:#cbd5e1;box-shadow:0 2px 8px #0006,0 0 12px #3b82f626,inset 0 1px #ffffff1f;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-drawer-theme-dark .modal-drawer-close:hover{background:linear-gradient(135deg,#ef444440,#dc262659);color:#fca5a5;border-color:#ef444480;transform:rotate(90deg) scale(1.08);box-shadow:0 4px 20px #ef444480,0 2px 12px #ef44444d,0 0 16px #ef444433,inset 0 1px #ffffff26}.modal-drawer-theme-dark .modal-drawer-drag-indicator{background:linear-gradient(90deg,#3b82f680,#60a5fab3 30%,#93c5fde6,#60a5fab3 70%,#3b82f680);box-shadow:0 2px 6px #0006,0 0 12px #3b82f666,inset 0 1px #fff3}.modal-drawer-theme-dark .modal-drawer-content{color:#f1f5f9;background:linear-gradient(180deg,#1e293b80,#0f172ab3)}.modal-drawer-theme-dark .modal-drawer-content::-webkit-scrollbar-track{background:#1e293b}.modal-drawer-theme-dark .modal-drawer-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f699,#60a5facc);border:2px solid #1e293b;box-shadow:inset 0 0 4px #0000004d}.modal-drawer-theme-dark .modal-drawer-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#60a5facc,#93c5fd);box-shadow:inset 0 0 4px #0000004d,0 0 8px #60a5fa66}.modal-drawer-drag-indicator{width:48px;height:5px;border-radius:var(--radius-full);margin:var(--spacing-sm) auto var(--spacing-md);cursor:grab;transition:all var(--transition-fast);position:relative}.modal-drawer-drag-indicator:active{cursor:grabbing;transform:scale(1.1)}.modal-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md);position:sticky;top:0;z-index:10;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base)}.modal-drawer-title{font-size:var(--font-size-2xl);font-weight:700;margin:0;flex:1;letter-spacing:-.02em;line-height:1.3}.modal-drawer-close{position:relative;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10;flex-shrink:0;margin-left:var(--spacing-md);overflow:hidden}.modal-drawer-close:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--transition-fast);background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 70%)}.modal-drawer-close:hover:before{opacity:1}.modal-drawer-close svg{position:relative;z-index:1;transition:transform var(--transition-fast)}.modal-drawer-close:active svg{transform:scale(.9)}.modal-drawer-content{padding:var(--spacing-xl);flex:1;overflow-y:auto;position:relative}@media(min-width:481px){.modal-drawer{max-height:90vh;margin:auto}.modal-drawer-drag-indicator{display:none}.modal-drawer-overlay{padding:var(--spacing-xl)}}@media(max-width:480px){.modal-drawer-overlay{align-items:flex-end;padding:0;animation:fadeIn var(--transition-slow) ease-out;background-color:#000000b3}.modal-drawer{width:100%;max-width:100%;max-height:90vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUpFromBottom .4s cubic-bezier(.34,1.56,.64,1);margin:0}.modal-drawer-theme-light{border-top:2px solid rgba(226,232,240,.8)}.modal-drawer-theme-dark{border-top:2px solid rgba(59,130,246,.4)}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-drawer-header{padding:var(--spacing-md) var(--spacing-lg);padding-top:var(--spacing-lg)}.modal-drawer-title{font-size:var(--font-size-xl)}.modal-drawer-close{width:2rem;height:2rem;margin-left:var(--spacing-sm)}.modal-drawer-close svg{width:18px;height:18px}.modal-drawer-content{padding:var(--spacing-lg)}}[dir=rtl] .modal-drawer-close{margin-left:0;margin-right:var(--spacing-md)}[dir=rtl] .modal-drawer-header{flex-direction:row-reverse}@media(max-width:480px){[dir=rtl] .modal-drawer-close{margin-right:var(--spacing-sm);margin-left:0}}.modal-drawer-content::-webkit-scrollbar{width:10px}.modal-drawer-content::-webkit-scrollbar-track{border-radius:var(--radius-full)}.modal-drawer-content::-webkit-scrollbar-thumb{border-radius:var(--radius-full);transition:all var(--transition-base)}.modal-drawer-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.modal-drawer,.modal-drawer-header,.modal-drawer-close,.modal-drawer-title,.modal-drawer-content{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.modal-drawer-theme-light .modal-drawer-content .form-input,.modal-drawer-theme-light .modal-drawer-content .form-select{background-color:#fff;border-color:#e2e8f0e6;color:#0f172a;box-shadow:0 1px 2px #0000000d,inset 0 1px 2px #00000005}.modal-drawer-theme-light .modal-drawer-content .form-input:focus,.modal-drawer-theme-light .modal-drawer-content .form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 2px 4px #0000000d;background-color:#fff}.modal-drawer-theme-light .modal-drawer-content .form-label,.modal-drawer-theme-light .modal-drawer-content label{color:#475569;font-weight:600}.modal-drawer-theme-light .modal-drawer-content .checkbox-text{color:#0f172a}.modal-drawer-theme-light .modal-drawer-content .checkbox-input{accent-color:#3b82f6}.modal-drawer-theme-dark .modal-drawer-content .form-input,.modal-drawer-theme-dark .modal-drawer-content .form-select{background-color:#1e293bcc;border-color:#3b82f64d;color:#f1f5f9;box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #0003}.modal-drawer-theme-dark .modal-drawer-content .form-input:focus,.modal-drawer-theme-dark .modal-drawer-content .form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f64d,0 2px 8px #0006,0 0 12px #3b82f633;background-color:#1e293bf2}.modal-drawer-theme-dark .modal-drawer-content .form-input::placeholder{color:#94a3b8}.modal-drawer-theme-dark .modal-drawer-content .form-label,.modal-drawer-theme-dark .modal-drawer-content label{color:#cbd5e1;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.modal-drawer-theme-dark .modal-drawer-content .checkbox-text{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.2)}.modal-drawer-theme-dark .modal-drawer-content .checkbox-input{accent-color:#60a5fa}.modal-drawer-theme-dark .modal-drawer-content .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.modal-drawer-theme-dark .modal-drawer-content .form-select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2360a5fa' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}[dir=rtl] .modal-drawer-theme-dark .modal-drawer-content .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L11 4H1z'/%3E%3C/svg%3E")}[dir=rtl] .modal-drawer-theme-dark .modal-drawer-content .form-select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2360a5fa' d='M6 9L11 4H1z'/%3E%3C/svg%3E")}.sidebar-drawer-overlay{position:fixed;inset:0;background-color:#0009;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);z-index:1000;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.sidebar-drawer{position:fixed;top:0;bottom:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;transition:transform var(--transition-base),box-shadow var(--transition-base);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1001}.sidebar-drawer.dragging{transition:none}.sidebar-drawer-right{right:0;animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1);border-left:1px solid}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.sidebar-drawer-left{left:0;animation:slideInLeft .4s cubic-bezier(.34,1.56,.64,1);border-right:1px solid}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.sidebar-drawer-theme-light{background:linear-gradient(145deg,#fff,#f8fafc,#f1f5f9 60%,#fff);box-shadow:-4px 0 25px -12px #00000059,0 0 0 1px #00000014,0 0 60px #3b82f626,inset 0 1px #ffffffe6;border-color:#e2e8f0e6;color:#0f172a;position:relative}.sidebar-drawer-left.sidebar-drawer-theme-light{box-shadow:4px 0 25px -12px #00000059,0 0 0 1px #00000014,0 0 60px #3b82f626,inset 0 1px #ffffffe6}.sidebar-drawer-theme-light:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.2) 50%,transparent 100%);pointer-events:none}.sidebar-drawer-theme-light .sidebar-drawer-header{background:linear-gradient(135deg,#fffffffa,#f8fafcfa,#f1f5f9f2);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 2px 8px #0000000a,inset 0 1px #fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.sidebar-drawer-theme-light .sidebar-drawer-title{color:#0f172a;text-shadow:0 1px 2px rgba(0,0,0,.03);font-weight:700;letter-spacing:-.025em}.sidebar-drawer-theme-light .sidebar-drawer-close{background:linear-gradient(135deg,#f1f5f9e6,#e2e8f0cc);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(226,232,240,.8);color:#475569;box-shadow:0 2px 6px #00000014,0 1px 2px #0000000a,inset 0 1px #ffffffe6;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-drawer-theme-light .sidebar-drawer-close:hover{background:linear-gradient(135deg,#ef44441f,#dc26262e);color:#dc2626;border-color:#ef444466;transform:rotate(90deg) scale(1.08);box-shadow:0 4px 16px #ef444440,0 2px 8px #ef444426,inset 0 1px #fff9}.sidebar-drawer-theme-light .sidebar-drawer-content{color:#0f172a;background:linear-gradient(180deg,#fff6,#f8fafc99)}.sidebar-drawer-theme-light .sidebar-drawer-content::-webkit-scrollbar-track{background:#f1f5f9}.sidebar-drawer-theme-light .sidebar-drawer-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border:2px solid #f1f5f9}.sidebar-drawer-theme-light .sidebar-drawer-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}.sidebar-drawer-theme-dark{background:linear-gradient(145deg,#1e293b,#0f172a,#1e293b 60%,#334155);box-shadow:-4px 0 25px -12px #000000e6,0 0 0 1px #3b82f64d,0 0 80px #3b82f633,inset 0 1px #ffffff14,inset 0 -1px #0000004d;border-color:#3b82f666;color:#f1f5f9;position:relative}.sidebar-drawer-left.sidebar-drawer-theme-dark{box-shadow:4px 0 25px -12px #000000e6,0 0 0 1px #3b82f64d,0 0 80px #3b82f633,inset 0 1px #ffffff14,inset 0 -1px #0000004d}.sidebar-drawer-theme-dark:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(96,165,250,.4) 50%,transparent 100%);pointer-events:none}.sidebar-drawer-theme-dark .sidebar-drawer-header{background:linear-gradient(135deg,#1e293bfc,#0f172afc,#1e293bfa);border-bottom:1px solid rgba(59,130,246,.3);box-shadow:0 2px 12px #0006,inset 0 1px #ffffff14,0 0 20px #3b82f61a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.sidebar-drawer-theme-dark .sidebar-drawer-title{color:#f1f5f9;text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 8px rgba(59,130,246,.2);font-weight:700;letter-spacing:-.025em}.sidebar-drawer-theme-dark .sidebar-drawer-close{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(59,130,246,.4);color:#cbd5e1;box-shadow:0 2px 8px #0006,0 0 12px #3b82f626,inset 0 1px #ffffff1f;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-drawer-theme-dark .sidebar-drawer-close:hover{background:linear-gradient(135deg,#ef444440,#dc262659);color:#fca5a5;border-color:#ef444480;transform:rotate(90deg) scale(1.08);box-shadow:0 4px 20px #ef444480,0 2px 12px #ef44444d,0 0 16px #ef444433,inset 0 1px #ffffff26}.sidebar-drawer-theme-dark .sidebar-drawer-content{color:#f1f5f9;background:linear-gradient(180deg,#1e293b80,#0f172ab3)}.sidebar-drawer-theme-dark .sidebar-drawer-content::-webkit-scrollbar-track{background:#1e293b}.sidebar-drawer-theme-dark .sidebar-drawer-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f699,#60a5facc);border:2px solid #1e293b;box-shadow:inset 0 0 4px #0000004d}.sidebar-drawer-theme-dark .sidebar-drawer-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#60a5facc,#93c5fd);box-shadow:inset 0 0 4px #0000004d,0 0 8px #60a5fa66}.sidebar-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md);position:sticky;top:0;z-index:10;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base)}.sidebar-drawer-title{font-size:var(--font-size-2xl);font-weight:700;margin:0;flex:1;letter-spacing:-.02em;line-height:1.3}.sidebar-drawer-close{position:relative;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10;flex-shrink:0;margin-left:var(--spacing-md);overflow:hidden}.sidebar-drawer-close:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--transition-fast);background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 70%)}.sidebar-drawer-close:hover:before{opacity:1}.sidebar-drawer-close svg{position:relative;z-index:1;transition:transform var(--transition-fast)}.sidebar-drawer-close:active svg{transform:scale(.9)}.sidebar-drawer-content{padding:var(--spacing-xl);flex:1;overflow-y:auto;position:relative}@media(max-width:480px){.sidebar-drawer{width:100%;max-width:100%}.sidebar-drawer-right{border-left:none;border-top:2px solid}.sidebar-drawer-left{border-right:none;border-top:2px solid}.sidebar-drawer-theme-light{border-top-color:#e2e8f0cc}.sidebar-drawer-theme-dark{border-top-color:#3b82f666}.sidebar-drawer-header{padding:var(--spacing-md) var(--spacing-lg);padding-top:var(--spacing-lg)}.sidebar-drawer-title{font-size:var(--font-size-xl)}.sidebar-drawer-close{width:2rem;height:2rem;margin-left:var(--spacing-sm)}.sidebar-drawer-close svg{width:18px;height:18px}.sidebar-drawer-content{padding:var(--spacing-lg)}}@media(min-width:481px)and (max-width:768px){.sidebar-drawer{width:60%;min-width:320px;max-width:400px}}@media(min-width:769px){.sidebar-drawer{width:500px;max-width:90vw}}[dir=rtl] .sidebar-drawer-close{margin-left:0;margin-right:var(--spacing-md)}[dir=rtl] .sidebar-drawer-header{flex-direction:row-reverse}@media(max-width:480px){[dir=rtl] .sidebar-drawer-close{margin-right:var(--spacing-sm);margin-left:0}}.sidebar-drawer-content::-webkit-scrollbar{width:10px}.sidebar-drawer-content::-webkit-scrollbar-track{border-radius:var(--radius-full)}.sidebar-drawer-content::-webkit-scrollbar-thumb{border-radius:var(--radius-full);transition:all var(--transition-base)}.sidebar-drawer-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.sidebar-drawer,.sidebar-drawer-header,.sidebar-drawer-close,.sidebar-drawer-title,.sidebar-drawer-content{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.sidebar-drawer-theme-light .sidebar-drawer-content .form-input,.sidebar-drawer-theme-light .sidebar-drawer-content .form-select{background-color:#fff;border-color:#e2e8f0e6;color:#0f172a;box-shadow:0 1px 2px #0000000d,inset 0 1px 2px #00000005}.sidebar-drawer-theme-light .sidebar-drawer-content .form-input:focus,.sidebar-drawer-theme-light .sidebar-drawer-content .form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 2px 4px #0000000d;background-color:#fff}.sidebar-drawer-theme-light .sidebar-drawer-content .form-label,.sidebar-drawer-theme-light .sidebar-drawer-content label{color:#475569;font-weight:600}.sidebar-drawer-theme-light .sidebar-drawer-content .checkbox-text{color:#0f172a}.sidebar-drawer-theme-light .sidebar-drawer-content .checkbox-input{accent-color:#3b82f6}.sidebar-drawer-theme-dark .sidebar-drawer-content .form-input,.sidebar-drawer-theme-dark .sidebar-drawer-content .form-select{background-color:#1e293bcc;border-color:#3b82f64d;color:#f1f5f9;box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #0003}.sidebar-drawer-theme-dark .sidebar-drawer-content .form-input:focus,.sidebar-drawer-theme-dark .sidebar-drawer-content .form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f64d,0 2px 8px #0006,0 0 12px #3b82f633;background-color:#1e293bf2}.sidebar-drawer-theme-dark .sidebar-drawer-content .form-input::placeholder{color:#94a3b8}.sidebar-drawer-theme-dark .sidebar-drawer-content .form-label,.sidebar-drawer-theme-dark .sidebar-drawer-content label{color:#cbd5e1;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.sidebar-drawer-theme-dark .sidebar-drawer-content .checkbox-text{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.2)}.sidebar-drawer-theme-dark .sidebar-drawer-content .checkbox-input{accent-color:#60a5fa}.sidebar-drawer-theme-dark .sidebar-drawer-content .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.sidebar-drawer-theme-dark .sidebar-drawer-content .form-select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2360a5fa' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}[dir=rtl] .sidebar-drawer-theme-dark .sidebar-drawer-content .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L11 4H1z'/%3E%3C/svg%3E")}[dir=rtl] .sidebar-drawer-theme-dark .sidebar-drawer-content .form-select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2360a5fa' d='M6 9L11 4H1z'/%3E%3C/svg%3E")}.notification-item{display:flex;gap:12px;padding:12px;border-bottom:1px solid var(--color-border, #e5e7eb);cursor:pointer;transition:background-color .2s ease;background-color:var(--color-background, #ffffff)}.notification-item:hover{background-color:var(--color-background-hover, #f9fafb)}.notification-item.unread{background-color:var(--color-background-unread, #eff6ff);font-weight:500}.notification-item.unread:hover{background-color:var(--color-background-unread-hover, #dbeafe)}.notification-item-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:var(--color-background-secondary, #f3f4f6)}.notification-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notification-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.notification-item-title{margin:0;font-size:14px;font-weight:600;color:var(--color-text-primary, #111827);line-height:1.4}.notification-item-badge{flex-shrink:0;width:8px;height:8px;border-radius:50%;background-color:var(--color-primary, #3b82f6);margin-top:4px}.notification-item-message{margin:0;font-size:13px;color:var(--color-text-secondary, #6b7280);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-item-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.notification-item-time{font-size:12px;color:var(--color-text-tertiary, #9ca3af)}.notification-item-delete{flex-shrink:0;padding:4px;border:none;background:none;cursor:pointer;color:var(--color-text-tertiary, #9ca3af);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;opacity:0;min-width:32px;min-height:32px;touch-action:manipulation}.notification-item:hover .notification-item-delete,.notification-item.mobile .notification-item-delete{opacity:1}.notification-item.mobile .notification-item-delete{opacity:.6}.notification-item.mobile .notification-item-delete:active{opacity:1;background-color:var(--color-background-hover, #f9fafb);transform:scale(1.1)}.notification-item-delete:hover{color:var(--color-error, #ef4444);background-color:var(--color-background-hover, #f9fafb)}.notification-item:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:-2px}[dir=rtl] .notification-item{direction:rtl}[dir=rtl] .notification-item-header,[dir=rtl] .notification-item-footer{flex-direction:row-reverse}.notification-item.mobile{padding:16px;min-height:80px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.notification-item.mobile:active{background-color:var(--color-background-hover, #f9fafb)}.notification-item.mobile .notification-item-icon{width:44px;height:44px}.notification-item.mobile .notification-item-title{font-size:15px;line-height:1.5}.notification-item.mobile .notification-item-message{font-size:14px;-webkit-line-clamp:3;line-height:1.6;margin-top:4px}.notification-item.mobile .notification-item-time{font-size:13px}.notification-item.mobile .notification-item-footer{margin-top:8px}@media(max-width:480px){.notification-item.mobile{padding:14px;min-height:72px}.notification-item.mobile .notification-item-icon{width:40px;height:40px}.notification-item.mobile .notification-item-title{font-size:14px}.notification-item.mobile .notification-item-message{font-size:13px}}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.required{color:var(--color-error);margin-left:var(--spacing-xs)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.form-input.error{border-color:var(--color-error)}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-error{display:block;color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:1px solid transparent;min-height:2.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.loading{opacity:.7;cursor:wait}.spinner-small{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--border-color-dark)}.btn-outline:hover:not(:disabled){background-color:var(--bg-tertiary)}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-success{background-color:var(--color-success);color:var(--text-inverse)}.btn-success:hover:not(:disabled){background-color:#059669}.btn-ghost{background-color:transparent;color:var(--color-primary);border-color:transparent;padding-inline:var(--spacing-sm)}.btn-ghost:hover:not(:disabled){color:var(--color-primary-dark);background-color:#2563eb14}.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:calc(var(--spacing-md) + 20px)}[dir=rtl] .form-select{background-position:left var(--spacing-sm) center;padding-right:var(--spacing-md);padding-left:calc(var(--spacing-md) + 20px)}.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-select:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.form-select.error{border-color:var(--color-error)}.form-select.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;resize:vertical;min-height:100px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-textarea:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.form-textarea::placeholder{color:var(--text-tertiary)}.form-textarea.error{border-color:var(--color-error)}.form-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.checkbox-group{margin-bottom:var(--spacing-md)}.checkbox-label{display:flex;align-items:center;cursor:pointer;gap:var(--spacing-sm);-webkit-user-select:none;user-select:none}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.checkbox-input:disabled{cursor:not-allowed;opacity:.6}.checkbox-text{color:var(--text-primary);font-size:var(--font-size-base)}.checkbox-input.error{outline:2px solid var(--color-error);outline-offset:2px}.notification-dropdown-backdrop{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1099;animation:fadeIn .2s ease-out}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:calc(100vw - 32px);max-height:600px;background-color:var(--color-background, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d;display:flex;flex-direction:column;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-swipe-indicator{width:40px;height:4px;background-color:var(--color-border, #e5e7eb);border-radius:2px;margin:8px auto;display:none}.notification-dropdown.mobile{position:fixed;inset:0;width:100%;max-width:100%;max-height:100vh;height:100vh;border-radius:0;border:none;box-shadow:none;z-index:1100;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.notification-dropdown.mobile .notification-dropdown-swipe-indicator{display:block}.notification-dropdown-header{display:flex;flex-direction:column;gap:12px;padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb);background-color:var(--color-background-secondary, #f9fafb);flex-shrink:0;cursor:default;-webkit-user-select:none;user-select:none}.notification-dropdown.mobile .notification-dropdown-header{cursor:grab;touch-action:pan-y}.notification-dropdown.mobile .notification-dropdown-header:active{cursor:grabbing}.notification-dropdown-header-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-dropdown-close-btn{display:none;padding:8px;border:none;background:none;cursor:pointer;color:var(--color-text-primary, #111827);border-radius:8px;transition:all .2s ease;flex-shrink:0}.notification-dropdown-close-btn:hover{background-color:var(--color-background-hover, #f3f4f6);color:var(--color-error, #ef4444)}.notification-dropdown-close-btn:active{transform:scale(.95)}.notification-dropdown-title{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary, #111827);display:flex;align-items:center;gap:8px}.notification-dropdown-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;color:var(--color-white, #ffffff);background-color:var(--color-primary, #3b82f6);border-radius:10px}.notification-dropdown-mark-all{font-size:13px;padding:4px 8px}.notification-dropdown-content{flex:1;overflow-y:auto;max-height:480px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.notification-dropdown.mobile .notification-dropdown-content{max-height:calc(100vh - 180px);padding-bottom:env(safe-area-inset-bottom,0)}.notification-dropdown-list{display:flex;flex-direction:column}.notification-dropdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--color-text-secondary, #6b7280)}.notification-dropdown-empty svg{margin-bottom:16px;color:var(--color-text-tertiary, #9ca3af)}.notification-dropdown-empty p{margin:0;font-size:14px}.notification-dropdown-footer{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));border-top:1px solid var(--color-border, #e5e7eb);background-color:var(--color-background-secondary, #f9fafb);text-align:center;flex-shrink:0}.notification-dropdown-view-all{width:100%;font-size:14px}.notification-dropdown-content::-webkit-scrollbar{width:6px}.notification-dropdown-content::-webkit-scrollbar-track{background:var(--color-background-secondary, #f9fafb)}.notification-dropdown-content::-webkit-scrollbar-thumb{background:var(--color-border, #e5e7eb);border-radius:3px}.notification-dropdown-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary, #9ca3af)}[dir=rtl] .notification-dropdown{right:auto;left:0}@media(max-width:768px){.notification-dropdown:not(.mobile){width:calc(100vw - 32px);max-height:calc(100vh - 100px)}.notification-dropdown:not(.mobile) .notification-dropdown-content{max-height:calc(100vh - 200px)}.notification-dropdown.mobile .notification-dropdown-header{padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0))}.notification-dropdown.mobile .notification-dropdown-close-btn{display:flex;align-items:center;justify-content:center}.notification-dropdown.mobile .notification-dropdown-title{font-size:18px}.notification-dropdown.mobile .notification-dropdown-mark-all{width:100%;justify-content:center;padding:10px 16px;font-size:14px}.notification-dropdown.mobile .notification-dropdown-footer{padding:16px 20px}.notification-dropdown.mobile .notification-dropdown-view-all{padding:12px 24px;font-size:15px;font-weight:600}}@media(max-width:480px){.notification-dropdown.mobile .notification-dropdown-header{padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top,0));gap:10px}.notification-dropdown.mobile .notification-dropdown-title{font-size:16px}.notification-dropdown.mobile .notification-dropdown-content{max-height:calc(100vh - 160px)}.notification-dropdown.mobile .notification-dropdown-footer{padding:14px 16px}}.notification-bell-container{position:relative}.notification-bell{position:relative;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--border-color);background-color:var(--bg-secondary);cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.notification-bell:hover{background-color:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.05);box-shadow:var(--shadow-md)}.notification-bell:active{transform:scale(.95)}.notification-bell:focus{outline:2px solid var(--color-primary);outline-offset:2px}.notification-bell.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse);box-shadow:0 4px 6px -1px #2563eb4d,0 2px 4px -1px #2563eb33}.notification-bell.active:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--text-inverse)}.notification-bell.has-notifications .notification-bell-icon{animation:bell-shake .5s ease-in-out}.notification-bell-icon{width:20px;height:20px;transition:transform var(--transition-fast)}.notification-bell:hover .notification-bell-icon{transform:scale(1.1)}.notification-bell.active .notification-bell-icon{transform:scale(1.05)}@keyframes bell-shake{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.notification-bell-badge{position:absolute;top:-2px;right:-2px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;line-height:1;color:var(--text-inverse);background:linear-gradient(135deg,var(--color-error) 0%,#dc2626 100%);border-radius:10px;border:2px solid var(--bg-primary);box-sizing:border-box;box-shadow:0 2px 4px -1px #ef444466,0 1px 2px -1px #ef44444d;animation:badge-pulse 2s ease-in-out infinite;z-index:1}.notification-bell-badge[data-count="1"]{min-width:20px;padding:0 6px}.notification-bell-badge[data-count]:not([data-count="1"]){min-width:22px;padding:0 5px}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 2px 4px -1px #ef444466,0 1px 2px -1px #ef44444d}50%{transform:scale(1.1);box-shadow:0 4px 6px -1px #ef444480,0 2px 4px -1px #ef444466}}.notification-bell.active .notification-bell-badge{border-color:var(--color-primary);animation:none;transform:scale(1)}.notification-bell:hover .notification-bell-badge{transform:scale(1.15);animation:badge-pulse 1s ease-in-out infinite}[dir=rtl] .notification-bell-badge{right:auto;left:-2px}.header[data-header-theme=dark] .notification-bell{background-color:#334155;border-color:#475569;color:#f1f5f9}.header[data-header-theme=dark] .notification-bell:hover{background-color:#475569;border-color:#3b82f6;color:#3b82f6}.header[data-header-theme=dark] .notification-bell.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.header[data-header-theme=dark] .notification-bell.active:hover{background-color:#2563eb;border-color:#2563eb}.header[data-header-theme=dark] .notification-bell-badge{border-color:#1e293b}.header[data-header-theme=dark] .notification-bell.active .notification-bell-badge{border-color:#3b82f6}.header[data-header-theme=light] .notification-bell{background-color:#f8fafc;border-color:#e2e8f0;color:#0f172a}.header[data-header-theme=light] .notification-bell:hover{background-color:#f1f5f9;border-color:#2563eb;color:#2563eb}.header[data-header-theme=light] .notification-bell.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.header[data-header-theme=light] .notification-bell.active:hover{background-color:#1d4ed8;border-color:#1d4ed8}.header[data-header-theme=light] .notification-bell-badge{border-color:#fff}.header[data-header-theme=light] .notification-bell.active .notification-bell-badge{border-color:#2563eb}@media(max-width:768px){.notification-bell{width:2.25rem;height:2.25rem}.notification-bell-icon{width:18px;height:18px}.notification-bell-badge{min-width:18px;height:18px;font-size:10px;padding:0 5px;top:-1px;right:-1px}.notification-bell-badge[data-count="1"]{min-width:18px;padding:0 5px}}@media(max-width:480px){.notification-bell{width:2.5rem;height:2.5rem}.notification-bell-icon{width:20px;height:20px}.notification-bell-badge{min-width:20px;height:20px;font-size:11px;padding:0 6px;top:-2px;right:-2px}.notification-bell-badge[data-count="1"]{min-width:20px;padding:0 6px}}.header{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:sticky;top:var(--spacing-md);z-index:100;margin:0 var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);transition:box-shadow var(--transition-base),transform var(--transition-base)}.header:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.header-container{max-width:var(--max-width);margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between;position:relative}.logo{text-decoration:none;z-index:1;display:flex;align-items:center;transition:transform var(--transition-fast)}.logo:hover{transform:scale(1.05)}.logo-placeholder{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-md);color:var(--text-inverse);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.logo:hover .logo-placeholder{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));box-shadow:var(--shadow-md);transform:rotate(5deg)}.logo-placeholder svg{width:1.5rem;height:1.5rem}.header-main-nav{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;justify-content:center;margin:0 var(--spacing-lg)}.header-search{display:flex;align-items:center;gap:var(--spacing-xs);margin:0 var(--spacing-md);position:relative}.header-search-input{padding:var(--spacing-sm) var(--spacing-md);padding-right:calc(var(--spacing-md) + 2.5rem);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);min-width:200px;max-width:300px;transition:all var(--transition-fast)}.header-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;background-color:var(--bg-primary)}.header-search-input::placeholder{color:var(--text-tertiary)}.header-search-button{position:absolute;right:var(--spacing-xs);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:0}.header-search-button:hover{background-color:var(--color-primary-dark);transform:scale(1.05)}.header-search-button:active{transform:scale(.95)}.header-search-button svg{width:16px;height:16px}.header-nav-link{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;white-space:nowrap}.header-nav-link:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.header-nav-link.active{color:var(--color-primary);background-color:var(--bg-secondary);font-weight:600}.header-nav-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:2px;background-color:var(--color-primary);border-radius:var(--radius-full)}.btn-login{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-md);font-weight:500;transition:background-color var(--transition-fast);text-decoration:none;display:inline-block;border:none;cursor:pointer}.btn-login:hover{background-color:var(--color-primary-dark)}.nav{display:flex;align-items:center;gap:var(--spacing-md);z-index:1}@media(max-width:480px){.nav .language-switcher,.nav .theme-switcher{display:none}}.theme-switcher{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);padding:0}.theme-switcher:hover{background-color:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.05)}.theme-switcher:active{transform:scale(.95)}.theme-switcher svg{transition:transform var(--transition-base)}.theme-switcher:hover svg{transform:rotate(15deg)}.btn-logout{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-error);color:var(--text-inverse);border-radius:var(--radius-md);font-weight:500;transition:background-color var(--transition-fast);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);position:relative}.btn-logout:hover{background-color:#dc2626}.btn-logout-text{display:inline}.btn-logout-icon{display:none;width:20px;height:20px}.header-expand-btn{position:absolute;bottom:calc(-1.5rem - 4px);left:50%;transform:translate(-50%);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);z-index:101;color:var(--text-primary)}.header-expand-btn:hover{background-color:var(--bg-secondary);box-shadow:var(--shadow-md);transform:translate(-50%) translateY(-2px)}.header-expand-btn.expanded svg{transform:rotate(180deg)}.header-expand-btn svg{transition:transform var(--transition-base);width:1.25rem;height:1.25rem}.header-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-slow) ease-out;padding:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header-modal{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a,0 0 0 1px #2563eb1a;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp var(--transition-slow) ease-out;border:1px solid rgba(37,99,235,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.header-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base);z-index:10;box-shadow:var(--shadow-sm)}.header-modal-close:hover{background:linear-gradient(135deg,#ef44441a,#ef444433);color:var(--color-error);border-color:#ef44444d;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 6px -1px #ef444433,0 2px 4px -1px #ef44441a}.header-modal-content{padding:var(--spacing-2xl) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-2xl);position:relative}@media(min-width:769px){.header-modal-content{gap:var(--spacing-2xl);padding:var(--spacing-2xl) var(--spacing-xl)}}.header-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 50%,var(--color-primary) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.header-modal-section{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.header-modal-user-section{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:linear-gradient(135deg,#2563eb14,#2563eb0a);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-radius:var(--radius-lg);border:1px solid rgba(37,99,235,.15);margin-bottom:var(--spacing-xl);transition:all var(--transition-base);box-shadow:0 2px 8px #0000000a}.header-modal-user-section:hover{background:linear-gradient(135deg,#2563eb1f,#2563eb0f);border-color:#2563eb40;box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.header-modal-user-avatar{width:3.5rem;height:3.5rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);flex-shrink:0;box-shadow:0 4px 12px #2563eb40,0 2px 6px #2563eb26;border:2px solid rgba(255,255,255,.2);transition:all var(--transition-base)}.header-modal-user-info{flex:1;min-width:0}.header-modal-user-name{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs);line-height:1.3;letter-spacing:-.01em}.header-modal-user-status{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.4;font-weight:500}.modal-drawer-theme-light .header-modal-user-name,.modal-drawer-theme-light .header-modal-user-status{color:#0f172a}.modal-drawer-theme-dark .header-modal-user-name,.modal-drawer-theme-dark .header-modal-user-status{color:#fff}.header-modal-section-title{font-size:var(--font-size-xl);font-weight:700;margin:0;padding-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);position:relative;letter-spacing:-.02em}.header-modal-section-icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.header-modal-section-title:after{content:"";position:absolute;bottom:0;left:0;width:48px;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-full);opacity:.8}.header-modal-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.header-modal-nav-item{padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);text-align:left;position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--spacing-md);box-shadow:0 1px 3px #0000000d}.header-modal-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;color:var(--text-secondary);transition:all var(--transition-base)}.header-modal-nav-label{flex:1;min-width:0}.header-modal-nav-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;color:var(--text-inverse);background:#fff3;border-radius:var(--radius-full);animation:fadeInScale .2s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.header-modal-nav-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--text-inverse);border-color:var(--color-primary);box-shadow:0 4px 12px #2563eb40,0 2px 6px #2563eb26}.header-modal-nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.08),transparent);transition:left var(--transition-slow)}.header-modal-nav-item:hover:before{left:100%}.header-modal-nav-item:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb26,0 2px 4px #2563eb1a}.header-modal-nav-item:hover .header-modal-nav-icon{color:var(--color-primary);transform:scale(1.05)}.header-modal-nav-item.active .header-modal-nav-icon{color:var(--text-inverse)}.header-modal-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);justify-items:center;padding:var(--spacing-md) 0}.header-modal-quick-action{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;cursor:pointer;transition:all var(--transition-base);padding:0;position:relative}.header-modal-quick-action-icon{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--action-color, var(--color-primary)) 0%,var(--action-color, var(--color-primary-light)) 100%);color:var(--text-inverse);box-shadow:0 4px 12px #2563eb33,0 2px 6px #2563eb26;transition:all var(--transition-base);position:relative;overflow:hidden}.header-modal-quick-action-icon:before{content:"";position:absolute;inset:0;border-radius:var(--radius-full);background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-base)}.header-modal-quick-action:hover .header-modal-quick-action-icon:before{opacity:1}.header-modal-quick-action-icon svg{width:24px;height:24px;position:relative;z-index:1;transition:transform var(--transition-base)}.header-modal-quick-action-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);text-align:center;line-height:1.3;max-width:80px;transition:color var(--transition-base)}.header-modal-quick-action:hover .header-modal-quick-action-icon{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px #2563eb4d,0 4px 10px #2563eb33}.header-modal-quick-action:hover .header-modal-quick-action-icon svg{transform:scale(1.1)}.header-modal-quick-action:hover .header-modal-quick-action-label{color:var(--text-primary);font-weight:600}.header-modal-quick-action:active .header-modal-quick-action-icon{transform:translateY(-2px) scale(1.02)}@media(min-width:1200px){.header-modal-quick-actions{grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}}@media(max-width:1199px)and (min-width:769px){.header-modal-quick-actions{grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}}@media(max-width:768px){.header{margin:0 var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);top:var(--spacing-sm)}.header-main-nav{gap:var(--spacing-xs);margin:0 var(--spacing-md)}.header-nav-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.header-search{margin:0 var(--spacing-sm)}.header-search-input{min-width:150px;max-width:200px;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);padding-right:calc(var(--spacing-sm) + 2rem)}.header-search-button{width:1.75rem;height:1.75rem}.header-search-button svg{width:14px;height:14px}.logo-placeholder{width:2.25rem;height:2.25rem}.logo-placeholder svg{width:1.375rem;height:1.375rem}.theme-switcher{width:2.25rem;height:2.25rem}.theme-switcher svg{width:18px;height:18px}.header-expand-btn{width:2rem;height:2rem;bottom:calc(-1.25rem - 4px)}.header-expand-btn svg{width:1rem;height:1rem}.header-modal{max-width:100%;max-height:95vh;border-radius:var(--radius-md)}.header-modal-overlay{padding:var(--spacing-md)}.header-modal-content{padding:var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-xl)}.header-modal-section{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.header-modal-section-title{font-size:var(--font-size-xl)}.header-modal-nav{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}.header-modal-nav-item{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.header-modal-quick-actions{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.header-modal-quick-action-icon{width:4rem;height:4rem}.header-modal-quick-action-icon svg{width:22px;height:22px}.header-modal-user-section{padding:var(--spacing-md)}.header-modal-user-avatar{width:2.5rem;height:2.5rem}.header-modal-user-name{font-size:var(--font-size-base)}.header-modal-account-actions{flex-direction:column}}@media(max-width:480px){.header{margin:0 var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);top:var(--spacing-xs);border-radius:var(--radius-md)}.header-container{padding:var(--spacing-sm) 0}.header-main-nav{display:none}.header-search{margin:0 var(--spacing-xs);flex:1;max-width:none}.header-search-input{min-width:0;max-width:none;flex:1}.logo-placeholder{width:2.5rem;height:2.5rem}.logo-placeholder svg{width:1.75rem;height:1.75rem}.nav{gap:var(--spacing-sm)}.theme-switcher{width:2.5rem;height:2.5rem}.theme-switcher svg{width:22px;height:22px}.btn-login{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn-logout{width:2.5rem;height:2.5rem;padding:0;justify-content:center}.btn-logout-text{display:none}.btn-logout-icon{display:block}.header-expand-btn{width:2.25rem;height:2.25rem;bottom:calc(-1.25rem - 4px)}.header-expand-btn svg{width:1.25rem;height:1.25rem}.header-modal-overlay{padding:var(--spacing-sm)}.header-modal{border-radius:var(--radius-md)}.header-modal-close{top:var(--spacing-sm);right:var(--spacing-sm);width:2rem;height:2rem}.header-modal-content{padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-lg)}.header-modal-section{gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.header-modal-section-title{font-size:var(--font-size-lg);padding-bottom:var(--spacing-sm)}.header-modal-nav{grid-template-columns:1fr;gap:var(--spacing-sm)}.header-modal-nav-item{padding:var(--spacing-md);font-size:var(--font-size-base)}.header-modal-quick-actions{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.header-modal-quick-action-icon{width:3.5rem;height:3.5rem}.header-modal-quick-action-icon svg{width:20px;height:20px}.header-modal-quick-action-label{font-size:var(--font-size-xs);max-width:70px}.header-modal-user-section{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.header-modal-user-avatar{width:2.5rem;height:2.5rem}.header-modal-user-name{font-size:var(--font-size-base)}.header-modal-user-status{font-size:var(--font-size-xs)}.header-modal-account-actions{flex-direction:column;gap:var(--spacing-sm)}.header-modal-account-section{padding-top:var(--spacing-lg)}.header-modal-nav-icon{width:1.75rem;height:1.75rem}.header-modal-quick-action-icon{width:2rem;height:2rem}}[data-theme=dark] .header{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}[data-theme=dark] .header:hover{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d}[data-theme=dark] .header-expand-btn{box-shadow:0 2px 4px -1px #0000004d}[data-theme=dark] .header-expand-btn:hover{box-shadow:0 4px 6px -1px #0006}[data-theme=dark] .header-modal-overlay{background-color:#000000b3}[data-theme=dark] .header-modal{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d,0 0 0 1px #3b82f633;border:1px solid rgba(59,130,246,.3)}[data-theme=dark] .header-modal-close{background:#1e293b80;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .header-modal-nav-item{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .header-modal-nav-item:hover{background-color:var(--bg-tertiary);border-color:var(--color-primary)}[data-theme=dark] .header-modal-theme-switcher{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .header-modal-theme-switcher:hover{background-color:var(--bg-tertiary);border-color:var(--color-primary)}.header[data-header-theme=dark]{background-color:#1e293b;border-color:#475569;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.header[data-header-theme=dark]:hover{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d}.header[data-header-theme=dark] .header-nav-link{color:#cbd5e1}.header[data-header-theme=dark] .header-nav-link:hover{color:#f1f5f9;background-color:#334155}.header[data-header-theme=dark] .header-nav-link.active{color:#3b82f6;background-color:#334155}.header[data-header-theme=dark] .header-search-input{background-color:#334155;border-color:#475569;color:#f1f5f9}.header[data-header-theme=dark] .header-search-input:focus{background-color:#1e293b;border-color:#3b82f6}.header[data-header-theme=dark] .header-search-input::placeholder{color:#94a3b8}.header[data-header-theme=dark] .header-search-button{background-color:#3b82f6}.header[data-header-theme=dark] .header-search-button:hover{background-color:#2563eb}.header[data-header-theme=dark] .theme-switcher{background-color:#334155;border-color:#475569;color:#f1f5f9}.header[data-header-theme=dark] .theme-switcher:hover{background-color:#475569;border-color:#3b82f6;color:#3b82f6}.header[data-header-theme=dark] .header-expand-btn{background-color:#1e293b;border-color:#475569;color:#f1f5f9;box-shadow:0 2px 4px -1px #0000004d}.header[data-header-theme=dark] .header-expand-btn:hover{background-color:#334155;box-shadow:0 4px 6px -1px #0006}.header[data-header-theme=light]{background-color:#fff;border-color:#e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.header[data-header-theme=light]:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.header[data-header-theme=light] .header-nav-link{color:#475569}.header[data-header-theme=light] .header-nav-link:hover{color:#0f172a;background-color:#f8fafc}.header[data-header-theme=light] .header-nav-link.active{color:#2563eb;background-color:#f8fafc}.header[data-header-theme=light] .header-search-input{background-color:#f8fafc;border-color:#e2e8f0;color:#0f172a}.header[data-header-theme=light] .header-search-input:focus{background-color:#fff;border-color:#2563eb}.header[data-header-theme=light] .header-search-input::placeholder{color:#94a3b8}.header[data-header-theme=light] .header-search-button{background-color:#2563eb}.header[data-header-theme=light] .header-search-button:hover{background-color:#1d4ed8}.header[data-header-theme=light] .theme-switcher{background-color:#f8fafc;border-color:#e2e8f0;color:#0f172a}.header[data-header-theme=light] .theme-switcher:hover{background-color:#f1f5f9;border-color:#2563eb;color:#2563eb}.header[data-header-theme=light] .header-expand-btn{background-color:#fff;border-color:#e2e8f0;color:#0f172a;box-shadow:0 1px 2px #0000000d}.header[data-header-theme=light] .header-expand-btn:hover{background-color:#f8fafc;box-shadow:0 4px 6px -1px #0000001a}.header[data-header-theme=dark] .language-switcher-button{background-color:#334155;border-color:#475569;color:#f1f5f9}.header[data-header-theme=dark] .language-switcher-button:hover{background-color:#475569;border-color:#3b82f6;box-shadow:0 2px 4px -1px #0000004d}.header[data-header-theme=dark] .language-switcher-arrow{color:#cbd5e1}.header[data-header-theme=dark] .language-switcher-dropdown{background-color:#1e293b;border-color:#475569;box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d}.header[data-header-theme=dark] .language-switcher-option{color:#f1f5f9}.header[data-header-theme=dark] .language-switcher-option:hover{background-color:#334155}.header[data-header-theme=dark] .language-switcher-option.active{background-color:#334155;color:#3b82f6}.header[data-header-theme=dark] .language-switcher-check{color:#3b82f6}.header[data-header-theme=light] .language-switcher-button{background-color:#f8fafc;border-color:#e2e8f0;color:#0f172a}.header[data-header-theme=light] .language-switcher-button:hover{background-color:#f1f5f9;border-color:#2563eb;box-shadow:0 1px 2px #0000000d}.header[data-header-theme=light] .language-switcher-arrow{color:#475569}.header[data-header-theme=light] .language-switcher-dropdown{background-color:#fff;border-color:#e2e8f0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.header[data-header-theme=light] .language-switcher-option{color:#0f172a}.header[data-header-theme=light] .language-switcher-option:hover{background-color:#f8fafc}.header[data-header-theme=light] .language-switcher-option.active{background-color:#f8fafc;color:#2563eb}.header[data-header-theme=light] .language-switcher-check{color:#2563eb}.modal-drawer-theme-light .header-modal-user-section{background:linear-gradient(135deg,#2563eb1a,#2563eb0d);border-color:#2563eb33;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%)}.modal-drawer-theme-dark .header-modal-user-section{background:linear-gradient(135deg,#3b82f626,#3b82f614);border-color:#3b82f64d;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%)}.modal-drawer-theme-light .header-modal-section-title{color:#0f172a;text-shadow:0 1px 2px rgba(0,0,0,.03)}.modal-drawer-theme-dark .header-modal-section-title{color:#f1f5f9;text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 8px rgba(59,130,246,.2)}.modal-drawer-theme-light .header-modal-quick-action-icon{box-shadow:0 4px 12px #2563eb33,0 2px 6px #2563eb26}.modal-drawer-theme-dark .header-modal-quick-action-icon{box-shadow:0 4px 12px #3b82f64d,0 2px 6px #3b82f633,0 0 20px #3b82f61a}.modal-drawer-theme-light .header-modal-quick-action-label{color:#475569}.modal-drawer-theme-dark .header-modal-quick-action-label{color:#cbd5e1}.modal-drawer-theme-light .header-modal-quick-action:hover .header-modal-quick-action-label{color:#0f172a}.modal-drawer-theme-dark .header-modal-quick-action:hover .header-modal-quick-action-label{color:#f1f5f9}[dir=rtl] .header-main-nav{flex-direction:row-reverse}[dir=rtl] .header-nav-link.active:after{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .header-modal-close{right:auto;left:var(--spacing-md)}.header-modal-settings-section{display:none}@media(max-width:480px){.header-modal-settings-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}}.header-modal-settings{display:flex;flex-direction:column;gap:var(--spacing-lg)}.header-modal-setting-item{display:flex;align-items:center;width:100%}.header-modal-setting-item .language-switcher{width:100%}.header-modal-setting-item .language-switcher-button{width:100%;justify-content:space-between}.header-modal-setting-item .language-switcher-mobile{width:100%}.header-modal-theme-switcher{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);text-align:left;display:flex;align-items:center;gap:var(--spacing-md);box-shadow:0 1px 3px #0000000d}.header-modal-theme-switcher:hover{background:var(--bg-secondary);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26,0 2px 4px #2563eb1a}.header-modal-theme-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;color:var(--text-secondary);transition:all var(--transition-base)}.header-modal-theme-switcher:hover .header-modal-theme-icon{color:var(--color-primary);transform:scale(1.05)}.header-modal-theme-label{flex:1;min-width:0}.header-modal-account-section{margin-top:auto;padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.header-modal-account-actions{display:flex;gap:var(--spacing-md)}.header-modal-account-action{flex:1;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;box-shadow:0 2px 6px #0000001a}.header-modal-logout{background:linear-gradient(135deg,var(--color-error) 0%,#dc2626 100%);color:var(--text-inverse);box-shadow:0 4px 12px #ef444440,0 2px 6px #ef444426}.header-modal-logout:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444459,0 4px 10px #ef444440;filter:brightness(1.05)}.header-modal-login{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--text-inverse);box-shadow:0 4px 12px #2563eb40,0 2px 6px #2563eb26}.header-modal-login:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb59,0 4px 10px #2563eb40;filter:brightness(1.05)}[dir=rtl] .header-modal-nav-item{text-align:right}@media(max-width:480px){[dir=rtl] .header-modal-close{left:var(--spacing-sm)}}.footer{background-color:var(--bg-primary);border-top:1px solid var(--border-color);margin-top:auto;padding:var(--spacing-md) 0}.footer-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:var(--spacing-xl)}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard-summary-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-base)}.dashboard-summary-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translateY(-2px)}.dashboard-summary-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.dashboard-summary-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--color-primary);flex-shrink:0}.dashboard-summary-card-label{margin:0;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);flex:1}.dashboard-summary-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.dashboard-summary-subtext{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.dashboard-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:var(--spacing-xl)}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.dashboard-section-title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary)}.dashboard-quick-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-lg)}.dashboard-empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.dashboard-empty-state-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);opacity:.5}.dashboard-recent-list{list-style:none;padding:0;margin:0}.dashboard-recent-item{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-base)}.dashboard-recent-item:hover{background-color:var(--bg-secondary)}.dashboard-recent-item:last-child{border-bottom:none}.dashboard-recent-item-title{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.dashboard-recent-item-meta{font-size:var(--font-size-sm);color:var(--text-secondary)}@media(max-width:768px){.dashboard-summary-grid{grid-template-columns:1fr}.dashboard-section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.dashboard-quick-actions{width:100%}.dashboard-quick-actions button{flex:1;min-width:120px}}.home-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.home-container h1{color:var(--color-primary);margin-bottom:var(--spacing-lg)}.home-container p{color:var(--text-secondary);font-size:var(--font-size-lg)}.home-welcome{text-align:center;padding:var(--spacing-2xl) 0}.home-actions{margin-top:var(--spacing-xl);display:flex;gap:var(--spacing-md);justify-content:center}.dashboard-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl);animation:fadeIn .3s ease-in}.dashboard-header{margin-bottom:var(--spacing-xl)}.dashboard-header h1{margin:0 0 var(--spacing-xs) 0;font-size:1.75rem;color:var(--color-primary)}.dashboard-subtitle{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}@media(max-width:768px){.home-container,.dashboard-container{padding:var(--spacing-md)}.dashboard-header h1{font-size:1.5rem}}.login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - var(--footer-height));padding:var(--spacing-xl);background-color:var(--bg-secondary)}.login-container{width:100%;max-width:400px}.login-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.login-card h1{text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-primary)}.login-button{width:100%;margin-top:var(--spacing-md)}.case-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.case-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.case-urgent-badge{position:absolute;top:0;right:0;background-color:#ef4444;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;border-bottom-left-radius:var(--radius-md)}.case-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);gap:var(--spacing-sm)}.case-card-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);flex:1;line-height:1.4}.case-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.case-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.case-card-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.case-card-label{color:var(--text-secondary);font-weight:500}.case-card-value{color:var(--text-primary);text-align:right}@media(max-width:768px){.case-card-header{flex-direction:column;align-items:flex-start}.case-card-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.case-card-value{text-align:left}}.case-filters{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.case-filters-row{display:flex;gap:var(--spacing-md);align-items:flex-end;flex-wrap:wrap}.case-filters-search{flex:1;min-width:200px}.case-filters-selects{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.case-filters-selects .form-group{min-width:150px}@media(max-width:768px){.case-filters-row{flex-direction:column;align-items:stretch}.case-filters-search,.case-filters-selects{width:100%}.case-filters-selects .form-group{flex:1;min-width:0}}.case-form-page{max-width:1200px;margin:0 auto;padding:var(--spacing-xl);animation:fadeIn .3s ease-in}.case-form-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color)}.case-form-header h1{margin:0;color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.02em}.case-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.case-form-section{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.case-form-section:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.case-form-section h2{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary);border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.case-form-section h2:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-full)}.case-form-row{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.case-form-row:last-child{margin-bottom:0}.case-form-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.case-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-xl);margin-top:var(--spacing-lg);border-top:2px solid var(--border-color)}.form-select-trigger-multi{min-height:56px;padding:var(--spacing-sm) var(--spacing-lg)}.form-select-trigger-selected{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.form-select-trigger-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--spacing-xs);background:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.case-form .form-group:has(.form-select-trigger){position:relative}.case-form .form-group:has(.form-select-trigger) .form-select-clear{position:absolute;right:48px;top:calc(var(--spacing-xs) + .875rem + 24px);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);z-index:10}.case-form .form-group .form-select-clear{position:absolute;right:48px;top:calc(var(--spacing-xs) + .875rem + 24px);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);z-index:10}.case-form .form-group .form-select-clear:hover{background:var(--bg-tertiary);color:var(--color-error);transform:scale(1.1)}.form-select-selected-items{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.form-select-selected-item{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:var(--text-inverse);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-sm)}.form-select-selected-item-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fff3;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-inverse);transition:all var(--transition-fast);padding:0}.form-select-selected-item-remove:hover{background:#ffffff4d;transform:scale(1.1)}.selection-drawer-item-checkbox{flex-shrink:0}.selection-drawer-item-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.selection-drawer-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--border-color);display:flex;justify-content:flex-end;position:sticky;bottom:0;background:inherit;z-index:5}.selection-drawer-footer-button{min-width:120px}@media(max-width:1024px){.case-form-page{max-width:100%;padding:var(--spacing-lg)}.case-form-section{padding:var(--spacing-lg)}}@media(max-width:768px){.case-form-page{padding:var(--spacing-md)}.case-form-header h1{font-size:var(--font-size-2xl)}.case-form-row-2{grid-template-columns:1fr;gap:var(--spacing-md)}.case-form-actions{flex-direction:column-reverse;gap:var(--spacing-sm)}.case-form-actions button{width:100%}.case-form-section{padding:var(--spacing-md)}.case-form-section h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.form-select-trigger{min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.form-select-trigger-multi{min-height:52px}.selection-drawer{min-height:300px;max-height:60vh}.selection-drawer-item{padding:var(--spacing-sm) var(--spacing-md)}.selection-drawer-item-avatar{width:40px;height:40px;font-size:var(--font-size-base)}.selection-drawer-item-name{font-size:var(--font-size-sm)}.selection-drawer-item-meta{font-size:var(--font-size-xs)}}@media(max-width:480px){.case-form-page{padding:var(--spacing-sm)}.case-form-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.case-form-header h1{font-size:var(--font-size-xl)}.case-form{gap:var(--spacing-md)}.case-form-section{padding:var(--spacing-sm);border-radius:var(--radius-md)}.case-form-section h2{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.case-form-section h2:before{width:3px;height:18px}.case-form-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.form-select-trigger{font-size:var(--font-size-sm)}.form-select-selected-items{gap:var(--spacing-xs)}.form-select-selected-item{font-size:var(--font-size-xs);padding:2px var(--spacing-xs)}.selection-drawer{min-height:250px;max-height:50vh}.selection-drawer-item-content{gap:var(--spacing-sm)}.selection-drawer-item-avatar{width:36px;height:36px;font-size:var(--font-size-sm)}}[data-theme=dark] .case-form-section{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-dark-secondary) 100%);border-color:var(--border-color)}[data-theme=dark] .case-form-section:hover{border-color:var(--color-primary-light);box-shadow:0 4px 12px #3b82f633}.urgent-checkbox-wrapper{position:relative;padding:var(--spacing-md);background:linear-gradient(135deg,#ef44440d,#f973160d);border:2px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);transition:all var(--transition-base);margin:var(--spacing-sm) 0}.urgent-checkbox-wrapper:hover{background:linear-gradient(135deg,#ef44441a,#f973161a);border-color:#ef444466;box-shadow:0 4px 12px #ef444426;transform:translateY(-2px)}.urgent-checkbox-wrapper:has(.checkbox-input:checked){background:linear-gradient(135deg,#ef444426,#f9731626);border-color:var(--color-error);box-shadow:0 4px 16px #ef444440,0 0 0 3px #ef44441a,inset 0 1px #ffffff1a}.urgent-checkbox-wrapper .checkbox-group{margin-bottom:0}.urgent-checkbox-wrapper .checkbox-label{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;position:relative;padding:var(--spacing-xs)}.urgent-checkbox-wrapper .checkbox-input{width:24px;height:24px;cursor:pointer;accent-color:var(--color-error);flex-shrink:0;position:relative;appearance:none;-webkit-appearance:none;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-base);margin:0}.urgent-checkbox-wrapper .checkbox-input:hover{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a;transform:scale(1.05)}.urgent-checkbox-wrapper .checkbox-input:checked{background:linear-gradient(135deg,var(--color-error) 0%,#f97316 100%);border-color:var(--color-error);box-shadow:0 2px 8px #ef44444d,0 0 0 3px #ef44441a}.urgent-checkbox-wrapper .checkbox-input:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;border-radius:1px;animation:checkmark .3s cubic-bezier(.4,0,.2,1)}@keyframes checkmark{0%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(0)}50%{transform:translate(-50%,-50%) rotate(45deg) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1)}}.urgent-checkbox-wrapper .checkbox-text{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;position:relative;display:flex;align-items:center;gap:var(--spacing-sm);transition:color var(--transition-base)}.urgent-checkbox-wrapper:has(.checkbox-input:checked) .checkbox-text{color:var(--color-error)}.urgent-checkbox-wrapper .checkbox-text:before{content:"⚡";font-size:var(--font-size-lg);display:inline-block;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(239,68,68,.3))}.urgent-checkbox-wrapper:has(.checkbox-input:checked) .checkbox-text:before{animation:urgentPulse 1s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(239,68,68,.5))}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes urgentPulse{0%,to{opacity:1;transform:scale(1);filter:drop-shadow(0 2px 8px rgba(239,68,68,.5))}50%{opacity:1;transform:scale(1.15);filter:drop-shadow(0 4px 12px rgba(239,68,68,.7))}}[data-theme=dark] .urgent-checkbox-wrapper{background:linear-gradient(135deg,#ef44441a,#f973161a);border-color:#ef44444d}[data-theme=dark] .urgent-checkbox-wrapper:hover{background:linear-gradient(135deg,#ef444426,#f9731626);border-color:#ef444480;box-shadow:0 4px 16px #ef44444d}[data-theme=dark] .urgent-checkbox-wrapper:has(.checkbox-input:checked){background:linear-gradient(135deg,#ef444433,#f9731633);border-color:var(--color-error);box-shadow:0 4px 20px #ef444466,0 0 0 3px #ef444426,inset 0 1px #ffffff0d}[data-theme=dark] .urgent-checkbox-wrapper .checkbox-input{background:var(--bg-dark-secondary);border-color:var(--border-color)}[data-theme=dark] .urgent-checkbox-wrapper .checkbox-input:checked{box-shadow:0 2px 12px #ef444480,0 0 0 3px #ef444426}@media(max-width:768px){.urgent-checkbox-wrapper{padding:var(--spacing-sm)}.urgent-checkbox-wrapper .checkbox-input{width:22px;height:22px}.urgent-checkbox-wrapper .checkbox-text{font-size:var(--font-size-sm)}.urgent-checkbox-wrapper .checkbox-text:before{font-size:var(--font-size-base)}}@media(max-width:480px){.urgent-checkbox-wrapper{padding:var(--spacing-xs);border-width:1.5px}.urgent-checkbox-wrapper .checkbox-label{gap:var(--spacing-sm)}.urgent-checkbox-wrapper .checkbox-input{width:20px;height:20px}.urgent-checkbox-wrapper .checkbox-input:checked:after{width:5px;height:8px;border-width:0 1.5px 1.5px 0}}.cases-page{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.cases-table-container{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-color);margin-bottom:var(--spacing-xl)}.cases-table{width:100%;border-collapse:collapse;background-color:var(--bg-primary)}.cases-table thead{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.cases-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.cases-table th:first-child{padding-left:var(--spacing-xl)}.cases-table th:last-child{padding-right:var(--spacing-xl)}.cases-table-urgent{text-align:center;width:100px}.cases-table-row{cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--border-color)}.cases-table-row:hover{background-color:var(--bg-secondary)}.cases-table-row:last-child{border-bottom:none}.cases-table td{padding:var(--spacing-lg);font-size:var(--font-size-base);color:var(--text-primary);vertical-align:middle}.cases-table td:first-child{padding-left:var(--spacing-xl);font-weight:600;color:var(--color-primary)}.cases-table td:last-child{padding-right:var(--spacing-xl)}.cases-table-case-number{font-family:Courier New,monospace;font-weight:600;color:var(--color-primary)}.cases-table-title{font-weight:500;color:var(--text-primary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cases-table-type{color:var(--text-secondary)}.cases-table-date{color:var(--text-secondary);font-size:var(--font-size-sm)}.urgent-badge{display:inline-block;background-color:var(--color-error);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.case-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;white-space:nowrap;display:inline-block}.cases-list{display:none;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(max-width:768px){.cases-page{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding-bottom:var(--spacing-md)}.page-header h1{font-size:var(--font-size-2xl)}.page-header button{width:100%}.cases-table-container{display:none}.cases-list{display:grid}}@media(min-width:769px)and (max-width:1024px){.cases-table th,.cases-table td{padding:var(--spacing-md);font-size:var(--font-size-sm)}.cases-table th:first-child,.cases-table td:first-child{padding-left:var(--spacing-lg)}.cases-table th:last-child,.cases-table td:last-child{padding-right:var(--spacing-lg)}.cases-table-title{max-width:200px}}.case-detail-page{max-width:1200px;margin:0 auto;padding:var(--spacing-xl);animation:fadeIn .3s ease-in}.case-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.case-detail-title-section{flex:1}.case-detail-title-section h1{margin:0 0 var(--spacing-sm) 0;color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.02em;line-height:1.2}.case-detail-meta{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.case-number{color:var(--text-secondary);font-size:var(--font-size-sm)}.urgent-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;box-shadow:0 2px 8px #ef44444d;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.case-detail-actions{display:flex;gap:var(--spacing-md);flex-shrink:0}.case-detail-status-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);gap:var(--spacing-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.case-detail-status-bar:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.status-info{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.status-label{font-weight:600;color:var(--text-secondary);font-size:var(--font-size-base)}.case-status-badge{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.case-status-badge:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.case-status-badge.case-status-intake{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.case-status-badge.case-status-opened{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.case-status-badge.case-status-inprogress{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.case-status-badge.case-status-pendingcourt,.case-status-badge.case-status-pendingclient,.case-status-badge.case-status-pendingopposingparty{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.case-status-badge.case-status-innegotiation,.case-status-badge.case-status-inmediation{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.case-status-badge.case-status-intrial{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.case-status-badge.case-status-settlement,.case-status-badge.case-status-judgment{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.case-status-badge.case-status-appeal{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.case-status-badge.case-status-closed{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.case-status-badge.case-status-archived{background:linear-gradient(135deg,#374151,#1f2937);color:#fff}.update-status-btn{flex-shrink:0}.case-detail-tabs{display:flex;gap:var(--spacing-xs);border-bottom:2px solid var(--border-color);margin-bottom:var(--spacing-lg);overflow-x:auto;padding:0 var(--spacing-sm)}.case-detail-tabs button{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative;border-radius:var(--radius-md) var(--radius-md) 0 0}.case-detail-tabs button:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--color-primary);transform:scaleX(0);transition:transform var(--transition-base)}.case-detail-tabs button:hover,.case-detail-tabs button.active{color:var(--color-primary);background-color:var(--bg-secondary)}.case-detail-tabs button.active:before{transform:scaleX(1)}.case-detail-content{min-height:400px}.case-detail-section{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.case-detail-section:hover{box-shadow:var(--shadow-md)}.case-detail-section h2{margin:0 0 var(--spacing-lg) 0;color:var(--color-primary);border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-md);font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.01em}.case-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.case-detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.case-detail-item label{font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm)}.case-detail-item span{color:var(--text-primary)}.case-detail-description,.case-detail-notes{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.case-detail-description h3,.case-detail-notes h3{margin:0 0 var(--spacing-md) 0;color:var(--color-primary);font-size:var(--font-size-base)}.case-detail-description p,.case-detail-notes p{color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.case-detail-clients{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);display:block;visibility:visible;opacity:1}.case-detail-clients h3{margin:0 0 var(--spacing-md) 0;color:var(--color-primary);font-size:var(--font-size-base);display:block;visibility:visible}.case-detail-clients .clients-list{display:flex!important;flex-direction:column;gap:var(--spacing-sm);visibility:visible;opacity:1;min-height:auto}.case-detail-clients .client-item{display:flex!important;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-base);box-shadow:var(--shadow-sm);color:var(--text-primary)!important;visibility:visible;opacity:1;min-height:48px;cursor:pointer}.case-detail-clients .client-item>span:first-child{color:var(--text-primary)!important;font-weight:500;display:inline-block;visibility:visible}.case-detail-clients .client-item:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--color-primary);background:var(--bg-secondary)}.case-detail-clients .client-email{color:var(--text-secondary)!important;font-size:var(--font-size-sm);display:inline-block;visibility:visible}.documents-list,.time-entries-list,.invoices-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.document-item,.time-entry-item,.invoice-item{padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.document-item:hover,.time-entry-item:hover,.invoice-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.document-info h4,.time-entry-content h4,.invoice-info h4{margin:0 0 var(--spacing-xs) 0;color:var(--color-primary)}.document-meta,.time-entry-meta,.invoice-meta{color:var(--text-secondary);font-size:var(--font-size-sm)}.events-timeline{display:flex;flex-direction:column;gap:var(--spacing-lg);position:relative;padding-left:var(--spacing-lg)}.events-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--border-color)}.event-item{position:relative;padding-left:var(--spacing-lg)}.event-item:before{content:"";position:absolute;left:calc(-1 * var(--spacing-lg) - 5px);top:var(--spacing-sm);width:12px;height:12px;border-radius:50%;background-color:var(--color-primary);border:2px solid var(--bg-secondary)}.event-date{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.event-content{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.event-content:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.event-content h4{margin:0 0 var(--spacing-xs) 0;color:var(--color-primary)}.event-content p{margin:var(--spacing-xs) 0;color:var(--text-primary)}.event-creator{color:var(--text-secondary);font-size:var(--font-size-sm)}.empty-message{text-align:center;padding:var(--spacing-2xl);color:var(--text-tertiary)}.status-update-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.status-update-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.status-update-form .form-label{font-weight:600;font-size:var(--font-size-base);letter-spacing:.01em;margin-bottom:var(--spacing-xs)}.modal-drawer-theme-light .status-update-form .form-label{color:#0f172a;text-shadow:0 1px 2px rgba(0,0,0,.02)}.modal-drawer-theme-dark .status-update-form .form-label{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.3)}.modal-drawer-theme-light .status-update-form .form-select{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;border:1.5px solid rgba(226,232,240,.8);color:#0f172a;box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc;transition:all var(--transition-base)}.modal-drawer-theme-light .status-update-form .form-select:hover{border-color:#3b82f666;box-shadow:0 2px 6px #00000014,inset 0 1px #ffffffe6}.modal-drawer-theme-light .status-update-form .form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 2px 8px #0000001a,inset 0 1px #ffffffe6;background-color:#fff}.modal-drawer-theme-dark .status-update-form .form-select{background-color:#1e293bcc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23cbd5e1' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;border:1.5px solid rgba(59,130,246,.3);color:#f1f5f9;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d;transition:all var(--transition-base)}.modal-drawer-theme-dark .status-update-form .form-select:hover{border-color:#60a5fa80;box-shadow:0 4px 12px #0006,0 0 8px #3b82f633,inset 0 1px #ffffff1a;background-color:#1e293bf2}.modal-drawer-theme-dark .status-update-form .form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f64d,0 4px 16px #00000080,0 0 12px #60a5fa4d,inset 0 1px #ffffff1a;background-color:#1e293b}.modal-drawer-theme-light .status-update-form .form-textarea{background-color:#fff;border:1.5px solid rgba(226,232,240,.8);color:#0f172a;box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc;transition:all var(--transition-base)}.modal-drawer-theme-light .status-update-form .form-textarea:hover{border-color:#3b82f666;box-shadow:0 2px 6px #00000014,inset 0 1px #ffffffe6}.modal-drawer-theme-light .status-update-form .form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 2px 8px #0000001a,inset 0 1px #ffffffe6;background-color:#fff}.modal-drawer-theme-light .status-update-form .form-textarea::placeholder{color:#94a3b8}.modal-drawer-theme-dark .status-update-form .form-textarea{background-color:#1e293bcc;border:1.5px solid rgba(59,130,246,.3);color:#f1f5f9;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d;transition:all var(--transition-base)}.modal-drawer-theme-dark .status-update-form .form-textarea:hover{border-color:#60a5fa80;box-shadow:0 4px 12px #0006,0 0 8px #3b82f633,inset 0 1px #ffffff1a;background-color:#1e293bf2}.modal-drawer-theme-dark .status-update-form .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f64d,0 4px 16px #00000080,0 0 12px #60a5fa4d,inset 0 1px #ffffff1a;background-color:#1e293b}.modal-drawer-theme-dark .status-update-form .form-textarea::placeholder{color:#64748b}.status-update-form .form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg);margin-top:var(--spacing-md);border-top:1px solid transparent;position:relative}.modal-drawer-theme-light .status-update-form .form-actions{border-top-color:#e2e8f099;background:linear-gradient(to bottom,transparent,rgba(248,250,252,.3))}.modal-drawer-theme-dark .status-update-form .form-actions{border-top-color:#3b82f633;background:linear-gradient(to bottom,transparent,rgba(15,23,42,.3))}.status-update-form .form-actions .btn{min-width:100px;font-weight:600;transition:all var(--transition-base)}.modal-drawer-theme-light .status-update-form .form-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #2563eb4d,inset 0 1px #fff3}.modal-drawer-theme-light .status-update-form .form-actions .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #2563eb66,inset 0 1px #ffffff4d;transform:translateY(-1px)}.modal-drawer-theme-light .status-update-form .form-actions .btn-secondary{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #0000001a,inset 0 1px #fffc}.modal-drawer-theme-light .status-update-form .form-actions .btn-secondary:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 2px 6px #00000026,inset 0 1px #ffffffe6;transform:translateY(-1px)}.modal-drawer-theme-dark .status-update-form .form-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px #3b82f666,0 0 8px #3b82f633,inset 0 1px #ffffff1a}.modal-drawer-theme-dark .status-update-form .form-actions .btn-primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 6px 20px #3b82f680,0 0 12px #60a5fa66,inset 0 1px #ffffff26;transform:translateY(-1px)}.modal-drawer-theme-dark .status-update-form .form-actions .btn-secondary{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);color:#cbd5e1;border:1px solid rgba(59,130,246,.3);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}.modal-drawer-theme-dark .status-update-form .form-actions .btn-secondary:hover{background:linear-gradient(135deg,#334155e6,#1e293b);box-shadow:0 4px 12px #0006,0 0 8px #3b82f633,inset 0 1px #ffffff1a;transform:translateY(-1px)}.modal-drawer-theme-light .status-update-form .alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid rgba(239,68,68,.3);color:#991b1b;box-shadow:0 2px 8px #ef444426}.modal-drawer-theme-dark .status-update-form .alert{background:linear-gradient(135deg,#7f1d1d4d,#991b1b66);border:1px solid rgba(239,68,68,.4);color:#fca5a5;box-shadow:0 2px 8px #0006,0 0 8px #ef444433}@media(max-width:768px){.case-detail-page{padding:var(--spacing-md)}.case-detail-header{flex-direction:column;padding:var(--spacing-md)}.case-detail-title-section h1{font-size:var(--font-size-2xl)}.case-detail-actions{width:100%;flex-direction:column}.case-detail-actions button,.case-detail-actions .btn{width:100%;flex:1}.case-detail-status-bar{flex-direction:column;align-items:stretch;gap:var(--spacing-md);padding:var(--spacing-md)}.status-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.update-status-btn{width:100%}.case-detail-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);border-bottom:none;padding:0;margin-bottom:var(--spacing-lg)}.case-detail-tabs button{padding:var(--spacing-md) var(--spacing-sm);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:normal;position:relative;text-align:center;box-shadow:var(--shadow-sm);min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs)}.case-detail-tabs button:before{display:none}.case-detail-tabs button:hover{color:var(--color-primary);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.case-detail-tabs button.active{color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 12px #2563eb4d,inset 0 1px #fff3;transform:translateY(-2px)}.case-detail-tabs button.active:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);box-shadow:0 6px 16px #2563eb66,inset 0 1px #ffffff4d}[data-theme=dark] .case-detail-tabs button{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-color:var(--border-color)}[data-theme=dark] .case-detail-tabs button:hover{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-color:var(--color-primary-light)}[data-theme=dark] .case-detail-tabs button.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-color:var(--color-primary-light);box-shadow:0 4px 12px #3b82f666,0 0 8px #3b82f633,inset 0 1px #ffffff1a}.case-detail-grid{grid-template-columns:1fr}.case-detail-clients .client-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.status-update-form .form-actions{flex-direction:column-reverse}.status-update-form .form-actions .btn{width:100%}}.archive-confirmation-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.archive-confirmation-content>p{margin:0;color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6}.archive-confirmation-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-sm)}.archive-confirmation-actions .btn{min-width:100px}.archive-confirmation-actions .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.archive-confirmation-actions .btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.modal-drawer-theme-light .archive-confirmation-content>p{color:#0f172a}.modal-drawer-theme-light .archive-confirmation-actions .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d,inset 0 1px #fff3}.modal-drawer-theme-light .archive-confirmation-actions .btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466,inset 0 1px #ffffff4d}.modal-drawer-theme-dark .archive-confirmation-content>p{color:#f1f5f9}.modal-drawer-theme-dark .archive-confirmation-actions .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444466,0 0 8px #ef444433,inset 0 1px #ffffff1a}.modal-drawer-theme-dark .archive-confirmation-actions .btn-danger:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 20px #ef444480,0 0 12px #ef44444d,inset 0 1px #ffffff26}@media(max-width:768px){.archive-confirmation-actions{flex-direction:column-reverse}.archive-confirmation-actions .btn{width:100%}}.client-form{max-width:960px;margin:0 auto;background:var(--color-surface, #fff);padding:2rem;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;gap:1.5rem}.client-form__header h1{margin:0;font-size:1.75rem}.client-form__error{padding:1rem;border-radius:12px;background:#ea4c4c1a;color:#c62828}.client-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.client-form__actions{display:flex;justify-content:flex-end;gap:1rem}@media(max-width:768px){.client-form{padding:1.5rem}.client-form__actions{flex-direction:column-reverse}}.client-filters{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.client-filters-row{display:flex;gap:var(--spacing-md);align-items:flex-end;flex-wrap:wrap}.client-filters-search{flex:1;min-width:200px}.client-filters-selects{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.client-filters-selects .form-group{min-width:150px}@media(max-width:768px){.client-filters-row{flex-direction:column;align-items:stretch}.client-filters-search,.client-filters-selects{width:100%}.client-filters-selects .form-group{flex:1;min-width:0}}.client-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-md)}.client-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.client-card--inactive{opacity:.7;background-color:var(--bg-secondary)}.client-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);gap:var(--spacing-sm)}.client-card-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);flex:1;line-height:1.4}.client-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;white-space:nowrap;flex-shrink:0;display:inline-block}.client-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.client-card-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.client-card-label{color:var(--text-secondary);font-weight:500}.client-card-value{color:var(--text-primary);text-align:right}.client-card__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.client-card__actions button{flex:1;min-width:80px}@media(max-width:768px){.client-card-header{flex-direction:column;align-items:flex-start}.client-card-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.client-card-value{text-align:left}.client-card__actions{flex-direction:column}.client-card__actions button{width:100%}}.client-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.client-stat-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.client-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.client-stat-card__label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.client-stat-card__value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary);line-height:1.2}@media(max-width:768px){.client-stats{grid-template-columns:1fr;gap:var(--spacing-md)}.client-stat-card{padding:var(--spacing-md)}.client-stat-card__value{font-size:var(--font-size-2xl)}}.client-appointments{display:flex;flex-direction:column;gap:1rem}.client-appointment{padding:1.5rem;border-radius:16px;background:linear-gradient(135deg,#2563eb0d,#2563eb05);border:1px solid rgba(37,99,235,.1);transition:all var(--transition-base);position:relative;overflow:hidden}.client-appointment:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:0 4px 4px 0}.client-appointment:hover{transform:translate(4px);box-shadow:0 8px 24px #2563eb26;border-color:#2563eb33}.client-appointment>div:first-child{margin-bottom:1rem}.client-appointment h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.client-appointment h4:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.client-appointment p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--text-secondary);padding-left:1.25rem}.client-appointment__meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(37,99,235,.1);font-size:.875rem;padding-left:1.25rem}.client-appointment__meta span{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.client-appointment__meta span:first-child{color:var(--text-primary);font-weight:500}.client-appointment__meta span:last-child{padding:.375rem .875rem;background:#2563eb1a;border-radius:12px;font-weight:600;color:var(--color-primary);font-size:.8125rem}.client-related-empty{padding:3rem 1rem;text-align:center;color:var(--text-tertiary);font-size:.9375rem;background:linear-gradient(135deg,#2563eb05,#2563eb03);border-radius:12px;border:1px dashed var(--border-color, #e2e8f0)}@media(max-width:768px){.client-appointment{padding:1.25rem}.client-appointment h4{font-size:1rem}.client-appointment p{font-size:.875rem;padding-left:1rem}.client-appointment__meta{flex-direction:column;align-items:flex-start;padding-left:1rem}}@media(max-width:480px){.client-appointment{padding:1rem}.client-appointment h4{font-size:.9375rem}.client-appointment__meta{font-size:.8125rem}}[data-theme=dark] .client-appointment{background:linear-gradient(135deg,#2563eb1a,#2563eb0d);border-color:#2563eb33}[data-theme=dark] .client-related-empty{background:linear-gradient(135deg,#2563eb0d,#2563eb05);border-color:var(--border-color)}.client-related-table{overflow-x:auto;border-radius:12px;border:1px solid var(--border-color, #e2e8f0)}.client-related-table table{width:100%;border-collapse:collapse;background:var(--bg-primary, #fff)}.client-related-table thead{background:linear-gradient(135deg,#2563eb0d,#2563eb05)}.client-related-table th{padding:1rem 1.25rem;text-align:left;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:2px solid var(--border-color, #e2e8f0);white-space:nowrap}.client-related-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-primary);font-size:.9375rem}.client-related-table tbody tr{transition:all var(--transition-base)}.client-related-table tbody tr:hover{background:#2563eb08}.client-related-table tbody tr:last-child td{border-bottom:none}.client-related-link{background:none;border:none;color:var(--color-primary);text-decoration:none;cursor:pointer;font-weight:600;font-size:.875rem;padding:.5rem 1rem;border-radius:8px;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:.5rem}.client-related-link:hover{background:#2563eb1a;color:var(--color-primary-dark);transform:translate(2px)}.client-related-link:after{content:"→";transition:transform var(--transition-base)}.client-related-link:hover:after{transform:translate(4px)}.client-related-empty{padding:3rem 1rem;text-align:center;color:var(--text-tertiary);font-size:.9375rem}.case-status{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:500;text-transform:uppercase;white-space:nowrap;display:inline-block}.case-status-intake{background-color:#dbeafe;color:#1e40af}.case-status-opened{background-color:#d1fae5;color:#065f46}.case-status-inprogress{background-color:#fef3c7;color:#92400e}.case-status-pendingcourt,.case-status-pendingclient,.case-status-pendingopposingparty{background-color:#fde68a;color:#78350f}.case-status-innegotiation,.case-status-inmediation{background-color:#e0e7ff;color:#3730a3}.case-status-intrial{background-color:#fecaca;color:#991b1b}.case-status-settlement{background-color:#d1fae5;color:#065f46}.case-status-judgment{background-color:#c7d2fe;color:#312e81}.case-status-appeal{background-color:#fce7f3;color:#831843}.case-status-closed{background-color:#e5e7eb;color:#374151}.case-status-archived{background-color:#f3f4f6;color:#6b7280}.urgent-badge{display:inline-block;background-color:var(--color-error, #ef4444);color:#fff;padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.client-related-table-urgent{text-align:center}@media(max-width:768px){.client-related-table{border-radius:12px}.client-related-table th,.client-related-table td{padding:.75rem 1rem;font-size:.875rem}.client-related-table th{font-size:.75rem}}@media(max-width:480px){.client-related-table th,.client-related-table td{padding:.625rem .75rem;font-size:.8125rem}}.clients-page{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.clients-table-container{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-color);margin-bottom:var(--spacing-xl)}.clients-table{width:100%;border-collapse:collapse;background-color:var(--bg-primary)}.clients-table thead{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.clients-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.clients-table th:first-child{padding-left:var(--spacing-xl)}.clients-table th:last-child{padding-right:var(--spacing-xl)}.clients-table-row{cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--border-color)}.clients-table-row:hover{background-color:var(--bg-secondary)}.clients-table-row:last-child{border-bottom:none}.clients-table td{padding:var(--spacing-lg);font-size:var(--font-size-base);color:var(--text-primary);vertical-align:middle}.clients-table td:first-child{padding-left:var(--spacing-xl);font-weight:600;color:var(--color-primary)}.clients-table td:last-child{padding-right:var(--spacing-xl)}.clients-table-name{font-weight:600;color:var(--color-primary)}.clients-table-type{color:var(--text-secondary)}.clients-table-email{color:var(--text-primary)}.clients-table-phone{color:var(--text-secondary);font-size:var(--font-size-sm)}.client-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;white-space:nowrap;display:inline-block}.client-status-active{background-color:#d1fae5;color:#065f46}.client-status-inactive{background-color:#fee2e2;color:#991b1b}.clients-list{display:none;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(max-width:768px){.clients-page{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding-bottom:var(--spacing-md)}.page-header h1{font-size:var(--font-size-2xl)}.page-header button{width:100%}.clients-table-container{display:none}.clients-list{display:grid}}@media(min-width:769px)and (max-width:1024px){.clients-table th,.clients-table td{padding:var(--spacing-md);font-size:var(--font-size-sm)}.clients-table th:first-child,.clients-table td:first-child{padding-left:var(--spacing-lg)}.clients-table th:last-child,.clients-table td:last-child{padding-right:var(--spacing-lg)}}.client-details{padding:0;display:flex;flex-direction:column;gap:2rem;max-width:1400px;margin:0 auto}.client-details__hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:24px;padding:2.5rem;color:#fff;box-shadow:0 20px 60px #2563eb4d;position:relative;overflow:hidden}.client-details__hero:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff1a;border-radius:50%;filter:blur(80px)}.client-details__hero-content{display:flex;align-items:flex-start;gap:2rem;position:relative;z-index:1}.client-details__hero-info{flex:1;min-width:0}.client-details__hero-title-wrapper{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.client-details__status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:.875rem;font-weight:600;color:var(--text-primary);box-shadow:0 4px 12px #00000026;border:2px solid rgba(255,255,255,.5);flex-shrink:0}.client-details__status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);display:inline-block}.client-details__status-badge--inactive .client-details__status-dot{background:var(--color-error)}.client-details__hero-title{margin:0;font-size:2.5rem;font-weight:700;line-height:1.2;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.1)}.client-details__hero-subtitle{margin:0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:1.125rem;opacity:.95}.client-details__type-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;font-size:.875rem;font-weight:600;border:1px solid rgba(255,255,255,.3)}.client-details__hero-email{display:flex;align-items:center;gap:.5rem}.client-details__hero-actions{display:flex;gap:1rem;flex-wrap:wrap;position:relative;z-index:1;margin-top:1.5rem}.client-details__action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;transition:all var(--transition-base);box-shadow:0 4px 12px #00000026;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-primary);border:1px solid rgba(255,255,255,.3)}.client-details__action-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.client-details__action-btn.btn-primary{background:#fffffff2;color:var(--color-primary)}.client-details__action-btn.btn-primary:hover{background:#fff}.client-details__action-btn.btn-secondary{background:#ffffffd9;color:var(--text-primary)}.client-details__action-btn.btn-outline{background:#fff3;border-color:#ffffff80;color:#fff}.client-details__action-btn.btn-outline:hover{background:#ffffff4d;color:#fff}.client-details__action-btn svg{flex-shrink:0}.client-details__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.client-details__card{background:var(--bg-primary, #fff);padding:1.75rem;border-radius:20px;box-shadow:0 4px 20px #0000000f;border:1px solid var(--border-color, #e2e8f0);transition:all var(--transition-base);position:relative;overflow:hidden}.client-details__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.client-details__card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.client-details__card:hover:before{transform:scaleX(1)}.client-details__card--wide{grid-column:1 / -1}.client-details__card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color, #e2e8f0)}.client-details__card-header svg{color:var(--color-primary);flex-shrink:0}.client-details__card-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.client-details__info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.client-details__info-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 0}.client-details__info-label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--text-secondary);font-weight:500;flex-shrink:0;min-width:120px}.client-details__info-label svg{color:var(--color-primary);opacity:.7;flex-shrink:0}.client-details__info-list strong{font-size:.9375rem;font-weight:600;color:var(--text-primary);text-align:right;word-break:break-word;flex:1}.client-details__status-text{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.8125rem;font-weight:600}.client-details__status-text--active{background:#10b9811a;color:var(--color-success)}.client-details__status-text--inactive{background:#ef44441a;color:var(--color-error)}.client-details__card--notes{background:linear-gradient(135deg,#2563eb08,#2563eb03)}.client-details__notes-text{margin:0;font-size:1rem;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap}.client-details__section{background:var(--bg-primary, #fff);padding:2rem;border-radius:20px;box-shadow:0 4px 20px #0000000f;border:1px solid var(--border-color, #e2e8f0)}.client-details__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.client-details__section-title{display:flex;align-items:center;gap:.75rem}.client-details__section-title svg{color:var(--color-primary);flex-shrink:0}.client-details__section-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.client-details__section-header .btn{display:flex;align-items:center;gap:.5rem}.client-details__section-header .btn svg{flex-shrink:0}@media(max-width:1024px){.client-details{padding:0 1.5rem}.client-details__hero{padding:2rem}.client-details__hero-title{font-size:2rem}.client-details__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.client-details__section{padding:1.5rem}}@media(max-width:768px){.client-details{padding:0 1rem;gap:1.5rem}.client-details__hero{padding:1.5rem;border-radius:20px}.client-details__hero-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.client-details__hero-title{font-size:1.75rem}.client-details__hero-title-wrapper{flex-direction:column;align-items:flex-start;gap:.75rem}.client-details__hero-subtitle{font-size:1rem;flex-direction:column;align-items:flex-start;gap:.75rem}.client-details__hero-actions{width:100%;flex-direction:column}.client-details__action-btn{width:100%;justify-content:center}.client-details__grid{grid-template-columns:1fr;gap:1rem}.client-details__card{padding:1.5rem;border-radius:16px}.client-details__card-header{margin-bottom:1.25rem}.client-details__card-header h2{font-size:1.125rem}.client-details__info-list li{flex-direction:column;gap:.5rem;align-items:flex-start}.client-details__info-label{min-width:auto}.client-details__info-list strong{text-align:left}.client-details__section{padding:1.25rem;border-radius:16px}.client-details__section-header{flex-direction:column;align-items:flex-start}.client-details__section-header .btn{width:100%;justify-content:center}.client-details__section-header h2{font-size:1.25rem}}@media(max-width:480px){.client-details{padding:0 .75rem;gap:1.25rem}.client-details__hero{padding:1.25rem;border-radius:16px}.client-details__hero-title{font-size:1.5rem}.client-details__card{padding:1.25rem}.client-details__section{padding:1rem}}[data-theme=dark] .client-details__hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}[data-theme=dark] .client-details__card,[data-theme=dark] .client-details__section{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .client-details__card--notes{background:linear-gradient(135deg,#2563eb1a,#2563eb0d)}.client-form-page{padding:2rem}@media(max-width:768px){.client-form-page{padding:1.5rem 1rem}}.appointment-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.appointment-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.appointment-card.appointment-upcoming{border-left:4px solid var(--color-primary)}.appointment-upcoming-badge{position:absolute;top:0;right:0;background-color:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;border-bottom-left-radius:var(--radius-md)}.appointment-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);gap:var(--spacing-sm)}.appointment-card-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);flex:1;line-height:1.4}.appointment-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.appointment-status-archived{background-color:#f3f4f6;color:#6b7280}.appointment-status-scheduled{background-color:#dbeafe;color:#1e40af}.appointment-status-confirmed{background-color:#d1fae5;color:#065f46}.appointment-status-completed{background-color:#e5e7eb;color:#374151}.appointment-status-cancelled{background-color:#fee2e2;color:#991b1b}.appointment-status-rescheduled{background-color:#fef3c7;color:#92400e}.appointment-status-noshow{background-color:#fecaca;color:#991b1b}.appointment-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.appointment-card-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.appointment-card-label{color:var(--text-secondary);font-weight:500}.appointment-card-value{color:var(--text-primary);text-align:right}@media(max-width:768px){.appointment-card-header{flex-direction:column;align-items:flex-start}.appointment-card-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.appointment-card-value{text-align:left}}.appointment-filters{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.appointment-filters-row{display:flex;gap:var(--spacing-md);align-items:flex-end;flex-wrap:wrap}.appointment-filters-search{flex:1;min-width:200px}.appointment-filters-selects{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.appointment-filters-selects .form-group{min-width:150px}@media(max-width:768px){.appointment-filters-row{flex-direction:column;align-items:stretch}.appointment-filters-search,.appointment-filters-selects{width:100%}.appointment-filters-selects .form-group{flex:1;min-width:0}}.appointment-form-page{max-width:1200px;margin:0 auto;padding:var(--spacing-xl);animation:fadeIn .3s ease-in}.appointment-form-header{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-xl);border-bottom:3px solid var(--border-color);position:relative}.appointment-form-header:after{content:"";position:absolute;bottom:-3px;left:0;width:120px;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-full)}.appointment-form-header h1{margin:0;color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.appointment-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.appointment-form-section{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding:var(--spacing-2xl);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.appointment-form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);opacity:0;transition:opacity var(--transition-base)}.appointment-form-section:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translateY(-1px)}.appointment-form-section:hover:before{opacity:1}.appointment-form-section h2{margin:0 0 var(--spacing-2xl) 0;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);letter-spacing:-.01em}.appointment-form-section h2:before{content:"";width:5px;height:28px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-full);box-shadow:0 2px 4px #2563eb33}.appointment-form-row{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.appointment-form-row:last-child{margin-bottom:0}.appointment-form-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.appointment-form-row-3{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:var(--spacing-lg)}.appointment-form-row.align-start{align-items:flex-start}.appointment-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:sticky;bottom:var(--spacing-lg);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUpFade .4s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.appointment-form-actions:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 50%,var(--color-primary) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.appointment-form-actions button{min-width:180px;padding:var(--spacing-md) var(--spacing-2xl);font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-base);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);position:relative;overflow:hidden}.appointment-form-actions button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.appointment-form-actions button:hover:before{left:100%}.appointment-form-actions button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.appointment-form-actions button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.appointment-form-actions .btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border:none;color:var(--text-inverse);box-shadow:0 4px 12px #2563eb4d}.appointment-form-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);box-shadow:0 6px 20px #2563eb66}.appointment-form-actions .btn-secondary{background:var(--bg-primary);border:2px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-sm)}.appointment-form-actions .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--color-primary-light);color:var(--color-primary);box-shadow:0 4px 12px #2563eb26}.appointment-form .form-group{position:relative}.form-select-trigger.error{border-color:var(--color-error)}.form-select-trigger.error:hover{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.form-select-clear{position:absolute;right:48px;top:calc(var(--spacing-xs) + .875rem + 24px);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);z-index:10}.form-select-clear:hover{background:var(--bg-tertiary);color:var(--color-error);transform:scale(1.1)}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);display:inline-block}.selected-lawyer-card,.selected-client-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);animation:cardSlideIn .3s ease-out}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.selected-lawyer-card:hover,.selected-client-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translateY(-2px)}.selected-lawyer-card.error,.selected-client-card.error{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.selected-card-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.selected-card-avatar{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--text-inverse);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-xl);box-shadow:var(--shadow-sm)}.selected-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.selected-card-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-lg);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-card-email{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--spacing-xs)}.selected-card-email:before{content:"";width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.6;flex-shrink:0}.selected-card-phone{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--spacing-xs)}.selected-card-phone:before{content:"";width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.6;flex-shrink:0}.selected-card-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.selected-card-change-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.selected-card-change-btn:hover{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.selected-card-remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.selected-card-remove-btn:hover{background:#ef44441a;border-color:var(--color-error);color:var(--color-error);transform:scale(1.1)}.select-card-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:64px;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-base);color:var(--text-primary)}.select-card-button:hover{border-color:var(--color-primary);border-style:solid;background:linear-gradient(135deg,#2563eb0d,#3b82f605);box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-2px)}.select-card-button:focus{outline:none;border-color:var(--color-primary);border-style:solid;box-shadow:0 0 0 3px #2563eb1a}.select-card-button.error{border-color:var(--color-error);border-style:solid}.select-card-button.error:hover{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.select-card-button-text{flex:1;text-align:left;color:var(--text-primary);font-weight:500;font-size:var(--font-size-base)}.select-card-button-icon{color:var(--text-secondary);transition:transform var(--transition-base);flex-shrink:0;margin-left:var(--spacing-sm)}.select-card-button:hover .select-card-button-icon{transform:translateY(2px);color:var(--color-primary)}.selection-drawer-item-avatar{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--text-inverse);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-lg);box-shadow:var(--shadow-sm)}.virtual-checkbox-wrapper{position:relative;padding:var(--spacing-md);background:linear-gradient(135deg,#2563eb0d,#3b82f60d);border:2px solid rgba(37,99,235,.2);border-radius:var(--radius-lg);transition:all var(--transition-base);height:100%;display:flex;align-items:center;justify-content:center}.virtual-checkbox-wrapper:hover{background:linear-gradient(135deg,#2563eb1a,#3b82f61a);border-color:#2563eb66;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.virtual-checkbox-wrapper .checkbox-group{margin-bottom:0}.virtual-checkbox-wrapper .checkbox-input{accent-color:var(--color-primary)}@media(max-width:1024px){.appointment-form-page{max-width:100%;padding:var(--spacing-lg)}.appointment-form-section{padding:var(--spacing-lg)}}@media(max-width:768px){.appointment-form-page{padding:var(--spacing-md)}.appointment-form-header h1{font-size:var(--font-size-2xl)}.appointment-form-row-2,.appointment-form-row-3{grid-template-columns:1fr;gap:var(--spacing-md)}.appointment-form-actions{flex-direction:column-reverse;gap:var(--spacing-md);padding:var(--spacing-xl);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);border-radius:var(--radius-lg)}.appointment-form-actions button{width:100%;min-width:unset}.appointment-form-section{padding:var(--spacing-md)}.appointment-form-section h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.form-select-trigger{min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.selected-lawyer-card,.selected-client-card{flex-direction:column;align-items:flex-start;padding:var(--spacing-md);gap:var(--spacing-md)}.selected-card-content{width:100%}.selected-card-avatar{width:48px;height:48px;font-size:var(--font-size-lg)}.selected-card-name{font-size:var(--font-size-base)}.selected-card-actions{width:100%;justify-content:flex-end}.select-card-button{min-height:56px;padding:var(--spacing-md)}.selection-drawer{min-height:300px;max-height:60vh}}@media(max-width:480px){.appointment-form-page{padding:var(--spacing-sm)}.appointment-form-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.appointment-form-header h1{font-size:var(--font-size-xl)}.appointment-form{gap:var(--spacing-md)}.appointment-form-section{padding:var(--spacing-sm);border-radius:var(--radius-md)}.appointment-form-section h2{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.appointment-form-section h2:before{width:3px;height:18px}.form-select-trigger{font-size:var(--font-size-sm)}.selected-lawyer-card,.selected-client-card{padding:var(--spacing-sm);gap:var(--spacing-sm)}.selected-card-avatar{width:40px;height:40px;font-size:var(--font-size-base)}.selected-card-name{font-size:var(--font-size-sm)}.selected-card-email,.selected-card-phone{font-size:var(--font-size-xs)}.selected-card-change-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.selected-card-remove-btn{width:28px;height:28px}.select-card-button{min-height:48px;padding:var(--spacing-sm);font-size:var(--font-size-sm)}.select-card-button-text{font-size:var(--font-size-sm)}.selection-drawer-item{padding:var(--spacing-sm) var(--spacing-md)}.selection-drawer-item-avatar{width:40px;height:40px;font-size:var(--font-size-base)}.selection-drawer-item-name{font-size:var(--font-size-sm)}.selection-drawer-item-meta{font-size:var(--font-size-xs)}}[data-theme=dark] .appointment-form-section{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-dark-secondary) 100%);border-color:var(--border-color)}[data-theme=dark] .appointment-form-section:hover{border-color:var(--color-primary-light);box-shadow:0 4px 12px #3b82f633}[data-theme=dark] .selected-lawyer-card,[data-theme=dark] .selected-client-card{background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-secondary) 100%);border-color:var(--border-color)}[data-theme=dark] .selected-lawyer-card:hover,[data-theme=dark] .selected-client-card:hover{border-color:var(--color-primary-light);box-shadow:0 4px 12px #3b82f633}[data-theme=dark] .select-card-button{background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-secondary) 100%);border-color:var(--border-color)}[data-theme=dark] .select-card-button:hover{background:linear-gradient(135deg,#3b82f626,#2563eb14);border-color:var(--color-primary-light)}[data-theme=dark] .appointment-form-header h1{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .appointment-form-actions{background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-secondary) 100%);border-color:var(--border-color);box-shadow:0 4px 20px #0000004d}[data-theme=dark] .appointment-form-actions .btn-secondary{background:var(--bg-dark-secondary);border-color:var(--border-color)}[data-theme=dark] .appointment-form-actions .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--color-primary-light)}[dir=rtl] .form-select-trigger-icon{margin-left:0;margin-right:var(--spacing-sm);transform:scaleX(-1)}[dir=rtl] .form-select-clear{right:auto;left:48px}[dir=rtl] .select-card-button-text{text-align:right}[dir=rtl] .select-card-button-icon{margin-left:0;margin-right:var(--spacing-sm)}[dir=rtl] .selected-card-content{flex-direction:row-reverse}[dir=rtl] .selected-card-info{text-align:right}[dir=rtl] .selected-card-actions,[dir=rtl] .appointment-form-actions{flex-direction:row-reverse}@media(max-width:768px){[dir=rtl] .appointment-form-actions{flex-direction:column-reverse}}.appointment-detail{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:box-shadow .3s ease}.appointment-detail:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.appointment-detail-empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary);font-size:var(--font-size-lg)}.appointment-detail-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color)}.appointment-detail-title-section{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.appointment-detail-header h2{margin:0;font-size:var(--font-size-2xl);color:var(--color-primary);flex:1;font-weight:700;line-height:1.3}.appointment-status{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.appointment-status-archived{background-color:#6b72801a;color:#6b7280}.appointment-status-scheduled{background-color:#3b82f61a;color:#3b82f6}.appointment-status-confirmed{background-color:#22c55e1a;color:#22c55e}.appointment-status-completed{background-color:#10b9811a;color:#10b981}.appointment-status-cancelled{background-color:#ef44441a;color:#ef4444}.appointment-status-rescheduled{background-color:#fbbf241a;color:#fbbf24}.appointment-status-noshow{background-color:#a855f71a;color:#a855f7}.appointment-detail-body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.appointment-detail-section{padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s ease}.appointment-detail-section:hover{border-color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.appointment-detail-section-title{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.appointment-detail-icon{flex-shrink:0;color:var(--color-primary);opacity:.8}.appointment-detail-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.appointment-detail-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);transition:padding .2s ease}.appointment-detail-item:hover{padding-left:var(--spacing-xs)}.appointment-detail-item:last-child{border-bottom:none}.appointment-detail-label{font-weight:600;color:var(--text-secondary);min-width:150px;font-size:var(--font-size-sm)}.appointment-detail-value{color:var(--text-primary);text-align:right;flex:1;font-size:var(--font-size-sm);word-break:break-word}.appointment-link{color:var(--color-primary);text-decoration:none;transition:all .2s ease;border-bottom:1px solid transparent}.appointment-link:hover{color:var(--color-primary);border-bottom-color:var(--color-primary);text-decoration:none}.appointment-detail-text{margin:0;color:var(--text-primary);line-height:1.7;white-space:pre-wrap;font-size:var(--font-size-sm)}.appointment-detail-billable{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(59,130,246,.05) 100%);border-color:#3b82f633}.appointment-detail-amount{padding:var(--spacing-md) 0}.appointment-detail-amount-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.appointment-detail-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:2px solid var(--border-color);flex-wrap:wrap}@media(max-width:768px){.appointment-detail{padding:var(--spacing-lg)}.appointment-detail-title-section{flex-direction:column;align-items:flex-start}.appointment-detail-header h2{font-size:var(--font-size-xl)}.appointment-detail-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.appointment-detail-label{min-width:auto;font-size:var(--font-size-xs)}.appointment-detail-value{text-align:left;width:100%}.appointment-detail-actions{flex-direction:column}.appointment-detail-actions button{width:100%}}.appointments-page{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.appointments-table-container{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-color);margin-bottom:var(--spacing-xl)}.appointments-table{width:100%;border-collapse:collapse;background-color:var(--bg-primary)}.appointments-table thead{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.appointments-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.appointments-table th:first-child{padding-left:var(--spacing-xl)}.appointments-table th:last-child{padding-right:var(--spacing-xl)}.appointments-table-row{cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--border-color)}.appointments-table-row:hover{background-color:var(--bg-secondary)}.appointments-table-row:last-child{border-bottom:none}.appointments-table td{padding:var(--spacing-lg);font-size:var(--font-size-base);color:var(--text-primary);vertical-align:middle}.appointments-table td:first-child{padding-left:var(--spacing-xl);font-weight:600;color:var(--color-primary)}.appointments-table td:last-child{padding-right:var(--spacing-xl)}.appointments-table-title{font-weight:500;color:var(--text-primary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointments-table-time{color:var(--text-secondary);font-size:var(--font-size-sm)}.appointments-table-client,.appointments-table-lawyer,.appointments-table-type{color:var(--text-secondary)}.appointments-list{display:none;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(max-width:768px){.appointments-page{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding-bottom:var(--spacing-md)}.page-header h1{font-size:var(--font-size-2xl)}.page-header button{width:100%}.appointments-table-container{display:none}.appointments-list{display:grid}}@media(min-width:769px)and (max-width:1024px){.appointments-table th,.appointments-table td{padding:var(--spacing-md);font-size:var(--font-size-sm)}.appointments-table th:first-child,.appointments-table td:first-child{padding-left:var(--spacing-lg)}.appointments-table th:last-child,.appointments-table td:last-child{padding-right:var(--spacing-lg)}.appointments-table-title{max-width:200px}}.appointment-details-page{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.page-header-actions{display:flex;gap:var(--spacing-md)}.status-update-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}.cancel-confirmation-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cancel-confirmation-content p{margin:0;color:var(--text-primary);line-height:1.6}.appointment-preview{padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.appointment-preview p{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.appointment-preview strong{color:var(--text-secondary);margin-right:var(--spacing-xs)}.cancel-confirmation-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}@media(max-width:768px){.appointment-details-page{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.page-header-actions,.page-header-actions button{width:100%}.form-actions,.cancel-confirmation-actions{flex-direction:column}.form-actions button,.cancel-confirmation-actions button{width:100%}}.create-appointment-page{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}@media(max-width:768px){.create-appointment-page{padding:var(--spacing-md)}}.edit-appointment-page{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}@media(max-width:768px){.edit-appointment-page{padding:var(--spacing-md)}}.search-page{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.search-page-header{margin-bottom:var(--spacing-xl)}.search-page-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.search-query{font-size:var(--font-size-base);color:var(--text-secondary)}.search-query strong{color:var(--color-primary);font-weight:600}.search-empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.search-results{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.search-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.search-section-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.search-result-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base)}.search-result-card:hover{background-color:var(--bg-tertiary);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.search-result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.search-result-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0;flex:1;min-width:0;word-break:break-word}.search-result-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap;flex-shrink:0}.search-result-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:768px){.search-page{padding:var(--spacing-lg) var(--spacing-md)}.search-page-header h1{font-size:var(--font-size-xl)}.search-results-grid{grid-template-columns:1fr}.search-section-title{font-size:var(--font-size-lg)}}@media(max-width:480px){.search-page{padding:var(--spacing-md) var(--spacing-sm)}.search-result-card{padding:var(--spacing-md)}.search-result-header{flex-direction:column;align-items:flex-start}}.billing-page{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:1200px;margin:0 auto;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.billing-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.billing-toolbar h1{margin:0;font-size:1.75rem}.billing-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.billing-panel{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.invoice-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.invoice-form-section{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.invoice-form-section:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.invoice-form-section-title{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary);border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.invoice-form-section-title:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-full)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.summary-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.summary-card:hover:before{transform:scaleX(1)}.summary-card--total{background:linear-gradient(135deg,#2563eb0d,#3b82f605)}.summary-card--total:before{background:linear-gradient(90deg,#2563eb,#3b82f6)}.summary-card--outstanding{background:linear-gradient(135deg,#f59e0b0d,#fbbf2405)}.summary-card--outstanding:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.summary-card--overdue{background:linear-gradient(135deg,#ef44440d,#f8717105)}.summary-card--overdue:before{background:linear-gradient(90deg,#ef4444,#f87171)}.summary-card--paidThisMonth{background:linear-gradient(135deg,#10b9810d,#34d39905)}.summary-card--paidThisMonth:before{background:linear-gradient(90deg,#10b981,#34d399)}.summary-card-header{display:flex;align-items:center;gap:var(--spacing-sm)}.summary-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#2563eb1a;color:var(--color-primary);transition:all var(--transition-base);flex-shrink:0}.summary-card:hover .summary-card-icon{transform:scale(1.1) rotate(5deg);background:#2563eb26}.summary-card--outstanding .summary-card-icon{background:#f59e0b1a;color:#f59e0b}.summary-card--outstanding:hover .summary-card-icon{background:#f59e0b26}.summary-card--overdue .summary-card-icon{background:#ef44441a;color:#ef4444}.summary-card--overdue:hover .summary-card-icon{background:#ef444426}.summary-card--paidThisMonth .summary-card-icon{background:#10b9811a;color:#10b981}.summary-card--paidThisMonth:hover .summary-card-icon{background:#10b98126}.summary-card-icon svg{width:24px;height:24px}.summary-card-label{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;flex:1}.summary-card .summary-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);line-height:1.2;margin-top:var(--spacing-xs)}.summary-card--total .summary-value{color:var(--color-primary)}.summary-card--outstanding .summary-value{color:#f59e0b}.summary-card--overdue .summary-value{color:#ef4444}.summary-card--paidThisMonth .summary-value{color:#10b981}.summary-card .summary-subtext{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs);font-weight:500}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.invoice-table-container,.invoice-table-wrapper{overflow-x:auto;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a;border:1px solid var(--border-color)}.invoice-table{width:100%;border-collapse:collapse;min-width:900px}.invoice-table thead{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:2px solid var(--border-color)}.invoice-table th{padding:1rem .75rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);white-space:nowrap}.invoice-table th:first-child{padding-left:var(--spacing-lg)}.invoice-table th:last-child{padding-right:var(--spacing-lg)}.invoice-table td{padding:1rem .75rem;text-align:left;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text-primary);vertical-align:middle}.invoice-table td:first-child{padding-left:var(--spacing-lg)}.invoice-table td:last-child{padding-right:var(--spacing-lg)}.invoice-table-row{transition:background-color .2s ease,transform .2s ease}.invoice-table-row:hover{background-color:var(--bg-secondary);transform:translate(2px)}.invoice-table-row:last-child td{border-bottom:none}.invoice-table-client,.invoice-table-case{color:var(--text-primary);font-weight:500}.invoice-table-case{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-table-date{color:var(--text-secondary);font-size:.8125rem}.invoice-table-total{color:var(--color-primary);font-weight:600;font-size:.9375rem}.link-button{background:none;border:none;padding:0;color:var(--color-primary);cursor:pointer;font-weight:600;font-size:.875rem;transition:color .2s ease}.link-button:hover{color:var(--color-primary-light);text-decoration:underline}.invoice-actions{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;align-items:center}.invoice-action-btn{font-size:.8125rem;padding:.375rem .75rem;white-space:nowrap}.invoice-cards-list{display:none;grid-template-columns:1fr;gap:var(--spacing-lg)}.invoice-items-cards{display:none;flex-direction:column;gap:var(--spacing-md)}.invoice-item-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;border:1px solid var(--border-color);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.invoice-item-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.invoice-item-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:1px solid var(--border-color);gap:var(--spacing-md)}.card-description-title{flex:1;font-weight:600;color:var(--text-primary);font-size:.9375rem;line-height:1.4}.invoice-payments-cards{display:none;flex-direction:column;gap:var(--spacing-md)}.invoice-payment-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;border:1px solid var(--border-color);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.invoice-payment-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.invoice-payment-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:1px solid var(--border-color)}.invoice-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;border:1px solid var(--border-color);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;position:relative}.invoice-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.invoice-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:1px solid var(--border-color);gap:var(--spacing-md)}.invoice-card-title-section{flex:1;min-width:0}.invoice-card-number{margin:0 0 var(--spacing-xs) 0;font-size:1.125rem;font-weight:700;color:var(--color-primary);line-height:1.3}.invoice-card-client{margin:0;font-size:.875rem;color:var(--text-secondary);font-weight:500}.invoice-card-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);flex-shrink:0}.invoice-card-amount{font-size:1.25rem;font-weight:700;color:var(--color-primary);line-height:1.2}.invoice-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:var(--spacing-md)}.invoice-card-info{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.invoice-card-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500;flex-shrink:0}.invoice-card-value{font-size:.875rem;color:var(--text-primary);text-align:right;font-weight:500;flex:1;min-width:0}.invoice-card-actions{display:flex;gap:var(--spacing-xs);padding:.75rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-wrap:wrap}.invoice-card-action-btn{flex:1;min-width:0;font-size:.8125rem;padding:.5rem .75rem;white-space:nowrap}.invoice-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-xl);margin-top:var(--spacing-lg);border-top:2px solid var(--border-color)}.invoice-form-actions button{min-width:150px}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:90px;padding:.35rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.-draft{background:#f8f9fb;color:#7b8192}.status-badge.-issued{background:#e3f2fd;color:#1565c0}.status-badge.-sent{background:#ede7f6;color:#6a1b9a}.status-badge.-overdue{background:#fdecea;color:#c62828}.status-badge.-partial{background:#fff3e0;color:#ef6c00}.status-badge.-paid{background:#e8f5e9;color:#2e7d32}.status-badge.-cancelled{background:#f5f5f5;color:#757575}.status-badge.-disputed{background:#fffde7;color:#f9a825}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg)}.form-section{margin-top:var(--spacing-lg)}.form-group{position:relative;margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.form-label.required:after{content:" *";color:var(--color-error)}.form-select-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:var(--spacing-md) var(--spacing-lg);padding-right:48px;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-base);color:var(--text-primary)}.form-select-trigger:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-select-trigger:focus-within{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-select-trigger.disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-secondary)}.form-select-trigger.disabled:hover{border-color:var(--border-color);box-shadow:none}.form-select-trigger-text{flex:1;text-align:left;color:var(--text-primary);font-weight:500}.form-select-trigger-placeholder{flex:1;text-align:left;color:var(--text-tertiary)}.form-select-trigger-icon{color:var(--text-secondary);transition:transform var(--transition-base);flex-shrink:0;margin-left:var(--spacing-sm)}.form-select-trigger:hover .form-select-trigger-icon{transform:translateY(2px)}.selected-item-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#2563eb0d,#3b82f605);border:2px solid rgba(37,99,235,.2);border-radius:var(--radius-md);transition:all var(--transition-base);gap:var(--spacing-md)}.selected-item-card:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.selected-item-card-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.selected-item-card-avatar{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--text-inverse);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-lg)}.selected-item-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.selected-item-card-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-item-card-meta{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-item-card-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.selected-item-card-change-btn{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.selected-item-card-clear{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.selected-item-card-clear:hover{background:#ef44441a;color:var(--color-error);transform:scale(1.1)}.selection-drawer-item.selected{background:linear-gradient(135deg,#2563eb1a,#3b82f60d);border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.selection-drawer-item-avatar{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--text-inverse);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-lg)}.selection-drawer-item-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-drawer-item-check{flex-shrink:0;width:24px;height:24px;color:var(--color-primary);margin-left:var(--spacing-md)}.selection-drawer-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary)}.time-entries-container{width:100%}.time-entries-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-primary);border-radius:12px;box-shadow:0 8px 30px #0000000d}.empty-state-icon{color:var(--text-tertiary);margin-bottom:1rem}.empty-state-message{color:var(--text-secondary);font-size:1rem;margin:0}.time-entries-table-wrapper{overflow-x:auto;background:var(--bg-primary);border-radius:12px;box-shadow:0 8px 30px #0000000d;border:1px solid var(--border-color)}.time-entries-table{width:100%;border-collapse:collapse;min-width:800px}.time-entries-table thead{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:2px solid var(--border-color)}.time-entries-table th{padding:1rem .75rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);white-space:nowrap}.time-entries-table th.text-right{text-align:right}.time-entries-table th.text-center{text-align:center}.time-entries-table td{padding:1rem .75rem;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text-primary);vertical-align:middle}.time-entry-row{transition:background-color .2s ease}.time-entry-row:hover{background-color:var(--bg-secondary)}.time-entry-row:last-child td{border-bottom:none}.time-entry-date .date-value{font-weight:500;color:var(--text-primary)}.time-entry-description .description-text{color:var(--text-primary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.time-entry-client .client-name,.time-entry-case .case-title,.time-entry-duration .duration-value,.time-entry-rate .rate-value{color:var(--text-primary);font-weight:500}.time-entry-total .total-value{color:var(--color-primary);font-weight:600;font-size:.9375rem}.time-entry-actions{text-align:center}.action-buttons{display:flex;gap:.5rem;justify-content:center;align-items:center}.action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s ease}.action-btn svg{flex-shrink:0}.action-label{display:inline}.action-btn.delete-btn:hover{color:var(--color-error);background-color:#ef44441a}.action-btn.edit-btn:hover{color:var(--color-primary);background-color:#2563eb1a}.time-entries-cards{display:none}.time-entry-card{background:var(--bg-primary);border-radius:12px;box-shadow:0 4px 12px #00000014;border:1px solid var(--border-color);margin-bottom:1rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.time-entry-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:1px solid var(--border-color)}.card-date{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);font-size:.875rem}.card-date svg{color:var(--text-secondary);flex-shrink:0}.card-total{font-size:1.125rem;font-weight:700;color:var(--color-primary)}.card-body{padding:1.25rem}.card-description{margin-bottom:1rem}.card-description p{margin:0;color:var(--text-primary);font-size:.9375rem;line-height:1.5}.card-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.detail-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500;flex-shrink:0}.detail-value{font-size:.875rem;color:var(--text-primary);text-align:right;font-weight:500}.card-actions{display:flex;gap:.5rem;padding:.75rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.card-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem}.card-action-btn.delete-btn:hover{color:var(--color-error);background-color:#ef44441a}.delete-confirmation-content{display:flex;flex-direction:column;gap:1.5rem}.delete-confirmation-content>p{margin:0;color:var(--text-primary);font-size:1rem;line-height:1.6}.entry-preview{background:var(--bg-secondary);border-radius:8px;padding:1rem;border:1px solid var(--border-color)}.entry-preview p{margin:.5rem 0;font-size:.875rem;color:var(--text-primary)}.entry-preview p:first-child{margin-top:0}.entry-preview p:last-child{margin-bottom:0}.entry-preview strong{color:var(--text-secondary);font-weight:600;margin-right:.5rem}.delete-confirmation-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}@media(max-width:768px){.billing-page{padding:var(--spacing-md)}.summary-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.summary-card{padding:var(--spacing-lg)}.summary-card .summary-value{font-size:var(--font-size-xl)}.summary-card-icon{width:36px;height:36px}.summary-card-icon svg{width:20px;height:20px}.invoice-form-section{padding:var(--spacing-lg)}.invoice-form-section-title{font-size:var(--font-size-lg)}.form-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.selected-item-card{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.selected-item-card-actions{justify-content:space-between;width:100%}.selected-item-card-change-btn{flex:1}.time-entries-table-wrapper{display:none}.time-entries-cards{display:block}.time-entries-page .billing-toolbar{flex-direction:column;align-items:flex-start}.time-entries-page .billing-toolbar h1{font-size:1.5rem}.time-entries-page .billing-toolbar p{font-size:.875rem}.delete-confirmation-actions{flex-direction:column-reverse}.delete-confirmation-actions .btn{width:100%}.invoice-form-actions{flex-direction:column-reverse}.invoice-form-actions button{width:100%}.selection-drawer{min-height:300px;max-height:60vh}.selection-drawer-item{padding:var(--spacing-sm) var(--spacing-md)}.selection-drawer-item-avatar{width:40px;height:40px;font-size:var(--font-size-base)}.selection-drawer-item-name{font-size:var(--font-size-sm)}.selection-drawer-item-meta{font-size:var(--font-size-xs)}.invoice-table-container{display:none}.invoice-cards-list{display:grid}.invoice-table-wrapper{display:none}.invoice-items-cards,.invoice-payments-cards{display:flex}.invoice-item-card .card-body,.invoice-payment-card .card-body{padding:1.25rem}.invoice-item-card .card-details,.invoice-payment-card .card-details{display:flex;flex-direction:column;gap:.75rem}.invoice-card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.invoice-card-header-right{flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin-top:var(--spacing-sm)}.invoice-card-amount{font-size:1.125rem}.invoice-card-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.invoice-card-value{text-align:left}.invoice-card-actions{flex-direction:column}.invoice-card-action-btn{width:100%}}@media(min-width:769px)and (max-width:1024px){.billing-page{padding:var(--spacing-lg)}.summary-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.form-grid{grid-template-columns:repeat(2,1fr)}.time-entries-table{min-width:700px}.time-entry-description .description-text{max-width:200px}.action-label{display:none}.action-btn{padding:.5rem;min-width:2.5rem}.selection-drawer{min-height:350px;max-height:65vh}.invoice-table-container{display:block}.invoice-cards-list{display:none}.invoice-table-wrapper{display:block}.invoice-items-cards,.invoice-payments-cards{display:none}.invoice-table th,.invoice-table td{padding:var(--spacing-md) var(--spacing-sm);font-size:.8125rem}.invoice-table th:first-child,.invoice-table td:first-child{padding-left:var(--spacing-md)}.invoice-table th:last-child,.invoice-table td:last-child{padding-right:var(--spacing-md)}.invoice-table-case{max-width:150px}.invoice-table{min-width:700px}.invoice-actions{gap:var(--spacing-xs)}.invoice-action-btn{font-size:.75rem;padding:.25rem .5rem}}@media(min-width:1025px){.time-entries-cards{display:none}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.invoice-table-container{display:block}.invoice-cards-list{display:none}.invoice-table-wrapper{display:block}.invoice-items-cards,.invoice-payments-cards{display:none}}.badged-label{display:flex;flex-direction:column;font-size:.8rem;color:#7b8192}.invoice-summary-panel{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.total-line{display:flex;justify-content:space-between;font-weight:600;padding:var(--spacing-md) 0;font-size:var(--font-size-base);color:var(--text-primary);border-bottom:1px solid var(--border-color)}.total-line:last-child{border-bottom:none}.total-line-final{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);padding-top:var(--spacing-lg);margin-top:var(--spacing-sm);border-top:2px solid var(--border-color)}.invoice-items-list{border:1px solid #eceff3;border-radius:10px;overflow:hidden}.invoice-item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:.75rem;padding:.75rem;border-bottom:1px solid #f1f3f5;align-items:center}.invoice-item-row:last-child{border-bottom:none}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);font-size:var(--font-size-base)}@media(max-width:1024px){.billing-grid{grid-template-columns:1fr}}[data-theme=dark] .invoice-form-section{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-dark-secondary) 100%);border-color:var(--border-color)}[data-theme=dark] .invoice-form-section:hover{border-color:var(--color-primary-light)}[data-theme=dark] .selected-item-card{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f64d}[data-theme=dark] .selection-drawer-item{background:var(--bg-dark-secondary);border-color:var(--border-color)}[dir=rtl] .form-select-trigger-text,[dir=rtl] .form-select-trigger-placeholder{text-align:right}[dir=rtl] .form-select-trigger-icon{margin-left:0;margin-right:var(--spacing-sm)}[dir=rtl] .selected-item-card-content{flex-direction:row-reverse}[dir=rtl] .insight-card:hover{transform:translate(-4px)}.billing-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin-top:var(--spacing-xs)}.billing-quick-nav{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.quick-nav-button{flex:1;min-width:180px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;transition:all var(--transition-base)}.quick-nav-button svg{flex-shrink:0;transition:transform var(--transition-base)}.quick-nav-button:hover svg{transform:scale(1.1)}.billing-section-title{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.quick-stat-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color);transition:all var(--transition-base)}.quick-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--color-primary-light)}.quick-stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.quick-stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.billing-charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.billing-chart-panel{min-height:300px}.revenue-chart{padding:var(--spacing-lg) 0}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;height:200px;gap:var(--spacing-md);padding:var(--spacing-md) 0}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);height:100%}.chart-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;min-height:0}.chart-bar{width:100%;max-width:60px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all var(--transition-base);min-height:4px;cursor:pointer}.chart-bar:hover{opacity:.8;transform:scaleY(1.05);transform-origin:bottom}.chart-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;font-weight:500}.status-chart{padding:var(--spacing-md) 0}.status-chart-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.status-chart-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.status-chart-bar-wrapper{width:100%;height:24px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;position:relative}.status-chart-bar{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-full);transition:width var(--transition-base);min-width:4px}.status-chart-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.status-chart-label{color:var(--text-primary);font-weight:500}.status-chart-count{color:var(--text-secondary);font-weight:600}.insights-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.insight-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-primary);transition:all var(--transition-base)}.insight-card:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.insight-card--warning{background:linear-gradient(135deg,#f59e0b0d,#fbbf2405);border-color:#f59e0b4d}.insight-card--info{background:linear-gradient(135deg,#2563eb0d,#3b82f605);border-color:#2563eb4d}.insight-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-secondary)}.insight-card--warning .insight-icon{color:#f59e0b;background:#f59e0b1a}.insight-card--info .insight-icon{color:var(--color-primary);background:#2563eb1a}.insight-content{flex:1;min-width:0}.insight-title{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.insight-message{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}@media(max-width:768px){.billing-quick-nav{flex-direction:column;gap:var(--spacing-sm)}.quick-nav-button{width:100%;min-width:unset}.billing-charts-section{grid-template-columns:1fr;gap:var(--spacing-lg)}.quick-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.chart-bars{height:150px;gap:var(--spacing-xs)}.chart-bar{max-width:40px}.chart-label{font-size:.7rem}.insight-card{flex-direction:column;align-items:stretch}}@media(min-width:769px)and (max-width:1024px){.billing-quick-nav{gap:var(--spacing-sm)}.quick-nav-button{min-width:160px}.billing-charts-section{grid-template-columns:1fr}.quick-stats-grid{grid-template-columns:repeat(2,1fr)}}.modal-drawer-theme-light .billing-panel{background:transparent;border:none;box-shadow:none;padding:0}.modal-drawer-theme-light .billing-panel .form-grid{gap:var(--spacing-lg)}.modal-drawer-theme-light .billing-panel .form-section{margin-top:var(--spacing-lg)}.modal-drawer-theme-light .billing-panel .invoice-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center;justify-content:flex-end;padding-top:var(--spacing-lg);margin-top:var(--spacing-lg);border-top:1px solid rgba(226,232,240,.8)}.modal-drawer-theme-dark .billing-panel{background:transparent;border:none;box-shadow:none;padding:0}.modal-drawer-theme-dark .billing-panel .form-grid{gap:var(--spacing-lg)}.modal-drawer-theme-dark .billing-panel .form-section{margin-top:var(--spacing-lg)}.modal-drawer-theme-dark .billing-panel .invoice-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center;justify-content:flex-end;padding-top:var(--spacing-lg);margin-top:var(--spacing-lg);border-top:1px solid rgba(59,130,246,.3)}.time-entry-form-container{width:100%;max-width:1000px;margin:0 auto}.time-entry-form{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-xl)}.time-entry-form-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.time-entry-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.time-entry-selection-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.time-entry-selection-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base);position:relative;min-height:120px;display:flex;flex-direction:column;gap:var(--spacing-md)}.time-entry-selection-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.time-entry-selection-card.has-selection{background:linear-gradient(135deg,#2563eb0d,#3b82f605);border-color:var(--color-primary-light)}.time-entry-selection-card.disabled{opacity:.6;cursor:not-allowed;background:var(--bg-tertiary)}.time-entry-selection-card.disabled:hover{border-color:var(--border-color);box-shadow:none;transform:none}.time-entry-card-header{display:flex;justify-content:space-between;align-items:center}.time-entry-card-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.time-entry-card-clear{background:transparent;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);opacity:.7}.time-entry-card-clear:hover{background:var(--bg-tertiary);color:var(--color-error);opacity:1;transform:scale(1.1)}.time-entry-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg) 0;color:var(--text-secondary);text-align:center;flex:1}.time-entry-placeholder-icon{opacity:.5;color:var(--text-tertiary)}.time-entry-placeholder span{font-size:var(--font-size-sm);font-weight:500}.time-entry-selected-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.time-entry-selected-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--font-size-lg);flex-shrink:0;box-shadow:var(--shadow-sm)}.time-entry-selected-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.time-entry-selected-name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-entry-selected-meta{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-drawer-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.selection-drawer-list::-webkit-scrollbar-thumb:hover{background:var(--border-color-dark)}.selection-drawer-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-xs)}.selection-drawer-item:hover{background:var(--bg-tertiary);border-color:var(--color-primary-light);transform:translate(4px);box-shadow:var(--shadow-sm)}.selection-drawer-item.selected{background:linear-gradient(135deg,#2563eb1a,#3b82f60d);border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-light)}.selection-drawer-item-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--font-size-base);flex-shrink:0}.selection-drawer-item-name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-drawer-item-meta{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-drawer-item-check{color:var(--color-primary);flex-shrink:0;margin-left:var(--spacing-sm)}.selection-drawer-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.selection-drawer-empty p{margin:0;font-size:var(--font-size-base)}@media(max-width:768px){.time-entry-form{padding:var(--spacing-lg)}.time-entry-selection-cards{grid-template-columns:1fr;gap:var(--spacing-md)}.time-entry-selection-card{min-height:100px}.time-entry-selected-card{flex-direction:column;text-align:center}.time-entry-selected-info{align-items:center}.time-entry-selected-name,.time-entry-selected-meta{text-align:center}}[data-theme=dark] .time-entry-selection-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .time-entry-selection-card.has-selection{background:linear-gradient(135deg,#3b82f626,#2563eb14);border-color:var(--color-primary)}[data-theme=dark] .time-entry-selected-card{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .selection-drawer-item{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .selection-drawer-item:hover{background:var(--bg-tertiary);border-color:var(--color-primary-light)}[data-theme=dark] .selection-drawer-item.selected{background:linear-gradient(135deg,#3b82f633,#2563eb1a);border-color:var(--color-primary)}[dir=rtl] .time-entry-card-clear{margin-left:0;margin-right:auto}[dir=rtl] .selection-drawer-item-check{margin-left:0;margin-right:var(--spacing-sm)}.calendar-filters{width:100%}.calendar-filters-content{padding:0;display:flex;flex-direction:column;gap:var(--spacing-lg)}.calendar-filters-section{width:100%;background:#fff6;border-radius:var(--radius-lg);border:1px solid rgba(226,232,240,.6);overflow:hidden;transition:all var(--transition-base);box-shadow:0 1px 3px #0000000d}.calendar-filters-section:hover{box-shadow:0 4px 12px #00000014;border-color:#e2e8f0e6}.calendar-filters-section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#f8fafccc,#f1f5f999);border-bottom:1px solid rgba(226,232,240,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.calendar-filters-section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(135deg,#3b82f61a,#2563eb26);color:#3b82f6;flex-shrink:0;transition:all var(--transition-base)}.calendar-filters-section:hover .calendar-filters-section-icon{background:linear-gradient(135deg,#3b82f626,#2563eb33);transform:scale(1.05)}.calendar-filters-section-icon svg{width:18px;height:18px}.calendar-filters-section-title{font-size:var(--font-size-base);font-weight:600;color:#0f172a;margin:0;letter-spacing:-.01em}.calendar-filters-section-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.calendar-filters-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.calendar-filters-row:last-child{margin-bottom:0}.calendar-filters-label{display:block;font-size:var(--font-size-sm);color:#475569;font-weight:600;margin-bottom:var(--spacing-xs);letter-spacing:-.01em}.calendar-filters-section-content .checkbox-group{margin-bottom:0}.calendar-filters-section-content .checkbox-label{padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);margin:calc(var(--spacing-xs) * -1)}.calendar-filters-section-content .checkbox-label:hover{background:#3b82f60d}.calendar-filters-actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid rgba(226,232,240,.6);margin-top:var(--spacing-xs)}.calendar-filters-clear-btn{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.calendar-filters-clear-btn svg{flex-shrink:0}.modal-drawer-theme-dark .calendar-filters-section{background:#1e293b66;border-color:#3b82f64d;box-shadow:0 2px 8px #0000004d}.modal-drawer-theme-dark .calendar-filters-section:hover{box-shadow:0 4px 16px #00000080;border-color:#3b82f680}.modal-drawer-theme-dark .calendar-filters-section-header{background:linear-gradient(135deg,#1e293bcc,#0f172a99);border-bottom-color:#3b82f64d}.modal-drawer-theme-dark .calendar-filters-section-icon{background:linear-gradient(135deg,#3b82f633,#60a5fa40);color:#60a5fa;box-shadow:0 2px 8px #3b82f633}.modal-drawer-theme-dark .calendar-filters-section:hover .calendar-filters-section-icon{background:linear-gradient(135deg,#3b82f640,#60a5fa4d);box-shadow:0 4px 12px #3b82f64d}.modal-drawer-theme-dark .calendar-filters-section-title{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.2)}.modal-drawer-theme-dark .calendar-filters-label{color:#cbd5e1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.modal-drawer-theme-dark .calendar-filters-section-content .checkbox-label:hover{background:#3b82f626}.modal-drawer-theme-dark .calendar-filters-actions{border-top-color:#3b82f64d}.modal-drawer-theme-light .calendar-filters-section{background:#ffffff80;border-color:#e2e8f0b3}.modal-drawer-theme-light .calendar-filters-section-header{background:linear-gradient(135deg,#f8fafce6,#f1f5f9b3);border-bottom-color:#e2e8f0b3}.modal-drawer-theme-light .calendar-filters-section-icon{background:linear-gradient(135deg,#3b82f61f,#2563eb2e);color:#2563eb}.modal-drawer-theme-light .calendar-filters-section:hover .calendar-filters-section-icon{background:linear-gradient(135deg,#3b82f62e,#2563eb40)}.modal-drawer-theme-light .calendar-filters-section-title{color:#0f172a}.modal-drawer-theme-light .calendar-filters-label{color:#475569}.modal-drawer-theme-light .calendar-filters-section-content .checkbox-label:hover{background:#3b82f614}.modal-drawer-theme-light .calendar-filters-actions{border-top-color:#e2e8f0b3}@media(max-width:768px){.calendar-filters-content{gap:var(--spacing-md)}.calendar-filters-section-header{padding:var(--spacing-sm) var(--spacing-md)}.calendar-filters-section-icon{width:28px;height:28px}.calendar-filters-section-icon svg{width:16px;height:16px}.calendar-filters-section-title{font-size:var(--font-size-sm)}.calendar-filters-section-content{padding:var(--spacing-md);gap:var(--spacing-sm)}.calendar-filters-row{gap:var(--spacing-xs)}.calendar-filters-actions{padding-top:var(--spacing-sm)}}.calendar-event{background:var(--event-color, var(--color-primary));color:var(--text-inverse);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-xs);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:1.5rem;display:flex;align-items:center;gap:var(--spacing-xs);border-left:3px solid rgba(255,255,255,.3);box-shadow:0 1px 2px #0000001a}.calendar-event:hover{opacity:.95;transform:translateY(-1px);box-shadow:var(--shadow-md);border-left-width:4px}.calendar-event-time{font-weight:700;flex-shrink:0;font-size:.7rem;opacity:.95;letter-spacing:.02em}.calendar-event-content{flex:1;min-width:0;overflow:hidden}.calendar-event-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em}.calendar-event-subtitle{font-size:.65rem;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.calendar-event-appointment{border-left:3px solid rgba(255,255,255,.4);background:linear-gradient(135deg,var(--event-color, var(--color-primary)) 0%,rgba(0,0,0,.1) 100%)}.calendar-event-caseEvent{border-left:3px solid rgba(255,255,255,.4);background:linear-gradient(135deg,var(--event-color, var(--color-info)) 0%,rgba(0,0,0,.1) 100%)}@media(max-width:768px){.calendar-event{font-size:.7rem;padding:.2rem .4rem}.calendar-event-time{font-size:.65rem}.calendar-event-subtitle{font-size:.6rem}}.month-view{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden}.month-view-header{display:grid;grid-template-columns:repeat(7,1fr);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:2px solid var(--border-color);box-shadow:0 2px 4px #0000000d}.month-view-day-name{padding:var(--spacing-sm);text-align:center;font-weight:700;font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.month-view-body{display:flex;flex-direction:column;flex:1;overflow:hidden}.month-view-week{display:grid;grid-template-columns:repeat(7,1fr);flex:1;border-bottom:1px solid var(--border-color)}.month-view-week:last-child{border-bottom:none}.month-view-day{border-right:1px solid var(--border-color);padding:var(--spacing-xs);min-height:100px;cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;position:relative;background:var(--bg-primary)}.month-view-day:last-child{border-right:none}.month-view-day:hover{background:var(--bg-secondary);box-shadow:inset 0 0 0 2px var(--color-primary-light);transform:scale(1.01);z-index:1}.month-view-day-empty{background:var(--bg-tertiary);cursor:default}.month-view-day-empty:hover{background:var(--bg-tertiary)}.month-view-day-today{background:linear-gradient(135deg,#2563eb26,#2563eb14);border:2px solid var(--color-primary);box-shadow:0 0 0 1px #2563eb33}.month-view-day-today .month-view-day-number{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-inverse);border-radius:var(--radius-full);width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 4px #2563eb4d;transition:all var(--transition-base)}.month-view-day-today:hover .month-view-day-number{transform:scale(1.1);box-shadow:0 4px 8px #2563eb66}.month-view-day-number{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);transition:all var(--transition-base)}.month-view-day-events{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:2px}.month-view-more-events{font-size:.7rem;color:var(--text-secondary);padding:.2rem .4rem;font-style:italic;font-weight:600;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-top:2px;border:1px dashed var(--border-color);transition:all var(--transition-base)}.month-view-day:hover .month-view-more-events{background:var(--color-primary-light);color:var(--text-inverse);border-color:var(--color-primary)}@media(max-width:1024px){.month-view-day{min-height:80px;padding:.3rem}}@media(max-width:768px){.month-view-day-name{padding:var(--spacing-xs);font-size:.7rem}.month-view-day{min-height:60px;padding:.2rem}.month-view-day-number{font-size:.75rem}.month-view-day-events{gap:1px}}.week-view{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden}.week-view-header{display:grid;grid-template-columns:60px repeat(7,1fr);background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.week-view-time-column{border-right:1px solid var(--border-color);padding:var(--spacing-sm)}.week-view-day-header{padding:var(--spacing-sm);text-align:center;border-right:1px solid var(--border-color)}.week-view-day-header:last-child{border-right:none}.week-view-day-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.week-view-day-number{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.week-view-body{display:flex;flex:1;overflow-y:auto}.week-view-body .week-view-time-column{display:flex;flex-direction:column;border-right:1px solid var(--border-color);background:var(--bg-secondary);position:sticky;left:0;z-index:1}.week-view-time-slot{height:60px;padding:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:flex-start;justify-content:flex-end}.week-view-days{display:grid;grid-template-columns:repeat(7,1fr);flex:1}.week-view-day{display:flex;flex-direction:column;border-right:1px solid var(--border-color)}.week-view-day:last-child{border-right:none}.week-view-time-cell{height:60px;border-bottom:1px solid var(--border-color);padding:2px;cursor:pointer;transition:background var(--transition-base);position:relative;overflow:hidden}.week-view-time-cell:hover{background:var(--bg-secondary)}@media(max-width:768px){.week-view-header{grid-template-columns:50px repeat(7,1fr)}.week-view-time-column{width:50px}.week-view-time-slot{height:50px;font-size:.65rem}.week-view-time-cell{height:50px}.week-view-day-header{padding:var(--spacing-xs)}.week-view-day-name{font-size:.7rem}.week-view-day-number{font-size:var(--font-size-base)}}.day-view{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden}.day-view-header{padding:var(--spacing-md);background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.day-view-date{text-align:center}.day-view-day-name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.day-view-date-number{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}.day-view-body{display:flex;flex:1;overflow-y:auto}.day-view-time-column{width:80px;border-right:1px solid var(--border-color);background:var(--bg-secondary);position:sticky;left:0;z-index:1}.day-view-time-slot{height:80px;padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:flex-start;justify-content:flex-end}.day-view-events-column{flex:1;padding:0 var(--spacing-sm)}.day-view-time-cell{min-height:80px;border-bottom:1px solid var(--border-color);padding:var(--spacing-xs);cursor:pointer;transition:background var(--transition-base);position:relative}.day-view-time-cell:hover{background:var(--bg-secondary)}@media(max-width:768px){.day-view-header{padding:var(--spacing-sm)}.day-view-day-name{font-size:var(--font-size-base)}.day-view-date-number{font-size:var(--font-size-xl)}.day-view-time-column{width:60px}.day-view-time-slot{height:60px;font-size:var(--font-size-xs);padding:var(--spacing-xs)}.day-view-time-cell{min-height:60px;padding:.3rem}}.agenda-view{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-md)}.agenda-view-empty{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary)}.agenda-view-day-group{border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-md)}.agenda-view-day-group:last-child{border-bottom:none;padding-bottom:0}.agenda-view-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md)}.agenda-view-day-date{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.agenda-view-day-count{font-size:var(--font-size-sm);color:var(--text-secondary)}.agenda-view-day-events{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media(max-width:768px){.agenda-view{padding:var(--spacing-sm);gap:var(--spacing-md)}.agenda-view-day-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.agenda-view-day-date{font-size:var(--font-size-base)}.agenda-view-day-count{font-size:var(--font-size-xs)}}.date-events-modal{width:100%;position:relative}.date-events-empty{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.date-events-empty p{margin:0;font-size:var(--font-size-lg);font-weight:500;opacity:.7}.modal-drawer-theme-light .date-events-empty p{color:#64748b}.modal-drawer-theme-dark .date-events-empty p{color:#94a3b8}.date-events-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.date-events-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.date-events-section-title{font-size:var(--font-size-xl);font-weight:700;margin:0;padding-bottom:var(--spacing-md);position:relative;letter-spacing:-.02em}.modal-drawer-theme-light .date-events-section-title{color:#0f172a;border-bottom:2px solid rgba(226,232,240,.8)}.modal-drawer-theme-light .date-events-section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#3b82f6 0%,transparent 100%);border-radius:var(--radius-full)}.modal-drawer-theme-dark .date-events-section-title{color:#f1f5f9;border-bottom:2px solid rgba(59,130,246,.3)}.modal-drawer-theme-dark .date-events-section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#60a5fa 0%,transparent 100%);border-radius:var(--radius-full)}.date-events-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.date-event-item{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-drawer-theme-light .date-event-item{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 8px #0000000a,0 1px 3px #00000005,inset 0 1px #fffc}.modal-drawer-theme-light .date-event-item:hover{background:linear-gradient(135deg,#fff,#f1f5f9f2);border-color:#3b82f666;transform:translate(6px) translateY(-2px);box-shadow:0 8px 24px #3b82f626,0 4px 12px #00000014,0 0 0 1px #3b82f633,inset 0 1px #ffffffe6}.modal-drawer-theme-dark .date-event-item{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid rgba(59,130,246,.3);box-shadow:0 4px 12px #0006,0 2px 6px #0000004d,inset 0 1px #ffffff14,0 0 20px #3b82f61a}.modal-drawer-theme-dark .date-event-item:hover{background:linear-gradient(135deg,#1e293bf2,#0f172a);border-color:#60a5fa80;transform:translate(6px) translateY(-2px);box-shadow:0 12px 32px #0009,0 6px 16px #0006,0 0 0 1px #60a5fa66,0 0 24px #3b82f633,inset 0 1px #ffffff1f}.date-event-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius-full) 0 0 var(--radius-full);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1}.date-event-item:hover:before{transform:scaleY(1)}.date-event-item-appointment:before{background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 0 12px #3b82f680}.modal-drawer-theme-dark .date-event-item-appointment:before{background:linear-gradient(180deg,#60a5fa,#3b82f6);box-shadow:0 0 16px #60a5fa99}.date-event-item-case:before{background:linear-gradient(180deg,#06b6d4,#0891b2);box-shadow:0 0 12px #06b6d480}.modal-drawer-theme-dark .date-event-item-case:before{background:linear-gradient(180deg,#22d3ee,#06b6d4);box-shadow:0 0 16px #22d3ee99}.date-event-time{flex-shrink:0;min-width:90px;font-weight:700;font-size:var(--font-size-sm);display:flex;align-items:flex-start;padding-top:4px;position:relative;z-index:2}.modal-drawer-theme-light .date-event-time{color:#2563eb;text-shadow:0 1px 2px rgba(37,99,235,.1)}.modal-drawer-theme-dark .date-event-time{color:#60a5fa;text-shadow:0 0 8px rgba(96,165,250,.3)}.modal-drawer-theme-light .date-event-item-case .date-event-time{color:#0891b2}.modal-drawer-theme-dark .date-event-item-case .date-event-time{color:#22d3ee;text-shadow:0 0 8px rgba(34,211,238,.3)}.date-event-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative;z-index:2}.date-event-title{font-size:var(--font-size-base);font-weight:600;line-height:1.5;letter-spacing:-.01em}.modal-drawer-theme-light .date-event-title{color:#0f172a}.modal-drawer-theme-dark .date-event-title{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.2)}.date-event-subtitle{font-size:var(--font-size-sm);font-weight:500;line-height:1.4}.modal-drawer-theme-light .date-event-subtitle{color:#475569}.modal-drawer-theme-dark .date-event-subtitle{color:#cbd5e1}.date-event-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.date-event-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.date-event-badge:hover{transform:translateY(-1px)}.modal-drawer-theme-light .date-event-badge-type{background:linear-gradient(135deg,#3b82f61f,#2563eb26);color:#2563eb;border:1px solid rgba(59,130,246,.25);box-shadow:0 2px 4px #3b82f61a,inset 0 1px #fff9}.modal-drawer-theme-dark .date-event-badge-type{background:linear-gradient(135deg,#3b82f640,#2563eb4d);color:#93c5fd;border:1px solid rgba(96,165,250,.4);box-shadow:0 2px 6px #3b82f64d,0 0 8px #3b82f626,inset 0 1px #ffffff1a}.modal-drawer-theme-light .date-event-badge-status{background:linear-gradient(135deg,#10b9811f,#05966926);color:#059669;border:1px solid rgba(16,185,129,.25);box-shadow:0 2px 4px #10b9811a,inset 0 1px #fff9}.modal-drawer-theme-dark .date-event-badge-status{background:linear-gradient(135deg,#10b98140,#0596694d);color:#6ee7b7;border:1px solid rgba(34,197,94,.4);box-shadow:0 2px 6px #10b9814d,0 0 8px #10b98126,inset 0 1px #ffffff1a}.modal-drawer-theme-light .date-event-badge-important{background:linear-gradient(135deg,#f59e0b1f,#d9770626);color:#d97706;border:1px solid rgba(245,158,11,.25);box-shadow:0 2px 4px #f59e0b1a,inset 0 1px #fff9}.modal-drawer-theme-dark .date-event-badge-important{background:linear-gradient(135deg,#f59e0b40,#d977064d);color:#fcd34d;border:1px solid rgba(251,191,36,.4);box-shadow:0 2px 6px #f59e0b4d,0 0 8px #f59e0b26,inset 0 1px #ffffff1a}.date-event-location,.date-event-link{font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs);font-weight:500}.modal-drawer-theme-light .date-event-location,.modal-drawer-theme-light .date-event-link{color:#64748b}.modal-drawer-theme-dark .date-event-location,.modal-drawer-theme-dark .date-event-link{color:#94a3b8}.date-event-description{font-size:var(--font-size-sm);margin-top:var(--spacing-xs);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-drawer-theme-light .date-event-description{color:#475569}.modal-drawer-theme-dark .date-event-description{color:#cbd5e1}@media(max-width:768px){.date-events-content{gap:var(--spacing-xl)}.date-events-section{gap:var(--spacing-md)}.date-event-item{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.date-event-item:before{width:100%;height:4px;inset:0 0 auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.date-event-time{min-width:auto;width:100%;padding-bottom:var(--spacing-sm);border-bottom:1px solid;padding-top:0}.modal-drawer-theme-light .date-event-time{border-color:#e2e8f0cc}.modal-drawer-theme-dark .date-event-time{border-color:#3b82f64d}.date-event-item:hover{transform:translate(0) translateY(-3px)}.date-events-section-title{font-size:var(--font-size-lg);padding-bottom:var(--spacing-sm)}.date-events-empty{padding:var(--spacing-xl) var(--spacing-md);min-height:150px}}[dir=rtl] .date-event-item:before{left:auto;right:0}[dir=rtl] .date-event-item:hover{transform:translate(-6px) translateY(-2px)}[dir=rtl] .date-events-section-title:after{left:auto;right:0;background:linear-gradient(90deg,transparent 0%,#3b82f6 100%)}[dir=rtl] .modal-drawer-theme-dark .date-events-section-title:after{background:linear-gradient(90deg,transparent 0%,#60a5fa 100%)}@media(max-width:768px){[dir=rtl] .date-event-item:hover{transform:translate(0) translateY(-3px)}}.calendar-page{padding:var(--spacing-md);max-width:100%;overflow-x:hidden}.calendar-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.calendar-page-header h1{margin:0;font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:700;letter-spacing:-.02em}.calendar-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.calendar-controls-right{display:flex;align-items:center;gap:var(--spacing-md)}.calendar-view-switcher{display:flex;gap:var(--spacing-xs);background:var(--bg-primary);padding:var(--spacing-xs);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:inset 0 1px 2px #0000000d}.calendar-view-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base);position:relative}.calendar-view-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.calendar-view-btn.active{background:var(--color-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm);font-weight:600}.calendar-view-btn.active:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.calendar-navigation{display:flex;align-items:center;gap:var(--spacing-sm)}.calendar-nav-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:all var(--transition-base);font-weight:500}.calendar-nav-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.calendar-nav-btn:active{transform:translateY(0)}.calendar-nav-today{font-weight:600;background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.calendar-nav-today:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md)}.calendar-current-date{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-left:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color);min-width:200px;text-align:center}.calendar-content{min-height:600px}.calendar-main{width:100%;min-height:600px;background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base)}.calendar-main:hover{box-shadow:var(--shadow-lg)}@media(max-width:1024px){.calendar-controls{flex-direction:column;align-items:stretch}.calendar-controls-right{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.calendar-navigation{justify-content:center}}@media(max-width:768px){.calendar-page{padding:var(--spacing-sm)}.calendar-page-header{flex-direction:column;align-items:stretch}.calendar-page-header h1{font-size:var(--font-size-xl)}.calendar-controls{flex-direction:column;gap:var(--spacing-sm)}.calendar-view-switcher{width:100%;justify-content:space-between}.calendar-view-btn{flex:1;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.calendar-navigation{width:100%;justify-content:space-between;flex-wrap:wrap}.calendar-nav-btn{flex:1;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.calendar-current-date{width:100%;text-align:center;margin:var(--spacing-sm) 0 0 0;font-size:var(--font-size-base)}.calendar-main{min-height:400px}}.notifications-page{max-width:1200px;margin:0 auto;padding:24px}.notifications-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.notifications-title{margin:0;font-size:28px;font-weight:700;color:var(--color-text-primary, #111827)}.notifications-actions{display:flex;gap:12px;flex-wrap:wrap}.notifications-filters{display:flex;gap:16px;margin-bottom:24px;padding:16px;background-color:var(--color-background-secondary, #f9fafb);border-radius:8px;flex-wrap:wrap}.notifications-filter-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.notifications-filter-label{font-size:14px;font-weight:500;color:var(--color-text-primary, #111827)}.notifications-filter-select{padding:8px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;font-size:14px;background-color:var(--color-background, #ffffff);color:var(--color-text-primary, #111827);cursor:pointer;transition:border-color .2s ease}.notifications-filter-select:hover{border-color:var(--color-primary, #3b82f6)}.notifications-filter-select:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.notifications-content{background-color:var(--color-background, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;overflow:hidden}.notifications-list{display:flex;flex-direction:column}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:var(--color-text-secondary, #6b7280)}.notifications-empty svg{margin-bottom:16px;color:var(--color-text-tertiary, #9ca3af)}.notifications-empty p{margin:0;font-size:16px}[dir=rtl] .notifications-header,[dir=rtl] .notifications-actions,[dir=rtl] .notifications-filters{flex-direction:row-reverse}@media(max-width:768px){.notifications-page{padding:16px}.notifications-header{flex-direction:column;align-items:stretch}.notifications-actions{width:100%}.notifications-actions button{flex:1}.notifications-filters{flex-direction:column}.notifications-filter-group{min-width:100%}}.documents-page{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.documents-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.documents-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.documents-tabs button{border:1px solid var(--color-border, #e0e0e0);background:#fff;padding:.5rem 1.25rem;border-radius:999px;cursor:pointer;transition:background .2s ease}.documents-tabs button.active{background:var(--color-primary, #2b6cb0);color:#fff;border-color:var(--color-primary, #2b6cb0)}.document-filters{background:#fff;border:1px solid var(--color-border, #e0e0e0);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.document-filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.document-filters-checkboxes{display:flex;gap:1rem;flex-wrap:wrap}.document-list-wrapper,.document-list-content{position:relative}.document-view-toggle{display:none}.documents-table-container{overflow-x:auto;border-radius:var(--radius-lg, 12px);border:1px solid var(--border-color, #e2e8f0);background:var(--bg-primary, #ffffff);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / .05));margin-bottom:var(--spacing-lg, 1.5rem)}.documents-table{width:100%;border-collapse:collapse;min-width:800px}.documents-table thead{background:var(--bg-secondary, #f8fafc)}.documents-table th{padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);text-align:left;font-weight:600;font-size:var(--font-size-sm, .875rem);color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-color, #e2e8f0);white-space:nowrap}.documents-table td{padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);text-align:left;border-bottom:1px solid var(--border-color, #f1f5f9);color:var(--text-primary, #0f172a);font-size:var(--font-size-base, 1rem)}.documents-table tbody tr{cursor:pointer;transition:background-color var(--transition-base, .2s ease-in-out)}.documents-table tbody tr:hover{background-color:var(--bg-secondary, #f8fafc)}.documents-table tbody tr:last-child td{border-bottom:none}.document-title-cell{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.document-title-cell strong{color:var(--text-primary, #0f172a);font-weight:600;font-size:var(--font-size-base, 1rem)}.document-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, .25rem);margin-top:var(--spacing-xs, .25rem)}.document-tags span{display:inline-flex;background:#2563eb1a;color:var(--color-primary, #2563eb);padding:.2rem .6rem;border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:500;line-height:1.4}.document-badges-cell{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, .25rem)}.document-badge{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:500;line-height:1.4;white-space:nowrap}.document-badge-default{background:#2563eb1a;color:var(--color-primary, #2563eb)}.document-badge-danger{background:#ef44441a;color:var(--color-error, #ef4444)}.document-badge-warning{background:#f59e0b1a;color:var(--color-warning, #f59e0b)}.document-badge-success{background:#10b9811a;color:var(--color-success, #10b981)}.document-card-grid{display:none;grid-template-columns:1fr;gap:var(--spacing-md, 1rem)}.document-card{border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:var(--spacing-lg, 1.5rem);background:var(--bg-primary, #ffffff);display:flex;flex-direction:column;gap:var(--spacing-md, 1rem);cursor:pointer;transition:all var(--transition-base, .2s ease-in-out);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / .05))}.document-card:hover{box-shadow:var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / .1));border-color:var(--color-primary, #2563eb);transform:translateY(-2px)}.document-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md, 1rem);padding-bottom:var(--spacing-sm, .5rem);border-bottom:1px solid var(--border-color, #f1f5f9)}.document-card-header h3{margin:0;font-size:var(--font-size-lg, 1.125rem);font-weight:600;color:var(--text-primary, #0f172a);line-height:1.4;flex:1}.document-category{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--bg-secondary, #f8fafc);color:var(--text-secondary, #475569);border-radius:var(--radius-md, .5rem);font-size:var(--font-size-xs, .75rem);font-weight:500;white-space:nowrap}.document-card-meta{margin:var(--spacing-xs, .25rem) 0 0 0;color:var(--text-secondary, #475569);font-size:var(--font-size-sm, .875rem)}.document-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem)}.document-card-description{margin:0;color:var(--text-secondary, #475569);font-size:var(--font-size-sm, .875rem);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.document-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, .25rem)}.document-card-tags span{display:inline-flex;background:#2563eb1a;color:var(--color-primary, #2563eb);padding:.2rem .6rem;border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:500;line-height:1.4}.document-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm, .5rem);border-top:1px solid var(--border-color, #f1f5f9);font-size:var(--font-size-sm, .875rem);color:var(--text-secondary, #475569)}.document-card-footer>div{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.document-card-label{display:block;font-size:var(--font-size-xs, .75rem);color:var(--text-tertiary, #94a3b8);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.document-card-footer strong{color:var(--text-primary, #0f172a);font-weight:600}.document-card-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, .25rem);padding-top:var(--spacing-sm, .5rem)}.document-detail-content{display:flex;flex-direction:column;gap:1.5rem}.document-detail-section{display:flex;flex-direction:column;gap:1rem}.document-detail-actions{display:flex;flex-wrap:wrap;gap:.5rem}.document-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.document-detail-grid ul{list-style:none;padding:0;margin:0}.document-detail-grid li{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid #f0f0f0}.document-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem}.document-detail-tags span{background:#2b6cb014;color:var(--color-primary, #2b6cb0);padding:.25rem .75rem;border-radius:999px;font-size:.85rem}.document-versions ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.document-versions li{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:1px solid var(--color-border, #e0e0e0);border-radius:12px;background:#fff}.document-form{display:flex;flex-direction:column;gap:1rem}.document-form-checkboxes{display:flex;gap:1rem;flex-wrap:wrap}.file-input-group input[type=file]{width:100%}.documents-empty-state{text-align:center;padding:var(--spacing-2xl, 3rem) var(--spacing-lg, 1.5rem);border:2px dashed var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 12px);background:var(--bg-secondary, #f8fafc);color:var(--text-tertiary, #94a3b8)}.documents-empty-state p{margin:0;font-size:var(--font-size-lg, 1.125rem);color:var(--text-secondary, #475569)}.document-loading-overlay{position:absolute;inset:0;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg, 12px);z-index:10}@media(max-width:768px){.documents-page{padding:var(--spacing-md, 1rem)}.document-detail-actions{flex-direction:column}.documents-header{flex-direction:column;align-items:flex-start}.documents-table-container{display:none}.document-card-grid{display:grid}.document-card{padding:var(--spacing-md, 1rem)}.document-card-header,.document-card-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm, .5rem)}}@media(min-width:769px){.documents-table-container{display:block}.document-card-grid{display:none}}.document-detail-content{display:flex;flex-direction:column;gap:2rem}.document-detail-error{margin-bottom:.5rem}.document-detail-header{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid}.document-detail-header-content{display:flex;flex-direction:column;gap:1.25rem}.document-detail-title-section{display:flex;align-items:flex-start;gap:1rem}.document-detail-title-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;flex-shrink:0}.document-detail-title{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.3}.document-detail-description{margin:.5rem 0 0;font-size:1rem;line-height:1.6;opacity:.8}.document-detail-badges{display:flex;flex-wrap:wrap;gap:.75rem}.document-detail-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;line-height:1.4}.document-detail-badge svg{width:16px;height:16px;flex-shrink:0}.document-detail-actions{display:flex;flex-wrap:wrap;gap:.75rem}.document-detail-actions .btn{display:flex;align-items:center;gap:.5rem}.document-detail-actions .btn svg{width:18px;height:18px;flex-shrink:0}.document-detail-section{display:flex;flex-direction:column;gap:1.25rem}.document-detail-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.document-detail-section-header svg{flex-shrink:0}.document-detail-section-header h3{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.document-detail-metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.document-detail-metadata-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:12px;border:1px solid;transition:all .2s ease}.document-detail-metadata-item:hover{transform:translateY(-2px)}.document-detail-metadata-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;flex-shrink:0}.document-detail-metadata-content{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.document-detail-metadata-label{font-size:.875rem;font-weight:500;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.document-detail-metadata-value{font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-detail-tags{display:flex;flex-wrap:wrap;gap:.75rem}.document-detail-tag{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s ease}.document-detail-tag:hover{transform:translateY(-2px)}.document-detail-versions{display:flex;flex-direction:column;gap:1rem}.document-detail-version-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;border-radius:12px;border:1px solid;transition:all .2s ease}.document-detail-version-item:hover{transform:translateY(-2px)}.document-detail-version-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.document-detail-version-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;flex-shrink:0}.document-detail-version-details{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.document-detail-version-number{font-size:1rem;font-weight:600}.document-detail-version-date{font-size:.875rem;opacity:.7}.document-detail-version-item .btn{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.document-detail-version-item .btn svg{width:18px;height:18px}.document-detail-no-versions{margin:0;padding:2rem;text-align:center;opacity:.7;font-style:italic}.modal-drawer-theme-light .document-detail-header{border-color:#e2e8f0cc}.modal-drawer-theme-light .document-detail-title-icon{background:linear-gradient(135deg,#3b82f61a,#60a5fa26);color:#3b82f6}.modal-drawer-theme-light .document-detail-title{color:#0f172a}.modal-drawer-theme-light .document-detail-description{color:#475569}.modal-drawer-theme-light .document-detail-badge-template{background:#3b82f61a;color:#2563eb}.modal-drawer-theme-light .document-detail-badge-confidential{background:#ef44441a;color:#dc2626}.modal-drawer-theme-light .document-detail-badge-shared{background:#10b9811a;color:#059669}.modal-drawer-theme-light .document-detail-section-header{color:#0f172a}.modal-drawer-theme-light .document-detail-section-header svg{color:#3b82f6}.modal-drawer-theme-light .document-detail-metadata-item{border-color:#e2e8f0cc;background:#ffffff80}.modal-drawer-theme-light .document-detail-metadata-item:hover{border-color:#3b82f6;background:#fffc;box-shadow:0 2px 8px #3b82f61a}.modal-drawer-theme-light .document-detail-metadata-icon{background:linear-gradient(135deg,#3b82f61a,#60a5fa26);color:#3b82f6}.modal-drawer-theme-light .document-detail-metadata-label{color:#475569}.modal-drawer-theme-light .document-detail-metadata-value{color:#0f172a}.modal-drawer-theme-light .document-detail-tag{background:#3b82f61a;color:#2563eb}.modal-drawer-theme-light .document-detail-tag:hover{background:#3b82f626;box-shadow:0 2px 8px #3b82f626}.modal-drawer-theme-light .document-detail-version-item{border-color:#e2e8f0cc;background:#ffffff80}.modal-drawer-theme-light .document-detail-version-item:hover{border-color:#3b82f6;background:#fffc;box-shadow:0 2px 8px #3b82f61a}.modal-drawer-theme-light .document-detail-version-icon{background:linear-gradient(135deg,#3b82f61a,#60a5fa26);color:#3b82f6}.modal-drawer-theme-light .document-detail-version-number{color:#0f172a}.modal-drawer-theme-light .document-detail-version-date,.modal-drawer-theme-light .document-detail-no-versions{color:#475569}.modal-drawer-theme-dark .document-detail-header{border-color:#3b82f64d}.modal-drawer-theme-dark .document-detail-title-icon{background:linear-gradient(135deg,#3b82f633,#60a5fa4d);color:#60a5fa;box-shadow:0 2px 8px #3b82f633}.modal-drawer-theme-dark .document-detail-title{color:#f1f5f9}.modal-drawer-theme-dark .document-detail-description{color:#cbd5e1}.modal-drawer-theme-dark .document-detail-badge-template{background:#3b82f633;color:#60a5fa;box-shadow:0 2px 8px #3b82f633}.modal-drawer-theme-dark .document-detail-badge-confidential{background:#ef444433;color:#fca5a5;box-shadow:0 2px 8px #ef444433}.modal-drawer-theme-dark .document-detail-badge-shared{background:#10b98133;color:#34d399;box-shadow:0 2px 8px #10b98133}.modal-drawer-theme-dark .document-detail-section-header{color:#f1f5f9}.modal-drawer-theme-dark .document-detail-section-header svg{color:#60a5fa}.modal-drawer-theme-dark .document-detail-metadata-item{border-color:#3b82f64d;background:#1e293b66}.modal-drawer-theme-dark .document-detail-metadata-item:hover{border-color:#60a5fa;background:#1e293b99;box-shadow:0 2px 12px #3b82f633,0 0 16px #3b82f61a}.modal-drawer-theme-dark .document-detail-metadata-icon{background:linear-gradient(135deg,#3b82f633,#60a5fa4d);color:#60a5fa;box-shadow:0 2px 8px #3b82f633}.modal-drawer-theme-dark .document-detail-metadata-label{color:#cbd5e1}.modal-drawer-theme-dark .document-detail-metadata-value{color:#f1f5f9}.modal-drawer-theme-dark .document-detail-tag{background:#3b82f633;color:#60a5fa;box-shadow:0 2px 8px #3b82f633}.modal-drawer-theme-dark .document-detail-tag:hover{background:#3b82f64d;box-shadow:0 4px 12px #3b82f64d,0 0 16px #3b82f626}.modal-drawer-theme-dark .document-detail-version-item{border-color:#3b82f64d;background:#1e293b66}.modal-drawer-theme-dark .document-detail-version-item:hover{border-color:#60a5fa;background:#1e293b99;box-shadow:0 2px 12px #3b82f633,0 0 16px #3b82f61a}.modal-drawer-theme-dark .document-detail-version-icon{background:linear-gradient(135deg,#3b82f633,#60a5fa4d);color:#60a5fa;box-shadow:0 2px 8px #3b82f633}.modal-drawer-theme-dark .document-detail-version-number{color:#f1f5f9}.modal-drawer-theme-dark .document-detail-version-date,.modal-drawer-theme-dark .document-detail-no-versions{color:#cbd5e1}@media(max-width:768px){.document-detail-content{gap:1.5rem}.document-detail-title-section{flex-direction:column;align-items:flex-start}.document-detail-title-icon{width:48px;height:48px}.document-detail-title{font-size:1.25rem}.document-detail-actions{flex-direction:column}.document-detail-actions .btn{width:100%;justify-content:center}.document-detail-metadata-grid{grid-template-columns:1fr;gap:.75rem}.document-detail-version-item{flex-direction:column;align-items:stretch;gap:1rem}.document-detail-version-item .btn{width:100%;justify-content:center}}[dir=rtl] .document-detail-title-section,[dir=rtl] .document-detail-metadata-item,[dir=rtl] .document-detail-version-info{flex-direction:row-reverse}.document-upload-form{display:flex;flex-direction:column;gap:2rem}.document-upload-error{margin-bottom:.5rem}.document-upload-section{display:flex;flex-direction:column;gap:1.25rem}.document-upload-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.document-upload-section-header svg{flex-shrink:0}.document-upload-section-header h3{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.document-upload-dropzone{position:relative;border:2px dashed;border-radius:12px;padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.document-upload-dropzone:hover{transform:translateY(-2px)}.document-upload-dropzone.dragging{transform:scale(1.02);border-style:solid}.document-upload-dropzone.has-file{padding:1.5rem;min-height:auto;text-align:left;justify-content:flex-start}.document-upload-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.document-upload-dropzone-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;margin-bottom:.5rem;transition:all .3s ease}.document-upload-dropzone-text{display:flex;flex-direction:column;gap:.5rem}.document-upload-dropzone-primary{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.document-upload-dropzone-secondary{margin:0;font-size:.875rem;opacity:.7}.document-upload-file-info{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;border-radius:8px;transition:all .2s ease}.document-upload-file-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;flex-shrink:0}.document-upload-file-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.document-upload-file-name{font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-upload-file-size{font-size:.875rem;opacity:.7}.document-upload-file-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0;background:transparent}.document-upload-file-remove:hover{transform:scale(1.1)}.document-upload-file-remove:active{transform:scale(.95)}.document-upload-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.document-upload-section .form-group{margin-bottom:0}.document-upload-section>.form-group{margin-top:.5rem}.document-upload-form .form-textarea{transition:all .2s ease}.document-upload-options{display:flex;flex-direction:column;gap:1rem}.document-upload-option{display:flex;gap:1rem;padding:1.25rem;border-radius:12px;border:1px solid;transition:all .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.document-upload-option:hover{transform:translate(4px)}.document-upload-option:active{transform:translate(2px)}.document-upload-option-icon{display:flex;align-items:flex-start;justify-content:center;width:40px;height:40px;border-radius:8px;flex-shrink:0;padding-top:2px}.document-upload-option-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.document-upload-option-hint{margin:0;font-size:.875rem;opacity:.7;line-height:1.5}.document-upload-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid;margin-top:.5rem}.modal-drawer-theme-light .document-upload-section-header{color:#0f172a}.modal-drawer-theme-light .document-upload-section-header svg{color:#3b82f6}.modal-drawer-theme-light .document-upload-dropzone{border-color:#e2e8f0cc;background:linear-gradient(135deg,#fff9,#f8fafccc)}.modal-drawer-theme-light .document-upload-dropzone:hover{border-color:#3b82f6;background:linear-gradient(135deg,#fffc,#f8fafcf2);box-shadow:0 4px 12px #3b82f626}.modal-drawer-theme-light .document-upload-dropzone.dragging{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#60a5fa26);box-shadow:0 8px 24px #3b82f640}.modal-drawer-theme-light .document-upload-dropzone-icon{background:linear-gradient(135deg,#3b82f61a,#60a5fa26);color:#3b82f6}.modal-drawer-theme-light .document-upload-dropzone-primary{color:#0f172a}.modal-drawer-theme-light .document-upload-dropzone-secondary{color:#475569}.modal-drawer-theme-light .document-upload-file-info{background:#fffc;border:1px solid rgba(226,232,240,.6)}.modal-drawer-theme-light .document-upload-file-icon{background:linear-gradient(135deg,#3b82f61a,#60a5fa26);color:#3b82f6}.modal-drawer-theme-light .document-upload-file-name{color:#0f172a}.modal-drawer-theme-light .document-upload-file-size{color:#475569}.modal-drawer-theme-light .document-upload-file-remove{color:#64748b}.modal-drawer-theme-light .document-upload-file-remove:hover{background:#ef44441a;color:#dc2626}.modal-drawer-theme-light .document-upload-option{border-color:#e2e8f0cc;background:#ffffff80}.modal-drawer-theme-light .document-upload-option:hover{border-color:#3b82f6;background:#fffc;box-shadow:0 2px 8px #3b82f61a}.modal-drawer-theme-light .document-upload-option-icon{background:linear-gradient(135deg,#3b82f61a,#60a5fa26);color:#3b82f6}.modal-drawer-theme-light .document-upload-option-hint{color:#475569}.modal-drawer-theme-light .document-upload-actions{border-color:#e2e8f0cc}.modal-drawer-theme-light .document-upload-form .form-textarea{background-color:#fff;border-color:#e2e8f0e6;color:#0f172a;box-shadow:0 1px 2px #0000000d,inset 0 1px 2px #00000005}.modal-drawer-theme-light .document-upload-form .form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 2px 4px #0000000d;background-color:#fff}.modal-drawer-theme-light .document-upload-form .form-textarea::placeholder{color:#94a3b8}.modal-drawer-theme-dark .document-upload-section-header{color:#f1f5f9}.modal-drawer-theme-dark .document-upload-section-header svg{color:#60a5fa}.modal-drawer-theme-dark .document-upload-dropzone{border-color:#3b82f64d;background:linear-gradient(135deg,#1e293b66,#0f172a99)}.modal-drawer-theme-dark .document-upload-dropzone:hover{border-color:#60a5fa;background:linear-gradient(135deg,#1e293b99,#0f172acc);box-shadow:0 4px 16px #3b82f64d,0 0 20px #3b82f61a}.modal-drawer-theme-dark .document-upload-dropzone.dragging{border-color:#60a5fa;background:linear-gradient(135deg,#3b82f633,#60a5fa40);box-shadow:0 8px 32px #3b82f666,0 0 40px #3b82f633}.modal-drawer-theme-dark .document-upload-dropzone-icon{background:linear-gradient(135deg,#3b82f633,#60a5fa4d);color:#60a5fa;box-shadow:0 4px 12px #3b82f633}.modal-drawer-theme-dark .document-upload-dropzone-primary{color:#f1f5f9}.modal-drawer-theme-dark .document-upload-dropzone-secondary{color:#cbd5e1}.modal-drawer-theme-dark .document-upload-file-info{background:#1e293b99;border:1px solid rgba(59,130,246,.3)}.modal-drawer-theme-dark .document-upload-file-icon{background:linear-gradient(135deg,#3b82f633,#60a5fa4d);color:#60a5fa;box-shadow:0 2px 8px #3b82f633}.modal-drawer-theme-dark .document-upload-file-name{color:#f1f5f9}.modal-drawer-theme-dark .document-upload-file-size{color:#cbd5e1}.modal-drawer-theme-dark .document-upload-file-remove{color:#94a3b8}.modal-drawer-theme-dark .document-upload-file-remove:hover{background:#ef444433;color:#fca5a5}.modal-drawer-theme-dark .document-upload-option{border-color:#3b82f64d;background:#1e293b66}.modal-drawer-theme-dark .document-upload-option:hover{border-color:#60a5fa;background:#1e293b99;box-shadow:0 2px 12px #3b82f633,0 0 16px #3b82f61a}.modal-drawer-theme-dark .document-upload-option-icon{background:linear-gradient(135deg,#3b82f633,#60a5fa4d);color:#60a5fa;box-shadow:0 2px 8px #3b82f633}.modal-drawer-theme-dark .document-upload-option-hint{color:#cbd5e1}.modal-drawer-theme-dark .document-upload-actions{border-color:#3b82f64d}.modal-drawer-theme-dark .document-upload-form .form-textarea{background-color:#1e293bcc;border-color:#3b82f64d;color:#f1f5f9;box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #0003}.modal-drawer-theme-dark .document-upload-form .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f64d,0 2px 8px #0006,0 0 12px #3b82f633;background-color:#1e293bf2}.modal-drawer-theme-dark .document-upload-form .form-textarea::placeholder{color:#94a3b8}@media(max-width:768px){.document-upload-form{gap:1.5rem}.document-upload-form-grid{grid-template-columns:1fr;gap:1rem}.document-upload-dropzone{padding:2rem 1rem;min-height:140px}.document-upload-dropzone.has-file{padding:1rem}.document-upload-option{padding:1rem;gap:.75rem}.document-upload-option-icon{width:36px;height:36px}.document-upload-actions{flex-direction:column-reverse}.document-upload-actions .btn{width:100%}}[dir=rtl] .document-upload-option:hover{transform:translate(-4px)}[dir=rtl] .document-upload-file-info,[dir=rtl] .document-upload-dropzone.has-file{text-align:right}.version-upload-form{display:flex;flex-direction:column;gap:2rem}.version-upload-error{margin-bottom:.5rem}.version-upload-section{display:flex;flex-direction:column;gap:1.25rem}.version-upload-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.version-upload-section-header svg{flex-shrink:0}.version-upload-section-header h3{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.version-upload-info{margin:0;font-size:.9375rem;line-height:1.6;opacity:.8;padding:1rem;border-radius:8px;border:1px solid}.version-upload-dropzone{position:relative;border:2px dashed;border-radius:12px;padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.version-upload-dropzone:hover{transform:translateY(-2px)}.version-upload-dropzone.dragging{transform:scale(1.02);border-style:solid}.version-upload-dropzone.has-file{padding:1.5rem;min-height:auto;text-align:left;justify-content:flex-start}.version-upload-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.version-upload-dropzone-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;margin-bottom:.5rem;transition:all .3s ease}.version-upload-dropzone-text{display:flex;flex-direction:column;gap:.5rem}.version-upload-dropzone-primary{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.version-upload-dropzone-secondary{margin:0;font-size:.875rem;opacity:.7}.version-upload-file-info{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;border-radius:8px;transition:all .2s ease}.version-upload-file-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;flex-shrink:0}.version-upload-file-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.version-upload-file-name{font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-upload-file-size{font-size:.875rem;opacity:.7}.version-upload-file-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0;background:transparent}.version-upload-file-remove:hover{transform:scale(1.1)}.version-upload-file-remove:active{transform:scale(.95)}.version-upload-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid;margin-top:.5rem}.version-upload-actions .btn{display:flex;align-items:center;gap:.5rem}.version-upload-actions .btn svg{width:18px;height:18px;flex-shrink:0}.modal-drawer-theme-light .version-upload-section-header{color:#0f172a}.modal-drawer-theme-light .version-upload-section-header svg{color:#3b82f6}.modal-drawer-theme-light .version-upload-info{border-color:#e2e8f0cc;background:#ffffff80;color:#475569}.modal-drawer-theme-light .version-upload-dropzone{border-color:#e2e8f0cc;background:linear-gradient(135deg,#fff9,#f8fafccc)}.modal-drawer-theme-light .version-upload-dropzone:hover{border-color:#3b82f6;background:linear-gradient(135deg,#fffc,#f8fafcf2);box-shadow:0 4px 12px #3b82f626}.modal-drawer-theme-light .version-upload-dropzone.dragging{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#60a5fa26);box-shadow:0 8px 24px #3b82f640}.modal-drawer-theme-light .version-upload-dropzone-icon{background:linear-gradient(135deg,#3b82f61a,#60a5fa26);color:#3b82f6}.modal-drawer-theme-light .version-upload-dropzone-primary{color:#0f172a}.modal-drawer-theme-light .version-upload-dropzone-secondary{color:#475569}.modal-drawer-theme-light .version-upload-file-info{background:#fffc;border:1px solid rgba(226,232,240,.6)}.modal-drawer-theme-light .version-upload-file-icon{background:linear-gradient(135deg,#3b82f61a,#60a5fa26);color:#3b82f6}.modal-drawer-theme-light .version-upload-file-name{color:#0f172a}.modal-drawer-theme-light .version-upload-file-size{color:#475569}.modal-drawer-theme-light .version-upload-file-remove{color:#64748b}.modal-drawer-theme-light .version-upload-file-remove:hover{background:#ef44441a;color:#dc2626}.modal-drawer-theme-light .version-upload-actions{border-color:#e2e8f0cc}.modal-drawer-theme-dark .version-upload-section-header{color:#f1f5f9}.modal-drawer-theme-dark .version-upload-section-header svg{color:#60a5fa}.modal-drawer-theme-dark .version-upload-info{border-color:#3b82f64d;background:#1e293b66;color:#cbd5e1}.modal-drawer-theme-dark .version-upload-dropzone{border-color:#3b82f64d;background:linear-gradient(135deg,#1e293b66,#0f172a99)}.modal-drawer-theme-dark .version-upload-dropzone:hover{border-color:#60a5fa;background:linear-gradient(135deg,#1e293b99,#0f172acc);box-shadow:0 4px 16px #3b82f64d,0 0 20px #3b82f61a}.modal-drawer-theme-dark .version-upload-dropzone.dragging{border-color:#60a5fa;background:linear-gradient(135deg,#3b82f633,#60a5fa40);box-shadow:0 8px 32px #3b82f666,0 0 40px #3b82f633}.modal-drawer-theme-dark .version-upload-dropzone-icon{background:linear-gradient(135deg,#3b82f633,#60a5fa4d);color:#60a5fa;box-shadow:0 4px 12px #3b82f633}.modal-drawer-theme-dark .version-upload-dropzone-primary{color:#f1f5f9}.modal-drawer-theme-dark .version-upload-dropzone-secondary{color:#cbd5e1}.modal-drawer-theme-dark .version-upload-file-info{background:#1e293b99;border:1px solid rgba(59,130,246,.3)}.modal-drawer-theme-dark .version-upload-file-icon{background:linear-gradient(135deg,#3b82f633,#60a5fa4d);color:#60a5fa;box-shadow:0 2px 8px #3b82f633}.modal-drawer-theme-dark .version-upload-file-name{color:#f1f5f9}.modal-drawer-theme-dark .version-upload-file-size{color:#cbd5e1}.modal-drawer-theme-dark .version-upload-file-remove{color:#94a3b8}.modal-drawer-theme-dark .version-upload-file-remove:hover{background:#ef444433;color:#fca5a5}.modal-drawer-theme-dark .version-upload-actions{border-color:#3b82f64d}@media(max-width:768px){.version-upload-form{gap:1.5rem}.version-upload-dropzone{padding:2rem 1rem;min-height:140px}.version-upload-dropzone.has-file{padding:1rem}.version-upload-actions{flex-direction:column-reverse}.version-upload-actions .btn{width:100%}}[dir=rtl] .version-upload-file-info,[dir=rtl] .version-upload-dropzone.has-file{text-align:right}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.smart-editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-primary, #ffffff);border-bottom:1px solid var(--border-color, #e2e8f0);gap:1.5rem;flex-wrap:wrap;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / .05));position:relative;z-index:10}.toolbar-section{display:flex;align-items:center;gap:.75rem}.toolbar-left{flex:1;min-width:200px}.toolbar-center{flex:0 0 auto}.toolbar-right{flex:1;justify-content:flex-end;flex-wrap:wrap}.title-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, .5rem);transition:all var(--transition-base, .2s ease-in-out);max-width:350px}.title-input-wrapper:focus-within{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a;background:var(--bg-primary, #ffffff)}.title-input-wrapper svg{color:var(--text-secondary, #475569);flex-shrink:0}.title-input-wrapper:focus-within svg{color:var(--color-primary, #2563eb)}.document-title-input{flex:1;border:none;background:transparent;font-size:1rem;font-weight:600;color:var(--text-primary, #0f172a);padding:0;min-width:0}.document-title-input::placeholder{color:var(--text-tertiary, #94a3b8);font-weight:400}.document-title-input:focus{outline:none}.toolbar-select{padding:.5rem .75rem;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;font-size:.9rem;background:var(--bg-primary, #fff);color:var(--text-primary, #333);min-width:150px}.toolbar-select:focus{outline:none;border-color:var(--primary-color, #007bff)}.toolbar-btn{white-space:nowrap;display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:500;transition:all var(--transition-base, .2s ease-in-out);border-radius:var(--radius-md, .5rem)}.toolbar-btn svg{flex-shrink:0}.toolbar-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / .1))}.toolbar-btn.ai-toggle-btn.active{background:linear-gradient(135deg,var(--color-primary, #2563eb) 0%,var(--color-primary-light, #3b82f6) 100%);color:var(--text-inverse, #ffffff);box-shadow:0 4px 12px #2563eb4d}.toolbar-btn.ai-toggle-btn.active:hover{box-shadow:0 6px 16px #2563eb66}.toolbar-btn.save-btn{font-weight:600}@media(max-width:768px){.smart-editor-toolbar{flex-direction:column;align-items:stretch;padding:1rem;gap:1rem}.toolbar-section{width:100%;justify-content:flex-start}.toolbar-right{justify-content:flex-start}.title-input-wrapper{max-width:100%}.toolbar-btn{flex:1;justify-content:center}}.template-selector{padding:1.5rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}.template-card{padding:1.5rem;border:2px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, .75rem);background:var(--bg-primary, #ffffff);cursor:pointer;transition:all var(--transition-base, .2s ease-in-out);position:relative;overflow:hidden}.template-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary, #2563eb) 0%,var(--color-primary-light, #3b82f6) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base, .2s ease-in-out)}.template-card:hover{border-color:var(--color-primary, #2563eb);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1));transform:translateY(-4px)}.template-card:hover:before{transform:scaleX(1)}.template-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.template-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb1a,#3b82f61a);border-radius:var(--radius-md, .5rem);color:var(--color-primary, #2563eb)}.template-arrow{color:var(--text-tertiary, #94a3b8);transition:all var(--transition-base, .2s ease-in-out);opacity:0;transform:translate(-8px)}.template-card:hover .template-arrow{opacity:1;transform:translate(0);color:var(--color-primary, #2563eb)}.template-name{margin:0 0 .75rem;font-size:1.125rem;font-weight:700;color:var(--text-primary, #0f172a);line-height:1.4}.template-description{margin:0 0 1rem;font-size:.9rem;color:var(--text-secondary, #475569);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-meta{display:flex;gap:.75rem;flex-wrap:wrap}.template-category,.template-jurisdiction{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-secondary, #f8fafc);border-radius:var(--radius-md, .5rem);font-size:.8rem;font-weight:500;color:var(--text-secondary, #475569);transition:all var(--transition-base, .2s ease-in-out)}.template-card:hover .template-category,.template-card:hover .template-jurisdiction{background:#2563eb1a;color:var(--color-primary, #2563eb)}.template-category svg,.template-jurisdiction svg{flex-shrink:0}.no-templates{color:var(--text-secondary, #475569);font-size:1rem}.template-selector-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e2e8f0)}@media(max-width:768px){.template-selector{padding:1rem}.templates-grid{grid-template-columns:1fr;gap:1rem}.template-card{padding:1.25rem}}.document-selector{padding:1.5rem}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}.document-card{padding:1.5rem;border:2px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, .75rem);background:var(--bg-primary, #ffffff);cursor:pointer;transition:all var(--transition-base, .2s ease-in-out);position:relative;overflow:hidden}.document-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary, #2563eb) 0%,var(--color-primary-light, #3b82f6) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base, .2s ease-in-out)}.document-card:hover{border-color:var(--color-primary, #2563eb);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1));transform:translateY(-4px)}.document-card:hover:before{transform:scaleX(1)}.document-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.document-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb1a,#3b82f61a);border-radius:var(--radius-md, .5rem);color:var(--color-primary, #2563eb)}.document-arrow{color:var(--text-tertiary, #94a3b8);transition:all var(--transition-base, .2s ease-in-out);opacity:0;transform:translate(-8px)}.document-card:hover .document-arrow{opacity:1;transform:translate(0);color:var(--color-primary, #2563eb)}.document-name{margin:0 0 .75rem;font-size:1.125rem;font-weight:700;color:var(--text-primary, #0f172a);line-height:1.4}.document-description{margin:0 0 1rem;font-size:.9rem;color:var(--text-secondary, #475569);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.document-meta{display:flex;gap:.75rem;flex-wrap:wrap}.document-category,.document-date{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-secondary, #f8fafc);border-radius:var(--radius-md, .5rem);font-size:.8rem;font-weight:500;color:var(--text-secondary, #475569);transition:all var(--transition-base, .2s ease-in-out)}.document-card:hover .document-category,.document-card:hover .document-date{background:#2563eb1a;color:var(--color-primary, #2563eb)}.document-category svg,.document-date svg{flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state svg{width:64px;height:64px;color:var(--text-tertiary, #94a3b8);margin-bottom:1rem}.no-documents{color:var(--text-secondary, #475569);font-size:1rem}.document-selector-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e2e8f0)}@media(max-width:768px){.document-selector{padding:1rem}.documents-grid{grid-template-columns:1fr;gap:1rem}.document-card{padding:1.25rem}}.document-export-modal{padding:1.5rem}.export-form{display:flex;flex-direction:column;gap:2rem}.export-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e2e8f0)}.suggestion-card{padding:var(--spacing-lg);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg);background:var(--bg-primary, #fff);transition:all var(--transition-base);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.suggestion-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-primary, #2563eb);opacity:0;transition:opacity var(--transition-base)}.suggestion-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-color-dark, #cbd5e1);transform:translateY(-2px)}.suggestion-card:hover:before{opacity:1}.suggestion-header{margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.suggestion-type{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,var(--color-primary, #2563eb) 0%,var(--color-primary-light, #3b82f6) 100%);color:var(--text-inverse, #fff);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.suggestion-body{margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.suggestion-original,.suggestion-suggested{padding:var(--spacing-md);border-radius:var(--radius-md);position:relative;transition:all var(--transition-base)}.suggestion-original{background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0)}.suggestion-suggested{background:linear-gradient(135deg,#10b9810d,#10b98105);border:1px solid rgba(16,185,129,.2);border-left:3px solid var(--color-success, #10b981);position:relative}.suggestion-suggested:before{content:"✓";position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:20px;height:20px;background:var(--color-success, #10b981);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;box-shadow:var(--shadow-sm)}.suggestion-original strong,.suggestion-suggested strong{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.05em}.suggestion-original strong:before{content:"📝";font-size:.9em}.suggestion-suggested strong:before{content:"✨";font-size:.9em}.suggestion-original p,.suggestion-suggested p{margin:0;color:var(--text-primary, #0f172a);line-height:1.7;font-size:var(--font-size-sm)}.suggestion-explanation{margin-top:var(--spacing-sm);padding:var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-secondary, #475569);font-style:italic;background:var(--bg-tertiary, #f1f5f9);border-radius:var(--radius-md);border-left:3px solid var(--color-info, #06b6d4);line-height:1.6}.suggestion-explanation p{margin:0}.suggestion-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color, #e2e8f0)}.apply-btn,.dismiss-btn{flex:1;min-height:40px;font-weight:500;transition:all var(--transition-base)}.dismiss-btn:hover{background:var(--bg-tertiary, #f1f5f9)}[dir=rtl] .suggestion-card:before{left:auto;right:0}[dir=rtl] .suggestion-suggested{border-left:none;border-right:3px solid var(--color-success, #10b981)}[dir=rtl] .suggestion-suggested:before{left:var(--spacing-sm);right:auto}[dir=rtl] .suggestion-explanation{border-left:none;border-right:3px solid var(--color-info, #06b6d4)}@media(max-width:768px){.suggestion-card{padding:var(--spacing-md)}.suggestion-actions{flex-direction:column}.apply-btn,.dismiss-btn{width:100%}}.translation-panel{padding:0;animation:fadeIn var(--transition-slow) ease-in-out}.translate-btn{align-self:flex-start;min-width:140px;font-weight:500;transition:all var(--transition-base)}.translate-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.translation-result{margin-top:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary, #f8fafc);border-radius:var(--radius-lg);border:1px solid var(--border-color, #e2e8f0);box-shadow:var(--shadow-sm);animation:fadeIn var(--transition-slow) ease-in-out}.translation-result h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary, #0f172a);display:flex;align-items:center;gap:var(--spacing-sm)}.translation-result h4:before{content:"🌐";font-size:1.2em}.translation-preview{margin-bottom:var(--spacing-lg);background:var(--bg-primary, #fff);border-radius:var(--radius-md);min-height:200px;border:1px solid var(--border-color, #e2e8f0);overflow:hidden;box-shadow:var(--shadow-sm)}.translation-preview .quill-viewer{background:var(--bg-primary, #fff)}.translation-preview .quill-viewer .ql-container{border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm)}.translation-preview .quill-viewer .ql-editor{min-height:200px;padding:var(--spacing-lg);color:var(--text-primary, #0f172a);line-height:1.7}.translation-preview .quill-viewer .ql-editor.ql-blank:before{color:var(--text-tertiary, #94a3b8);font-style:normal}.translation-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.apply-btn,.copy-btn{flex:1;min-width:120px;min-height:40px;font-weight:500;transition:all var(--transition-base)}.apply-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.copy-btn:hover{background:var(--bg-tertiary, #f1f5f9)}@media(max-width:768px){.translation-actions{flex-direction:column}.apply-btn,.copy-btn{width:100%}}.summary-panel{padding:0;animation:fadeIn var(--transition-slow) ease-in-out}.panel-header{margin-bottom:var(--spacing-lg)}.panel-header h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary, #0f172a);letter-spacing:-.01em}.header-content h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary, #0f172a);letter-spacing:-.01em;display:flex;align-items:center;gap:var(--spacing-sm)}.header-content h3:before{content:"📋";font-size:1.2em}.header-description{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary, #475569);line-height:1.5}.summary-controls{display:flex;flex-direction:column;gap:var(--spacing-md)}.input-wrapper{position:relative}.input-hint{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-tertiary, #94a3b8);line-height:1.4}.content-info{padding:var(--spacing-md);background:linear-gradient(135deg,#2563eb0d,#2563eb05);border-radius:var(--radius-md);border:1px solid rgba(37,99,235,.1)}.info-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.info-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary, #475569)}.info-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary, #2563eb)}.summarize-btn{align-self:flex-start;min-width:160px;font-weight:500;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-sm)}.summarize-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.summarize-btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon{font-size:1.1em;line-height:1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}.loading-text{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary, #475569);font-style:italic}.summary-result{margin-top:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-primary, #fff) 0%,var(--bg-secondary, #f8fafc) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-color, #e2e8f0);box-shadow:var(--shadow-md);animation:fadeIn var(--transition-slow) ease-in-out;display:flex;flex-direction:column;gap:var(--spacing-lg)}.result-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color, #e2e8f0)}.result-title{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.result-icon{font-size:1.3em;line-height:1}.result-title h4{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary, #0f172a)}.result-stats{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.stat-item{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary, #f1f5f9);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary, #475569);white-space:nowrap}.summary-content-wrapper{position:relative}.summary-textarea{width:100%;margin:0;border-radius:var(--radius-md);border:1px solid var(--border-color, #e2e8f0);background:var(--bg-primary, #fff);transition:all var(--transition-base);font-size:var(--font-size-sm);line-height:1.7;resize:vertical}.summary-textarea:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.result-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color, #e2e8f0)}.copy-btn{min-width:160px;min-height:40px;font-weight:500;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-sm)}.copy-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;background:var(--bg-secondary, #f8fafc);border-radius:var(--radius-lg);border:1px dashed var(--border-color, #e2e8f0)}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.6}.empty-text{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:500;color:var(--text-primary, #0f172a)}.empty-hint{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary, #475569)}@media(max-width:768px){.result-header{flex-direction:column;align-items:flex-start}.result-stats{width:100%;justify-content:flex-start}.copy-btn,.summarize-btn{width:100%}.summary-result{padding:var(--spacing-md)}}[dir=rtl] .result-header,[dir=rtl] .result-stats{flex-direction:row-reverse}.info-integration-panel{padding:0;animation:fadeIn var(--transition-slow) ease-in-out}.suggestions-list{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.no-suggestions{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary, #475569);font-size:var(--font-size-sm);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);background:var(--bg-secondary, #f8fafc);border-radius:var(--radius-lg);border:1px dashed var(--border-color, #e2e8f0)}.no-suggestions:before{content:"🔗";font-size:2rem;opacity:.5;margin-bottom:var(--spacing-sm)}.selection-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.selection-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary, #0f172a);margin-bottom:var(--spacing-xs)}.selection-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-primary, #ffffff);border:2px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-secondary, #475569);cursor:pointer;transition:all var(--transition-base);text-align:left}.selection-trigger:hover{border-color:var(--color-primary, #3b82f6);background:var(--bg-secondary, #f8fafc);color:var(--text-primary, #0f172a)}.selection-trigger:active{transform:scale(.98)}.selection-trigger svg{flex-shrink:0;color:var(--text-secondary, #64748b);transition:transform var(--transition-base)}.selection-trigger:hover svg{color:var(--color-primary, #3b82f6);transform:translateY(2px)}.selection-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-primary, #ffffff);border:2px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);gap:var(--spacing-md);position:relative}.selection-card:hover{border-color:var(--color-primary, #3b82f6);box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.selection-card-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.selection-card-avatar{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary, #3b82f6) 0%,var(--color-primary-light, #60a5fa) 100%);color:var(--text-inverse, #ffffff);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-lg);box-shadow:0 2px 4px #3b82f633}.selection-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.selection-card-title{font-weight:600;color:var(--text-primary, #0f172a);font-size:var(--font-size-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-card-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary, #64748b)}.selection-card-meta span{white-space:nowrap}.selection-card-status{padding:2px var(--spacing-xs);background:var(--bg-secondary, #f1f5f9);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.selection-card-remove{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary, #64748b);cursor:pointer;transition:all var(--transition-base);padding:0}.selection-card-remove:hover{background:var(--bg-secondary, #f1f5f9);color:var(--color-danger, #ef4444);transform:scale(1.1)}.selection-card-remove:active{transform:scale(.95)}.selection-drawer{display:flex;flex-direction:column;height:100%;min-height:400px;max-height:70vh}.selection-drawer-search{margin-bottom:var(--spacing-lg);position:sticky;top:0;z-index:5;background:inherit;padding-bottom:var(--spacing-md)}.selection-drawer-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xs);padding-right:var(--spacing-xs)}.selection-drawer-list::-webkit-scrollbar{width:8px}.selection-drawer-list::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-full)}.selection-drawer-list::-webkit-scrollbar-thumb{background:var(--border-color, #cbd5e1);border-radius:var(--radius-full)}.selection-drawer-list::-webkit-scrollbar-thumb:hover{background:var(--border-color-dark, #94a3b8)}.selection-drawer-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary, #f8fafc);border:2px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-xs)}.selection-drawer-item:hover{background:var(--bg-tertiary, #f1f5f9);border-color:var(--color-primary-light, #60a5fa);transform:translate(4px);box-shadow:0 2px 4px #3b82f61a}.selection-drawer-item.selected{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.selection-drawer-item-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.selection-drawer-item-avatar{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary, #3b82f6) 0%,var(--color-primary-light, #60a5fa) 100%);color:var(--text-inverse, #ffffff);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-lg);box-shadow:0 2px 4px #3b82f633}.selection-drawer-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.selection-drawer-item-name{font-weight:600;color:var(--text-primary, #0f172a);font-size:var(--font-size-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-drawer-item-meta{font-size:var(--font-size-sm);color:var(--text-secondary, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-drawer-item-check{flex-shrink:0;width:24px;height:24px;color:var(--color-primary, #3b82f6);margin-left:var(--spacing-md)}.selection-drawer-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary, #64748b)}.selection-drawer-empty p{margin:0;font-size:var(--font-size-lg)}[dir=rtl] .selection-trigger{text-align:right}[dir=rtl] .selection-drawer-item:hover{transform:translate(-4px)}[dir=rtl] .selection-drawer-item-check{margin-left:0;margin-right:var(--spacing-md)}[data-theme=dark] .selection-trigger{background:var(--bg-primary, #1e293b);border-color:var(--border-color, #334155);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .selection-trigger:hover{background:var(--bg-secondary, #334155);border-color:var(--color-primary, #60a5fa);color:var(--text-primary, #f1f5f9)}[data-theme=dark] .selection-card{background:var(--bg-primary, #1e293b);border-color:var(--border-color, #334155)}[data-theme=dark] .selection-card:hover{border-color:var(--color-primary, #60a5fa);box-shadow:0 2px 8px #60a5fa33}[data-theme=dark] .selection-card-title{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .selection-card-meta{color:var(--text-secondary, #cbd5e1)}[data-theme=dark] .selection-card-remove:hover{background:var(--bg-secondary, #334155)}[data-theme=dark] .selection-drawer-item{background:var(--bg-secondary, #334155);border-color:var(--border-color, #475569)}[data-theme=dark] .selection-drawer-item:hover{background:var(--bg-tertiary, #475569);border-color:var(--color-primary-light, #93c5fd)}[data-theme=dark] .selection-drawer-item.selected{background:linear-gradient(135deg,#60a5fa26,#60a5fa14);border-color:var(--color-primary, #60a5fa);box-shadow:0 0 0 3px #60a5fa26}[data-theme=dark] .selection-drawer-item-name{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .selection-drawer-item-meta{color:var(--text-secondary, #cbd5e1)}@media(max-width:768px){.selection-card{padding:var(--spacing-sm) var(--spacing-md)}.selection-card-avatar{width:40px;height:40px;font-size:var(--font-size-base)}.selection-card-title{font-size:var(--font-size-sm)}.selection-card-meta{font-size:var(--font-size-xs)}.selection-trigger{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}.completion-input{padding:0;animation:fadeIn var(--transition-slow) ease-in-out}.panel-header h3{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary, #0f172a);letter-spacing:-.01em}.panel-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.context-info{padding:var(--spacing-md);background:linear-gradient(135deg,#2563eb0d,#2563eb05);border-radius:var(--radius-md);color:var(--text-secondary, #475569);font-size:var(--font-size-xs);border:1px solid rgba(37,99,235,.1);display:flex;align-items:center;gap:var(--spacing-xs)}.context-info:before{content:"ℹ️";font-size:1.1em}.generate-btn{align-self:flex-start;min-width:140px;font-weight:500;transition:all var(--transition-base)}.generate-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.completion-result{margin-top:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary, #f8fafc);border-radius:var(--radius-lg);border:1px solid var(--border-color, #e2e8f0);box-shadow:var(--shadow-sm);animation:fadeIn var(--transition-slow) ease-in-out}.completion-result h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary, #0f172a);display:flex;align-items:center;gap:var(--spacing-sm)}.completion-result h4:before{content:"✨";font-size:1.2em}.completion-textarea{margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color, #e2e8f0);transition:all var(--transition-base)}.completion-textarea:focus{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.copy-btn{align-self:flex-start;min-width:140px;min-height:40px;font-weight:500;transition:all var(--transition-base)}.copy-btn:hover{background:var(--bg-tertiary, #f1f5f9);transform:translateY(-1px)}@media(max-width:768px){.generate-btn,.copy-btn{width:100%}}.ai-assistant-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-primary, #fff);border-radius:var(--radius-lg)}.panel-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);background:var(--bg-secondary, #f8fafc);padding:var(--spacing-md);flex-shrink:0}.tab-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md);background:var(--bg-primary, #fff);color:var(--text-secondary, #475569);cursor:pointer;font-size:var(--font-size-xs);font-weight:500;transition:all var(--transition-base);position:relative;min-height:80px;text-align:center}.tab-button:hover{color:var(--text-primary, #0f172a);background:var(--bg-secondary, #f8fafc);border-color:var(--border-color-dark, #cbd5e1);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tab-button.active{color:var(--color-primary, #2563eb);background:linear-gradient(135deg,#2563eb0d,#2563eb05);border-color:var(--color-primary, #2563eb);font-weight:600;box-shadow:0 0 0 3px #2563eb1a}.tab-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:1.2em;color:inherit;transition:transform var(--transition-base)}.tab-button:hover .tab-icon{transform:scale(1.1)}.tab-button.active .tab-icon{color:var(--color-primary, #2563eb)}.tab-label{font-size:var(--font-size-xs);line-height:1.3;word-break:break-word}.panel-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-lg);scrollbar-width:thin;scrollbar-color:var(--border-color, #e2e8f0) transparent;min-height:0;-webkit-overflow-scrolling:touch}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:var(--border-color, #e2e8f0);border-radius:var(--radius-full)}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--border-color-dark, #cbd5e1)}.tab-content{min-height:200px;animation:fadeIn var(--transition-slow) ease-in-out}.tab-content-header{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color, #e2e8f0)}.refresh-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md);background:var(--bg-primary, #fff);color:var(--text-secondary, #475569);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base)}.refresh-button:hover:not(:disabled){background:var(--bg-secondary, #f8fafc);border-color:var(--border-color-dark, #cbd5e1);color:var(--text-primary, #0f172a);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.refresh-button:active:not(:disabled){transform:translateY(0)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button svg{transition:transform var(--transition-base)}.refresh-button:hover:not(:disabled) svg{transform:rotate(180deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.suggestions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.no-suggestions{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary, #475569);font-size:var(--font-size-sm);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.no-suggestions:before{content:"💡";font-size:2rem;opacity:.5;margin-bottom:var(--spacing-sm)}@media(max-width:1024px){.panel-tabs{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;grid-template-columns:none;gap:var(--spacing-xs);padding:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:var(--border-color, #e2e8f0) transparent;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.panel-tabs::-webkit-scrollbar{height:4px}.panel-tabs::-webkit-scrollbar-track{background:transparent}.panel-tabs::-webkit-scrollbar-thumb{background:var(--border-color, #e2e8f0);border-radius:var(--radius-full)}.panel-tabs::-webkit-scrollbar-thumb:hover{background:var(--border-color-dark, #cbd5e1)}.tab-button{flex-shrink:0;min-width:120px;min-height:60px;padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:768px){.panel-tabs{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;grid-template-columns:none;gap:var(--spacing-xs);padding:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:var(--border-color, #e2e8f0) transparent;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.panel-tabs::-webkit-scrollbar{height:4px}.panel-tabs::-webkit-scrollbar-track{background:transparent}.panel-tabs::-webkit-scrollbar-thumb{background:var(--border-color, #e2e8f0);border-radius:var(--radius-full)}.panel-tabs::-webkit-scrollbar-thumb:hover{background:var(--border-color-dark, #cbd5e1)}.tab-button{flex-shrink:0;flex-direction:row;justify-content:flex-start;min-width:110px;min-height:48px;padding:var(--spacing-xs) var(--spacing-sm);text-align:left;gap:var(--spacing-xs)}.tab-icon{width:18px;height:18px;font-size:1em;flex-shrink:0}.tab-label{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-content{padding:var(--spacing-md);min-height:0}.no-suggestions{padding:var(--spacing-xl)}}@media(max-width:480px){.panel-tabs{padding:var(--spacing-xs);gap:var(--spacing-xs)}.tab-button{min-width:100px;min-height:44px;padding:var(--spacing-xs);gap:var(--spacing-xs)}.tab-icon{width:16px;height:16px;font-size:.9em}.tab-label{font-size:.7rem}.panel-content{padding:var(--spacing-sm)}}[dir=rtl] .tab-button{text-align:center}@media(max-width:1024px){[dir=rtl] .tab-button{flex-direction:row-reverse;text-align:right}}@media(max-width:480px){[dir=rtl] .tab-button{flex-direction:row-reverse;text-align:right}}[dir=rtl] .tab-content-header{justify-content:flex-start}.smart-editor-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-secondary, #f8fafc)}.editor-container{display:flex;flex:1;overflow:hidden;background:var(--bg-primary, #ffffff);margin:.75rem;border-radius:var(--radius-lg, .75rem);box-shadow:var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / .1));transition:all var(--transition-base, .2s ease-in-out);gap:var(--spacing-lg, 1.5rem);padding:var(--spacing-md, 1rem)}.editor-content{flex:1;display:flex;flex-direction:column;overflow:hidden;transition:width var(--transition-slow, .3s ease-in-out);position:relative;background:var(--bg-primary, #ffffff);border-radius:var(--radius-lg, .75rem)}.editor-content.with-panel{width:calc(100% - 400px - var(--spacing-lg, 1.5rem))}.editor-content.save-success{position:relative}.editor-content.save-success:before{content:"";position:absolute;inset:-3px;border-radius:8px;border:3px solid rgba(16,185,129,.8);z-index:1;animation:waveExpand 2s ease-out;pointer-events:none}.editor-content.save-success:after{content:"";position:absolute;inset:-3px;border-radius:8px;border:3px solid rgba(16,185,129,.6);z-index:1;animation:waveExpand 2s ease-out .3s;pointer-events:none}@keyframes waveExpand{0%{opacity:1;transform:scale(1);border-width:3px}50%{opacity:.6;transform:scale(1.02);border-width:2px}to{opacity:0;transform:scale(1.05);border-width:1px}}.quill-editor{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary, #ffffff)}.quill-editor .ql-container{flex:1;overflow-y:auto;font-size:1rem;line-height:1.8;border:none;background:var(--bg-primary, #ffffff)}.quill-editor .ql-editor{min-height:300px;padding:2rem;color:var(--text-primary, #0f172a);font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif)}.quill-editor .ql-editor.ql-blank:before{color:var(--text-tertiary, #94a3b8);font-style:normal;left:2rem}.quill-editor .ql-toolbar{border-top:1px solid var(--border-color, #e2e8f0);border-left:none;border-right:none;border-bottom:none;padding:.75rem 1rem;background:var(--bg-secondary, #f8fafc);border-radius:var(--radius-lg, .75rem) var(--radius-lg, .75rem) 0 0}.quill-editor .ql-toolbar .ql-formats{margin-right:1rem}.quill-editor .ql-toolbar button:hover,.quill-editor .ql-toolbar button.ql-active{color:var(--color-primary, #2563eb)}.quill-editor .ql-toolbar button{transition:color var(--transition-fast, .15s ease-in-out);color:var(--text-secondary, #475569)}.quill-editor .ql-toolbar button svg{fill:var(--text-secondary, #475569)}.quill-editor .ql-toolbar .ql-stroke{stroke:var(--text-secondary, #475569)}.quill-editor .ql-toolbar .ql-fill{fill:var(--text-secondary, #475569)}.quill-editor .ql-toolbar .ql-picker-label{color:var(--text-secondary, #475569)}.quill-editor .ql-toolbar .ql-picker-options{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, .5rem);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1))}.quill-editor .ql-toolbar .ql-picker-item{color:var(--text-primary, #0f172a)}.quill-editor .ql-toolbar .ql-picker-item:hover{background:var(--bg-secondary, #f8fafc);color:var(--color-primary, #2563eb)}.ai-panel-container{width:400px;height:100%;overflow:hidden;border-left:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f8fafc);border-radius:0 var(--radius-lg, .75rem) var(--radius-lg, .75rem) 0;display:flex;flex-direction:column;min-height:0}@media(max-width:1024px){.editor-content.with-panel{width:calc(100% - 300px - var(--spacing-lg, 1.5rem))}.ai-panel-container{width:300px}}@media(max-width:768px){.editor-container{flex-direction:column;gap:var(--spacing-sm, .5rem);padding:var(--spacing-sm, .5rem);min-height:0}.editor-content.with-panel{width:100%;height:50%;min-height:200px;flex-shrink:0}.editor-content:not(.with-panel){height:100%}.ai-panel-container{width:100%;height:50%;min-height:300px;border-left:none;border-top:1px solid var(--border-color, #e0e0e0);flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}}.selection-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--bg-secondary, #f8fafc) 0%,var(--bg-tertiary, #f1f5f9) 100%);position:relative;overflow:hidden}.selection-screen:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(37,99,235,.05) 0%,transparent 70%);animation:pulse 20s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.selection-content{text-align:center;max-width:700px;width:100%;position:relative;z-index:1;background:var(--bg-primary, #ffffff);padding:3rem;border-radius:var(--radius-lg, .75rem);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1))}.selection-title{font-size:2.5rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 1rem;background:linear-gradient(135deg,var(--color-primary, #2563eb) 0%,var(--color-primary-light, #3b82f6) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.selection-description{font-size:1.125rem;color:var(--text-secondary, #475569);margin:0 0 3rem;line-height:1.7}.selection-options{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.selection-btn{min-width:220px;padding:1.25rem 2.5rem;font-size:1rem;font-weight:600;border-radius:var(--radius-md, .5rem);transition:all var(--transition-base, .2s ease-in-out);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / .05));display:flex;align-items:center;justify-content:center;gap:.75rem}.selection-btn svg{flex-shrink:0}.selection-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / .1))}@media(max-width:768px){.editor-container{margin:.5rem;border-radius:var(--radius-md, .5rem)}.editor-content{border-radius:var(--radius-md, .5rem)}.selection-content{padding:2rem 1.5rem}.selection-title{font-size:1.75rem}.selection-description{font-size:1rem;margin-bottom:2rem}.selection-options{flex-direction:column}.selection-btn{width:100%;min-width:unset}}[data-theme=dark] .editor-container{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}[data-theme=dark] .selection-screen{background:linear-gradient(135deg,var(--bg-secondary, #334155) 0%,var(--bg-tertiary, #475569) 100%)}[data-theme=dark] .selection-screen:before{background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%)}[data-theme=dark] .selection-content{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}[data-theme=dark] .quill-editor .ql-toolbar .ql-picker-options{background:var(--bg-primary, #1e293b);border-color:var(--border-color, #475569);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}[data-theme=dark] .quill-editor .ql-toolbar .ql-picker-item{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .quill-editor .ql-toolbar .ql-picker-item:hover{background:var(--bg-secondary, #334155);color:var(--color-primary-light, #3b82f6)}[data-theme=dark] .quill-editor .ql-toolbar button{color:var(--text-secondary, #cbd5e1)}[data-theme=dark] .quill-editor .ql-toolbar button svg{fill:var(--text-secondary, #cbd5e1)}[data-theme=dark] .quill-editor .ql-toolbar .ql-stroke{stroke:var(--text-secondary, #cbd5e1)}[data-theme=dark] .quill-editor .ql-toolbar .ql-fill{fill:var(--text-secondary, #cbd5e1)}[data-theme=dark] .quill-editor .ql-toolbar .ql-picker-label{color:var(--text-secondary, #cbd5e1)}[data-theme=dark] .quill-editor .ql-toolbar button:hover,[data-theme=dark] .quill-editor .ql-toolbar button.ql-active{color:var(--color-primary-light, #3b82f6)}[data-theme=dark] .quill-editor .ql-toolbar button:hover svg,[data-theme=dark] .quill-editor .ql-toolbar button.ql-active svg{fill:var(--color-primary-light, #3b82f6)}[data-theme=dark] .quill-editor .ql-toolbar button:hover .ql-stroke,[data-theme=dark] .quill-editor .ql-toolbar button.ql-active .ql-stroke{stroke:var(--color-primary-light, #3b82f6)}[data-theme=dark] .quill-editor .ql-toolbar button:hover .ql-fill,[data-theme=dark] .quill-editor .ql-toolbar button.ql-active .ql-fill{fill:var(--color-primary-light, #3b82f6)}[dir=rtl] .quill-editor .ql-toolbar{direction:rtl}[dir=rtl] .quill-editor .ql-editor{direction:rtl;text-align:right}.ai-assistant-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:var(--spacing-lg);background:var(--bg-secondary, #f8fafc);gap:var(--spacing-lg)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-primary, #fff) 0%,var(--bg-secondary, #f8fafc) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.page-header:hover{box-shadow:var(--shadow-md)}.page-header h1{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-3xl);font-weight:600;color:var(--text-primary, #0f172a);letter-spacing:-.02em}.page-header p{margin:0;color:var(--text-secondary, #475569);font-size:var(--font-size-base);line-height:1.6}.assistant-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);flex:1;overflow:hidden;min-height:0;transition:grid-template-columns var(--transition-base)}.assistant-container.assistant-collapsed{grid-template-columns:1fr}.assistant-container.assistant-collapsed .assistant-section{display:none}.content-section,.assistant-section{display:flex;flex-direction:column;overflow:hidden;min-height:0}.section-header{margin-bottom:var(--spacing-lg);padding:0 var(--spacing-sm);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.section-header-content{flex:1}.section-header h2{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary, #0f172a);letter-spacing:-.01em}.section-description{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary, #475569);line-height:1.5}.editor-wrapper,.assistant-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg);background:var(--bg-primary, #fff);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.editor-wrapper:focus-within,.assistant-wrapper:focus-within{box-shadow:var(--shadow-md);border-color:var(--color-primary, #2563eb)}.content-editor{flex:1;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg)}.content-editor .ql-container{flex:1;overflow-y:auto;border:none;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.content-editor .ql-editor{min-height:200px;padding:var(--spacing-lg);font-size:var(--font-size-base);line-height:1.7;color:var(--text-primary, #0f172a)}.content-editor .ql-toolbar{border:none;border-bottom:1px solid var(--border-color, #e2e8f0);padding:var(--spacing-md);background:var(--bg-secondary, #f8fafc);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.content-editor .ql-toolbar .ql-formats{margin-right:var(--spacing-md)}.content-editor .ql-toolbar button:hover,.content-editor .ql-toolbar button.ql-active{color:var(--color-primary, #2563eb)}.assistant-wrapper{background:var(--bg-primary, #fff);transition:all var(--transition-base);overflow:hidden}.assistant-section{transition:all var(--transition-base)}.assistant-section.collapsed{display:none}.collapse-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md);background:var(--bg-primary, #fff);color:var(--text-secondary, #475569);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.collapse-toggle:hover{background:var(--bg-secondary, #f8fafc);border-color:var(--border-color-dark, #cbd5e1);color:var(--text-primary, #0f172a);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.collapse-toggle:active{transform:translateY(0)}.floating-assistant-btn{position:fixed;bottom:var(--spacing-xl, 24px);right:var(--spacing-xl, 24px);width:56px;height:56px;border-radius:50%;background:var(--color-primary, #2563eb);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;transition:all var(--transition-base, .2s ease);z-index:1000;padding:0}.floating-assistant-btn:hover{background:var(--color-primary-dark, #1d4ed8);box-shadow:0 6px 16px #0003,0 3px 6px #00000026;transform:translateY(-2px)}.floating-assistant-btn:active{transform:translateY(0);box-shadow:0 2px 8px #00000026,0 1px 2px #0000001a}.floating-assistant-btn svg{width:24px;height:24px}@media(max-width:1024px){.ai-assistant-page{padding:var(--spacing-md);gap:var(--spacing-md)}.assistant-container{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:var(--spacing-lg)}.assistant-container.assistant-collapsed{grid-template-rows:1fr}.content-section{min-height:300px}.assistant-section{min-height:400px}.page-header{padding:var(--spacing-lg)}.page-header h1{font-size:var(--font-size-2xl)}}@media(max-width:768px){.ai-assistant-page{padding:var(--spacing-sm);gap:var(--spacing-md)}.page-header{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md)}.page-header h1{font-size:var(--font-size-xl)}.assistant-container{grid-template-rows:auto 1fr;gap:var(--spacing-md)}.assistant-container.assistant-collapsed{grid-template-rows:1fr}.content-section{min-height:250px}.section-header{margin-bottom:var(--spacing-md);flex-direction:column;gap:var(--spacing-sm)}.section-header h2{font-size:var(--font-size-lg)}.floating-assistant-btn{bottom:var(--spacing-md, 16px);right:var(--spacing-md, 16px);width:48px;height:48px}.floating-assistant-btn svg{width:20px;height:20px}[dir=rtl] .floating-assistant-btn{right:auto;left:var(--spacing-md, 16px)}}[dir=rtl] .content-editor .ql-toolbar{direction:rtl}[dir=rtl] .content-editor .ql-editor{direction:rtl;text-align:right}[dir=rtl] .page-header{text-align:right}[dir=rtl] .section-header{text-align:right;flex-direction:row-reverse}[dir=rtl] .section-header-content{text-align:right}[dir=rtl] .collapse-toggle svg{transform:scaleX(-1)}[dir=rtl] .assistant-container.assistant-collapsed .content-section{grid-column:1}[dir=rtl] .floating-assistant-btn{right:auto;left:var(--spacing-xl, 24px)}.juridiction-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.juridiction-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.juridiction-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);gap:var(--spacing-sm)}.juridiction-card-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);flex:1;line-height:1.4}.juridiction-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.juridiction-card-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.juridiction-card-label{color:var(--text-secondary);font-weight:500}.juridiction-card-value{color:var(--text-primary);text-align:right}@media(max-width:768px){.juridiction-card-header{flex-direction:column;align-items:flex-start}.juridiction-card-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.juridiction-card-value{text-align:left}}.juridiction-form{max-width:960px;margin:0 auto;background:var(--color-surface, #fff);padding:2rem;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;gap:1.5rem}.juridiction-form__header h1{margin:0;font-size:1.75rem}.juridiction-form__error{padding:1rem;border-radius:12px;background:#ea4c4c1a;color:#c62828}.juridiction-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.juridiction-form__actions{display:flex;justify-content:flex-end;gap:1rem}@media(max-width:768px){.juridiction-form{padding:1.5rem}.juridiction-form__actions{flex-direction:column-reverse}}.juridiction-filters{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.juridiction-filters-row{display:flex;gap:var(--spacing-md);align-items:flex-end;flex-wrap:wrap}.juridiction-filters-search{flex:1;min-width:200px}@media(max-width:768px){.juridiction-filters-row{flex-direction:column;align-items:stretch}.juridiction-filters-search{width:100%}}.juridictions-page{padding:var(--spacing-xl)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}.page-header h1{margin:0;font-size:var(--font-size-2xl);color:var(--color-primary)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state p{margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg)}.juridictions-table-container{overflow-x:auto;margin-bottom:var(--spacing-xl)}.juridictions-table{width:100%;border-collapse:collapse;background-color:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.juridictions-table thead{background-color:var(--bg-secondary)}.juridictions-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.juridictions-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.juridictions-table-row{cursor:pointer;transition:background-color var(--transition-base)}.juridictions-table-row:hover{background-color:var(--bg-secondary)}.juridictions-table-actions{width:150px}.action-buttons{display:flex;gap:var(--spacing-sm)}.action-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.delete-btn{color:var(--color-error, #ef4444)}.juridictions-list{display:none}.juridiction-card-wrapper{margin-bottom:var(--spacing-md)}.juridiction-card-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:0 var(--spacing-lg)}@media(max-width:768px){.juridictions-page{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:flex-start}.juridictions-table-container{display:none}.juridictions-list{display:block}}.juridiction-form-page{padding:2rem}@media(max-width:768px){.juridiction-form-page{padding:1.5rem 1rem}}.juridiction-details{padding:var(--spacing-xl);max-width:1200px;margin:0 auto}.juridiction-details__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color);gap:var(--spacing-md)}.juridiction-details__header-content{flex:1}.juridiction-details__title{margin:0;font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary)}.juridiction-details__actions{display:flex;gap:var(--spacing-md)}.juridiction-details__content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.juridiction-details__section{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.juridiction-details__section-title{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary)}.juridiction-details__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.juridiction-details__info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.juridiction-details__info-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.juridiction-details__info-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500}@media(max-width:768px){.juridiction-details{padding:var(--spacing-md)}.juridiction-details__header{flex-direction:column;align-items:stretch}.juridiction-details__actions{flex-direction:column}.juridiction-details__info-grid{grid-template-columns:1fr}}.user-form{max-width:960px;margin:0 auto;background:var(--color-surface, #fff);padding:2rem;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;gap:1.5rem}.user-form__header h1{margin:0;font-size:1.75rem}.user-form__error{padding:1rem;border-radius:12px;background:#ea4c4c1a;color:#c62828}.user-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.user-form__actions{display:flex;justify-content:flex-end;gap:1rem}@media(max-width:768px){.user-form{padding:1.5rem}.user-form__actions{flex-direction:column-reverse}}.user-filters{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.user-filters-row{display:flex;gap:var(--spacing-md);align-items:flex-end;flex-wrap:wrap}.user-filters-search{flex:1;min-width:200px}.user-filters-selects{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.user-filters-selects .form-group{min-width:150px}@media(max-width:768px){.user-filters-row{flex-direction:column;align-items:stretch}.user-filters-search,.user-filters-selects{width:100%}.user-filters-selects .form-group{flex:1;min-width:0}}.user-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-md)}.user-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-card--inactive{opacity:.7;background-color:var(--bg-secondary)}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);gap:var(--spacing-sm)}.user-card-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);flex:1;line-height:1.4}.user-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;white-space:nowrap;flex-shrink:0;display:inline-block}.user-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.user-card-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.user-card-label{color:var(--text-secondary);font-weight:500}.user-card-value{color:var(--text-primary);text-align:right}.user-card__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.user-card__actions button{flex:1;min-width:80px}@media(max-width:768px){.user-card-header{flex-direction:column;align-items:flex-start}.user-card-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.user-card-value{text-align:left}.user-card__actions{flex-direction:column}.user-card__actions button{width:100%}}.user-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.user-stat-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.user-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-stat-card__label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.user-stat-card__value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary);line-height:1.2}@media(max-width:768px){.user-stats{grid-template-columns:1fr;gap:var(--spacing-md)}.user-stat-card{padding:var(--spacing-md)}.user-stat-card__value{font-size:var(--font-size-2xl)}}.users-page{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color)}.page-header h1{margin:0;color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:700}.users-table-container{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-color);margin-bottom:var(--spacing-xl)}.users-table{width:100%;border-collapse:collapse;background-color:var(--bg-primary)}.users-table thead{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.users-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.users-table th:first-child{padding-left:var(--spacing-xl)}.users-table th:last-child{padding-right:var(--spacing-xl)}.users-table-row{cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--border-color)}.users-table-row:hover{background-color:var(--bg-secondary)}.users-table-row:last-child{border-bottom:none}.users-table td{padding:var(--spacing-lg);font-size:var(--font-size-base);color:var(--text-primary);vertical-align:middle}.users-table td:first-child{padding-left:var(--spacing-xl);font-weight:600;color:var(--color-primary)}.users-table td:last-child{padding-right:var(--spacing-xl)}.users-table-name{font-weight:600;color:var(--color-primary)}.users-table-username{color:var(--text-secondary)}.users-table-email{color:var(--text-primary)}.users-table-role{color:var(--text-secondary);font-size:var(--font-size-sm)}.user-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;white-space:nowrap;display:inline-block}.user-status-active{background-color:#d1fae5;color:#065f46}.user-status-inactive{background-color:#fee2e2;color:#991b1b}.users-list{display:none;grid-template-columns:1fr;gap:var(--spacing-lg)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-tertiary);background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.empty-state p{margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg);color:var(--text-secondary)}@media(max-width:768px){.users-page{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding-bottom:var(--spacing-md)}.page-header h1{font-size:var(--font-size-2xl)}.page-header button{width:100%}.users-table-container{display:none}.users-list{display:grid}}@media(min-width:769px)and (max-width:1024px){.users-table th,.users-table td{padding:var(--spacing-md);font-size:var(--font-size-sm)}.users-table th:first-child,.users-table td:first-child{padding-left:var(--spacing-lg)}.users-table th:last-child,.users-table td:last-child{padding-right:var(--spacing-lg)}}.user-details{padding:0;display:flex;flex-direction:column;gap:2rem;max-width:1400px;margin:0 auto}.user-details__hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:24px;padding:2.5rem;color:#fff;box-shadow:0 20px 60px #2563eb4d;position:relative;overflow:hidden}.user-details__hero:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff1a;border-radius:50%;filter:blur(80px)}.user-details__hero-content{display:flex;align-items:flex-start;gap:2rem;position:relative;z-index:1}.user-details__hero-info{flex:1;min-width:0}.user-details__hero-title-wrapper{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.user-details__status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:.875rem;font-weight:600;color:var(--text-primary);box-shadow:0 4px 12px #00000026;border:2px solid rgba(255,255,255,.5);flex-shrink:0}.user-details__status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);display:inline-block}.user-details__status-badge--inactive .user-details__status-dot{background:var(--color-error)}.user-details__hero-title{margin:0;font-size:2.5rem;font-weight:700;line-height:1.2;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.1)}.user-details__hero-subtitle{margin:0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:1.125rem;opacity:.95}.user-details__role-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;font-size:.875rem;font-weight:600;border:1px solid rgba(255,255,255,.3)}.user-details__hero-email{display:flex;align-items:center;gap:.5rem}.user-details__hero-actions{display:flex;gap:1rem;flex-wrap:wrap;position:relative;z-index:1;margin-top:1.5rem}.user-details__action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;transition:all var(--transition-base);box-shadow:0 4px 12px #00000026;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-primary);border:1px solid rgba(255,255,255,.3)}.user-details__action-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.user-details__action-btn svg{flex-shrink:0}.user-details__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.user-details__card{background:var(--bg-primary, #fff);padding:1.75rem;border-radius:20px;box-shadow:0 4px 20px #0000000f;border:1px solid var(--border-color, #e2e8f0);transition:all var(--transition-base);position:relative;overflow:hidden}.user-details__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.user-details__card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.user-details__card:hover:before{transform:scaleX(1)}.user-details__card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color, #e2e8f0)}.user-details__card-header svg{color:var(--color-primary);flex-shrink:0}.user-details__card-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.user-details__info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.user-details__info-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 0}.user-details__info-label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--text-secondary);font-weight:500;flex-shrink:0;min-width:120px}.user-details__info-label svg{color:var(--color-primary);opacity:.7;flex-shrink:0}.user-details__info-list strong{font-size:.9375rem;font-weight:600;color:var(--text-primary);text-align:right;word-break:break-word;flex:1}.user-details__status-text{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.8125rem;font-weight:600}.user-details__status-text--active{background:#10b9811a;color:var(--color-success)}.user-details__status-text--inactive{background:#ef44441a;color:var(--color-error)}@media(max-width:1024px){.user-details{padding:0 1.5rem}.user-details__hero{padding:2rem}.user-details__hero-title{font-size:2rem}.user-details__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}}@media(max-width:768px){.user-details{padding:0 1rem;gap:1.5rem}.user-details__hero{padding:1.5rem;border-radius:20px}.user-details__hero-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.user-details__hero-title{font-size:1.75rem}.user-details__hero-title-wrapper{flex-direction:column;align-items:flex-start;gap:.75rem}.user-details__hero-subtitle{font-size:1rem;flex-direction:column;align-items:flex-start;gap:.75rem}.user-details__hero-actions{width:100%;flex-direction:column}.user-details__action-btn{width:100%;justify-content:center}.user-details__grid{grid-template-columns:1fr;gap:1rem}.user-details__card{padding:1.5rem;border-radius:16px}.user-details__card-header{margin-bottom:1.25rem}.user-details__card-header h2{font-size:1.125rem}.user-details__info-list li{flex-direction:column;gap:.5rem;align-items:flex-start}.user-details__info-label{min-width:auto}.user-details__info-list strong{text-align:left}}@media(max-width:480px){.user-details{padding:0 .75rem;gap:1.25rem}.user-details__hero{padding:1.25rem;border-radius:16px}.user-details__hero-title{font-size:1.5rem}.user-details__card{padding:1.25rem}}.user-form-page{padding:2rem}@media(max-width:768px){.user-form-page{padding:1.5rem 1rem}}.law-firm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1rem 0}.law-firm-card{background:var(--card-background, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s}.law-firm-card:hover{box-shadow:0 4px 8px #00000026}.law-firm-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.law-firm-card-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #333)}.law-firm-status{padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.law-firm-status.active{background-color:#d4edda;color:#155724}.law-firm-status.inactive{background-color:#f8d7da;color:#721c24}.law-firm-card-body{margin-bottom:1rem}.law-firm-info{display:flex;margin-bottom:.5rem;font-size:.9rem}.law-firm-info .label{font-weight:500;color:var(--text-secondary, #666);margin-right:.5rem;min-width:80px}.law-firm-info .value{color:var(--text-primary, #333);flex:1}.law-firm-card-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color, #e0e0e0)}.law-firm-list-loading,.law-firm-list-empty{text-align:center;padding:3rem;color:var(--text-secondary, #666)}.law-firm-form{max-width:900px;margin:0 auto;padding:2rem;background:var(--card-background, #fff);border-radius:8px}.law-firm-form__header{margin-bottom:2rem}.law-firm-form__header h1{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary, #333)}.law-firm-form__error{padding:1rem;margin-bottom:1.5rem;background-color:#f8d7da;color:#721c24;border-radius:4px;border:1px solid #f5c6cb}.law-firm-form__section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.law-firm-form__section:last-of-type{border-bottom:none}.law-firm-form__section h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary, #333)}.law-firm-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.law-firm-form__actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color, #e0e0e0)}@media(max-width:768px){.law-firm-form{padding:1rem}.law-firm-form__grid{grid-template-columns:1fr}}.add-user-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.add-user-form__error{padding:var(--spacing-md);background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.add-user-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.add-user-form__actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}[data-theme=dark] .add-user-form__error{background-color:#ef444426;border-color:var(--color-error)}@media(max-width:768px){.add-user-form__grid{grid-template-columns:1fr}.add-user-form__actions{flex-direction:column-reverse}}.law-firm-details{max-width:1200px;margin:0 auto;padding:var(--spacing-xl);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all var(--transition-base)}.law-firm-details__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color);gap:var(--spacing-md)}.law-firm-details__header h1{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-3xl);font-weight:600;color:var(--text-primary);line-height:1.2}.law-firm-status{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base)}.law-firm-status.active{background-color:#10b9811a;color:var(--color-success)}.law-firm-status.inactive{background-color:#ef44441a;color:var(--color-error)}.law-firm-details__actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.law-firm-details__content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.law-firm-details__section{padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.law-firm-details__section:hover{box-shadow:var(--shadow-md)}.law-firm-details__section h2{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.law-firm-details__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.law-firm-details__info-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-base)}.law-firm-details__info-item:hover{background-color:var(--bg-tertiary)}.law-firm-details__info-item .label{font-weight:500;color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.law-firm-details__info-item .value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:400}.law-firm-details__info-item .value a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}.law-firm-details__info-item .value a:hover{color:var(--color-primary-dark);text-decoration:underline}.law-firm-details__users-loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl)}.law-firm-details__users-empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary);font-size:var(--font-size-base)}.law-firm-details__users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.law-firm-details__user-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--spacing-md)}.law-firm-details__user-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary)}.law-firm-details__user-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.law-firm-details__user-card-name{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);flex:1}.law-firm-details__user-status{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.law-firm-details__user-status.active{background-color:#10b9811a;color:var(--color-success)}.law-firm-details__user-status.inactive{background-color:#ef44441a;color:var(--color-error)}.law-firm-details__user-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.law-firm-details__user-info{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.law-firm-details__user-label{font-weight:500;color:var(--text-secondary);flex-shrink:0}.law-firm-details__user-value{color:var(--text-primary);text-align:right;word-break:break-word}.law-firm-details-loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary);font-size:var(--font-size-lg)}[data-theme=dark] .law-firm-details{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}[data-theme=dark] .law-firm-details__section{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .law-firm-details__section:hover{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d}[data-theme=dark] .law-firm-details__user-card{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .law-firm-details__user-card:hover{border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0006}[data-theme=dark] .law-firm-status.active{background-color:#10b98133}[data-theme=dark] .law-firm-status.inactive{background-color:#ef444433}[data-theme=dark] .law-firm-details__user-status.active{background-color:#10b98133}[data-theme=dark] .law-firm-details__user-status.inactive{background-color:#ef444433}@media(max-width:768px){.law-firm-details{padding:var(--spacing-md)}.law-firm-details__header{flex-direction:column;gap:var(--spacing-md)}.law-firm-details__header h1{font-size:var(--font-size-2xl)}.law-firm-details__actions{width:100%;flex-direction:column}.law-firm-details__actions>*{width:100%}.law-firm-details__section{padding:var(--spacing-md)}.law-firm-details__info-grid,.law-firm-details__users-grid{grid-template-columns:1fr}}.law-firms-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{margin:0;font-size:2rem;font-weight:600;color:var(--text-primary, #333)}.search-container{margin-bottom:1.5rem}.search-input{width:100%;max-width:400px;padding:.75rem 1rem;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;font-size:1rem}.search-input:focus{outline:none;border-color:var(--primary-color, #007bff);box-shadow:0 0 0 2px #007bff40}.loading-overlay{position:relative;min-height:200px}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary, #666)}.empty-state p{margin-bottom:1.5rem;font-size:1.125rem}@media(max-width:768px){.law-firms-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.search-input{max-width:100%}}.law-firm-form-page{padding:2rem;max-width:1200px;margin:0 auto}@media(max-width:768px){.law-firm-form-page{padding:1rem}}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .flex,[dir=rtl] .justify-between{flex-direction:row-reverse}[dir=rtl] .card-header{border-right:1px solid var(--border-color);border-left:none;padding-right:var(--spacing-md);padding-left:0}[dir=rtl] .alert{border-right:4px solid;border-left:none}[dir=rtl] .form-input,[dir=rtl] .form-select,[dir=rtl] .form-textarea{text-align:right}[dir=rtl] .gap-sm>*+*,[dir=rtl] .gap-md>*+*,[dir=rtl] .gap-lg>*+*{margin-right:0;margin-left:0}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-auto{margin-right:0;margin-left:auto}[dir=rtl] .pl-md{padding-left:0;padding-right:var(--spacing-md)}[dir=rtl] .pr-md{padding-right:0;padding-left:var(--spacing-md)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-secondary);line-height:1.6;min-height:100vh}[dir=rtl] body{font-family:var(--font-family-ar)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto}ul,ol{list-style:none}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:root{--color-primary: #2563eb;--color-primary-dark: #1e40af;--color-primary-light: #3b82f6;--color-secondary: #64748b;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #06b6d4;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-dark: #1e293b;--bg-dark-secondary: #334155;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-color-dark: #cbd5e1;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-ar: "Cairo", "Tajawal", "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--header-height: 4rem;--footer-height: 3rem;--sidebar-width: 16rem;--max-width: 1280px}[data-theme=dark]{--bg-primary: #1e293b;--bg-secondary: #334155;--bg-tertiary: #475569;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #475569}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:var(--spacing-lg);max-width:var(--max-width);width:100%;margin:0 auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}@media(max-width:768px){.main-content{padding:var(--spacing-md)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:1px solid transparent}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color-dark)}.btn-outline{background-color:transparent;border-color:var(--border-color);color:var(--text-primary)}.btn-outline:hover{background-color:var(--bg-tertiary)}.btn-danger{background-color:var(--color-error);color:var(--text-inverse)}.btn-danger:hover{background-color:#dc2626}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);outline:none}.form-input::placeholder{color:var(--text-tertiary)}.form-textarea{resize:vertical;min-height:100px}.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.card{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--font-size-xl);font-weight:600;margin:0}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);background-color:var(--bg-tertiary);color:var(--text-secondary)}.badge-primary{background-color:var(--color-primary);color:var(--text-inverse)}.badge-success{background-color:var(--color-success);color:var(--text-inverse)}.badge-error{background-color:var(--color-error);color:var(--text-inverse)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid}.alert-success{background-color:#d1fae5;border-color:var(--color-success);color:#065f46}.alert-error{background-color:#fee2e2;border-color:var(--color-error);color:#991b1b}.alert-warning{background-color:#fef3c7;border-color:var(--color-warning);color:#92400e}.alert-info{background-color:#cffafe;border-color:var(--color-info);color:#164e63}