@charset "UTF-8";.searchable-dropdown{position:relative;width:100%}.searchable-dropdown.disabled{opacity:.6;cursor:not-allowed}.dropdown-input{width:100%;padding:8px 36px 8px 12px;border:2px solid var(--border-light);border-radius:6px;font-size:14px;line-height:1.4;min-height:42px;background:#fff;transition:all .2s ease;cursor:pointer;box-sizing:border-box}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #20b2aa;border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:1200;box-shadow:0 4px 12px #00000026}.dropdown-option{padding:10px 12px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05);font-size:14px;line-height:1.4}.dropdown-option:hover,.dropdown-option.focused{background:var(--primary-light);color:#20b2aa}.dropdown-option.selected{background:var(--primary-color);color:#fff;font-weight:500}.dropdown-option.selected:hover,.dropdown-option.selected.focused{background:var(--primary-dark)}.dropdown-option.selected mark{background:#ffffff4d;color:#fff}.searchable-dropdown .dropdown-input.error{border-color:var(--danger-color)}.searchable-dropdown .dropdown-input.error:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px #e74c3c1a}.dropdown-options.loading{padding:20px;text-align:center;color:var(--text-secondary)}.dropdown-options.loading:before{content:"Loading...";font-style:italic}@media(max-width:768px){.dropdown-options{max-height:160px}.dropdown-option{padding:12px;font-size:16px}.dropdown-input{font-size:16px}}.password-input-container{width:100%}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:80px}.password-controls{position:absolute;right:8px;display:flex;gap:4px}.password-generate-btn,.password-toggle-btn{background:none;border:none;cursor:pointer;padding:4px;font-size:16px;border-radius:4px;transition:background-color .2s}.password-generate-btn:hover,.password-toggle-btn:hover{background-color:#0000001a}.password-errors,.password-strength{margin-top:8px}.strength-label{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:4px}.strength-text{font-weight:700}.strength-score{color:#666;font-size:12px}.strength-bar-container{width:100%;height:4px;background-color:#e0e0e0;border-radius:2px;overflow:hidden}.strength-bar{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:2px}.password-requirements{margin-top:12px;padding:12px;background-color:#f8f9fa;border-radius:4px;border-left:4px solid #007bff}.password-requirements.simple{border-left-color:#20b2aa}.requirements-title{font-weight:700;font-size:14px;margin-bottom:8px;color:#333}.requirements-list{list-style:none;padding:0;margin:0}.requirement-item{display:flex;align-items:center;gap:8px;padding:2px 0;font-size:13px;transition:color .2s ease}.requirement-item.met{color:#20b2aa}.requirement-item.unmet{color:#6c757d}.requirement-icon{flex-shrink:0}.simple-requirement{font-size:13px}.simple-requirement .met{color:#20b2aa}.simple-requirement .unmet{color:#6c757d}.modern-input.error{border-color:#dc3545}.modern-input.valid{border-color:#20b2aa}.mobile-entry-page{position:fixed;inset:0;width:100%;height:100%;background:linear-gradient(135deg,#20b2aa,#008b8b,#066);background-color:#066;overflow:hidden;overflow-y:auto;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.mobile-entry-page.fade-out{opacity:0;transform:translateY(-20px)}@media screen and (min-width:769px){.mobile-entry-page{display:none!important}}.mobile-entry-container{width:100%;max-width:400px;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}.mobile-entry-content{background:transparent;padding:40px 30px;width:100%;text-align:center;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mobile-entry-logo{margin-bottom:60px}.brand-logo{margin-bottom:20px}.logo-image{max-width:280px;width:100%;height:auto;filter:brightness(0) invert(1)}.logo-icon{font-size:60px;margin-bottom:15px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.app-title{font-size:48px;font-weight:300;color:#fff;margin:0 0 8px;letter-spacing:-1px;text-transform:lowercase}.app-subtitle{font-size:18px;color:#ffffffe6;margin:0 0 15px;font-weight:300}.app-description{font-size:14px;color:#fffc;margin:0 0 30px;font-weight:300;line-height:1.5}.mobile-entry-welcome{margin-bottom:40px}.mobile-entry-welcome h2{font-size:24px;font-weight:600;color:#2d3748;margin:0 0 15px}.mobile-entry-welcome p{font-size:16px;color:#4a5568;line-height:1.6;margin:0 0 30px}.feature-highlights{display:flex;flex-direction:column;gap:20px;margin-bottom:60px}.feature-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:15px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;font-size:14px;font-weight:400;color:#fff;transition:all .3s ease}.feature-item:hover{background:#fff3;transform:translateY(-2px)}.mobile-entry-actions{margin-bottom:30px}.proceed-button{width:100%;padding:16px 24px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.proceed-button:hover{background:#ffffff4d;transform:translateY(-2px)}.proceed-button:active{transform:translateY(0);background:#ffffff1a}.proceed-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.mobile-entry-footer{opacity:.7}.mobile-entry-footer p{font-size:12px;color:#ffffffb3;margin:0}.mobile-entry-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></svg>') repeat;background-size:50px 50px;animation:float 20s infinite linear;pointer-events:none}@keyframes float{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media screen and (max-width:480px){.mobile-entry-container{padding:15px}.mobile-entry-content{padding:30px 25px}.app-title{font-size:24px}.mobile-entry-welcome h2{font-size:20px}.mobile-entry-welcome p{font-size:15px}}.custom-datetime-picker{display:flex;gap:8px;width:100%;align-items:stretch}.datetime-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.custom-datetime-date-input,.custom-datetime-time-input{width:100%;border:2px solid #e9ecef;border-radius:8px;outline:none;background:#fff;padding:10px 12px;font-size:14px;color:#333;font-family:inherit;transition:all .2s ease;min-height:44px;cursor:pointer;position:relative}.datetime-input-wrapper:has(.custom-datetime-date-input){flex:1.5}.datetime-input-wrapper:has(.custom-datetime-time-input){flex:1}.custom-datetime-date-input:hover,.custom-datetime-time-input:hover{border-color:#20b2aa;box-shadow:0 2px 8px #20b2aa26;background:#fafffe}.custom-datetime-date-input:focus,.custom-datetime-time-input:focus{border-color:#20b2aa;box-shadow:0 0 0 4px #20b2aa26;background:#fff}.custom-datetime-date-input:active,.custom-datetime-time-input:active{border-color:#1a9a93;transform:scale(.995)}.custom-datetime-date-input:disabled,.custom-datetime-time-input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6;border-color:#dee2e6}.custom-datetime-date-input::-webkit-calendar-picker-indicator,.custom-datetime-time-input::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px;margin-left:4px;border-radius:4px;transition:all .15s ease;filter:invert(54%) sepia(86%) saturate(433%) hue-rotate(131deg) brightness(91%) contrast(87%)}.custom-datetime-date-input::-webkit-calendar-picker-indicator:hover,.custom-datetime-time-input::-webkit-calendar-picker-indicator:hover{background:#20b2aa1a;filter:invert(48%) sepia(76%) saturate(433%) hue-rotate(131deg) brightness(88%) contrast(87%);transform:scale(1.1)}.custom-datetime-date-input::-webkit-inner-spin-button,.custom-datetime-time-input::-webkit-inner-spin-button{display:none}.custom-datetime-date-input::-webkit-clear-button,.custom-datetime-time-input::-webkit-clear-button{display:none}.custom-datetime-date-input::-moz-calendar-picker-indicator,.custom-datetime-time-input::-moz-calendar-picker-indicator{cursor:pointer}.custom-datetime-date-input:valid::-webkit-datetime-edit-text,.custom-datetime-date-input:valid::-webkit-datetime-edit-month-field,.custom-datetime-date-input:valid::-webkit-datetime-edit-day-field,.custom-datetime-date-input:valid::-webkit-datetime-edit-year-field{color:#1a1a1a}.custom-datetime-time-input:valid::-webkit-datetime-edit-text,.custom-datetime-time-input:valid::-webkit-datetime-edit-hour-field,.custom-datetime-time-input:valid::-webkit-datetime-edit-minute-field,.custom-datetime-time-input:valid::-webkit-datetime-edit-ampm-field{color:#1a1a1a}.custom-datetime-date-input:valid,.custom-datetime-time-input:valid{color:#1a1a1a;font-weight:500}.custom-datetime-date-input:invalid,.custom-datetime-time-input:invalid{color:#6c757d}@media(max-width:768px){.custom-datetime-picker{flex-direction:column;gap:10px;position:relative}.datetime-input-wrapper:has(.custom-datetime-date-input),.datetime-input-wrapper:has(.custom-datetime-time-input){flex:1}.custom-datetime-date-input,.custom-datetime-time-input{font-size:16px;width:100%;min-height:48px;padding:12px}}@media(min-width:769px)and (max-width:1024px){.custom-datetime-date-input,.custom-datetime-time-input{font-size:13px;padding:9px 10px}}.custom-datetime-date-input,.custom-datetime-time-input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-datetime-date-input::-webkit-datetime-edit,.custom-datetime-time-input::-webkit-datetime-edit{padding:0;cursor:pointer}.custom-datetime-date-input::-webkit-datetime-edit-fields-wrapper,.custom-datetime-time-input::-webkit-datetime-edit-fields-wrapper{padding:0;cursor:pointer}.custom-datetime-date-input::-webkit-datetime-edit-day-field,.custom-datetime-date-input::-webkit-datetime-edit-month-field,.custom-datetime-date-input::-webkit-datetime-edit-year-field,.custom-datetime-time-input::-webkit-datetime-edit-hour-field,.custom-datetime-time-input::-webkit-datetime-edit-minute-field,.custom-datetime-time-input::-webkit-datetime-edit-ampm-field{padding:2px;border-radius:3px;cursor:pointer}.custom-datetime-date-input::-webkit-datetime-edit-day-field:hover,.custom-datetime-date-input::-webkit-datetime-edit-month-field:hover,.custom-datetime-date-input::-webkit-datetime-edit-year-field:hover,.custom-datetime-time-input::-webkit-datetime-edit-hour-field:hover,.custom-datetime-time-input::-webkit-datetime-edit-minute-field:hover,.custom-datetime-time-input::-webkit-datetime-edit-ampm-field:hover{background:#20b2aa1a;color:#20b2aa}.custom-datetime-date-input::-webkit-datetime-edit-day-field:focus,.custom-datetime-date-input::-webkit-datetime-edit-month-field:focus,.custom-datetime-date-input::-webkit-datetime-edit-year-field:focus,.custom-datetime-time-input::-webkit-datetime-edit-hour-field:focus,.custom-datetime-time-input::-webkit-datetime-edit-minute-field:focus,.custom-datetime-time-input::-webkit-datetime-edit-ampm-field:focus{background:#20b2aa;color:#fff;outline:none}.simple-multi-select-dropdown{position:relative;width:100%}.simple-multi-select-dropdown.disabled{opacity:.6;cursor:not-allowed}.dropdown-input-container{position:relative;display:flex;align-items:center}.dropdown-input{width:100%;padding:8px 36px 8px 12px;border:2px solid var(--border-light);border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease;cursor:pointer}.dropdown-input:focus{outline:none;border-color:#20b2aa;box-shadow:0 0 0 3px #20b2aa1a;cursor:text}.dropdown-input:hover:not(:disabled){border-color:#20b2aa}.dropdown-input:disabled{background:#f5f5f5;cursor:not-allowed}.dropdown-input.has-value{color:var(--text-primary);font-weight:500}.dropdown-arrow{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;color:#666;transition:all .2s ease;border-radius:4px;display:flex;align-items:center;justify-content:center}.dropdown-arrow:hover:not(:disabled){background:#0000000d;color:#20b2aa}.dropdown-arrow.open{transform:rotate(180deg);color:#20b2aa}.dropdown-arrow:disabled{cursor:not-allowed;opacity:.5}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #20b2aa;border-top:none;border-radius:0 0 6px 6px;max-height:250px;overflow-y:auto;z-index:1200;box-shadow:0 4px 12px #00000026}.selected-summary{padding:8px 12px;background:var(--primary-light);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;font-size:12px}.selected-count{color:#20b2aa;font-weight:500}.action-buttons{display:flex;gap:8px;align-items:center}.select-all-btn,.clear-all-btn{background:none;border:none;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:3px;transition:all .2s ease;font-weight:500}.select-all-btn{color:#20b2aa}.select-all-btn:hover:not(:disabled){background:#20b2aa1a}.select-all-btn:disabled{opacity:.5;cursor:not-allowed}.clear-all-btn{color:#e74c3c}.clear-all-btn:hover:not(:disabled){background:#e74c3c1a}.clear-all-btn:disabled{opacity:.5;cursor:not-allowed}.search-info{padding:8px 12px;font-size:12px;color:var(--text-secondary);background:var(--background-light);border-bottom:1px solid var(--border-light);font-style:italic}.dropdown-option{padding:8px 12px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05);font-size:14px;line-height:1.4}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover,.dropdown-option.focused{background:var(--primary-light)}.dropdown-option.selected{background:#20b2aa;border-left:3px solid #20b2aa}.dropdown-option.selected:hover,.dropdown-option.selected.focused{background:#20b2aa26}.option-content{display:flex;align-items:center;gap:8px}.option-checkbox{position:relative;display:flex;align-items:center;width:16px;height:16px}.option-checkbox input[type=checkbox]{position:absolute;opacity:0;width:16px;height:16px;margin:0;cursor:pointer}.checkbox-mark{position:absolute;width:16px;height:16px;border:2px solid #ddd;border-radius:3px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;transition:all .2s ease}.dropdown-option.selected .checkbox-mark{background:#20b2aa;border-color:#20b2aa}.option-text{flex:1}.dropdown-option mark{background:#ffeb3b99;color:inherit;font-weight:600;padding:0}.dropdown-option.focused mark,.dropdown-option:hover mark{background:#ffeb3bcc}.no-results{padding:12px;text-align:center;color:var(--text-secondary);font-style:italic;font-size:14px}.selected-items-display{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;min-height:40px;max-height:80px;overflow-y:auto;padding:4px 0}@media(max-width:768px){.selected-items-display{display:none}}.selected-item-tag{display:inline-flex;align-items:center;gap:4px;background:var(--primary-light, #e0f7f7);color:var(--primary-dark, #008b8b);padding:4px 8px;border-radius:4px;font-size:13px;font-weight:500;border:1px solid var(--primary-color, #20b2aa)}.remove-item-btn{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:16px;font-weight:700;line-height:1;padding:0;margin-left:2px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.remove-item-btn:hover{background:#e74c3c1a;color:#c0392b}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-options{animation:dropdownSlide .15s ease-out}.simple-multi-select-dropdown .dropdown-input.error{border-color:var(--danger-color)}.simple-multi-select-dropdown .dropdown-input.error:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px #e74c3c1a}@media(max-width:768px){.dropdown-options{max-height:200px}.dropdown-option{padding:12px;font-size:16px}.dropdown-input{font-size:16px}.selected-item-tag{font-size:14px;padding:6px 10px}.remove-item-btn{width:18px;height:18px;font-size:18px}}.custom-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.custom-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;min-width:320px;max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:slideIn .3s ease-out;position:relative}.custom-modal-header{display:flex;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.custom-modal-icon{font-size:24px;margin-right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.custom-modal-title{flex:1;font-size:18px;font-weight:600;color:#1f2937;margin:0}.custom-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.custom-modal-close:hover{color:#374151;background:#e5e7eb}.custom-modal-body{padding:20px 24px}.custom-modal-message{font-size:14px;line-height:1.5;color:#4b5563;margin:0;white-space:pre-wrap}.custom-modal-footer{padding:16px 24px 20px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #e5e7eb;background:#f9fafb}.custom-modal-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;min-width:80px}.custom-modal-btn-primary{background:#20b2aa;color:#fff;border-color:#20b2aa}.custom-modal-btn-primary:hover{background:#008b8b;border-color:#008b8b}.custom-modal-btn-secondary{background:#fff;color:#6b7280;border-color:#d1d5db}.custom-modal-btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.custom-modal-btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.custom-modal-btn-danger:hover{background:#dc2626;border-color:#dc2626}.custom-modal-btn-success{background:#10b981;color:#fff;border-color:#10b981}.custom-modal-btn-success:hover{background:#059669;border-color:#059669}.custom-modal-success .custom-modal-header{background:#f0fdf4;border-bottom-color:#bbf7d0}.custom-modal-error .custom-modal-header{background:#fef2f2;border-bottom-color:#fecaca}.custom-modal-warning .custom-modal-header{background:#fffbeb;border-bottom-color:#fed7aa}.custom-modal-confirm .custom-modal-header{background:#fef3c7;border-bottom-color:#fde68a}.custom-modal-info .custom-modal-header{background:#eff6ff;border-bottom-color:#bfdbfe}@media(max-width:640px){.custom-modal{width:95%;margin:20px}.custom-modal-header,.custom-modal-body,.custom-modal-footer{padding-left:16px;padding-right:16px}.custom-modal-footer{flex-direction:column}.custom-modal-btn{width:100%}}@media(prefers-reduced-motion:reduce){.custom-modal-overlay,.custom-modal{animation:none}}.custom-modal:focus{outline:none}.custom-modal-btn:focus{outline:2px solid #20b2aa;outline-offset:2px}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.filter-datepicker-wrapper{position:relative;display:flex;align-items:center;background:var(--white, #ffffff);border:2px solid var(--border-light, #e9ecef);border-radius:var(--border-radius, 8px);transition:all .2s ease;min-height:40px;width:100%}.filter-datepicker-wrapper:hover{border-color:var(--primary-color, #20b2aa);box-shadow:0 2px 8px #20b2aa1a}.filter-datepicker-input{flex:1;border:2px solid var(--border-light, #e9ecef);border-radius:var(--border-radius, 8px);outline:none;background:var(--white, #ffffff);padding:8px 12px;font-size:13px;color:var(--text-primary, #333);cursor:pointer;width:100%;transition:all .2s ease;min-height:40px}.filter-datepicker-input:hover{border-color:var(--primary-color, #20b2aa);box-shadow:0 2px 8px #20b2aa1a}.filter-datepicker-input:focus{border-color:var(--primary-color, #20b2aa);box-shadow:0 0 0 3px #20b2aa1a}.filter-datepicker-input::placeholder{color:var(--text-secondary, #6c757d);font-style:italic}.filter-datepicker-icon{font-size:16px;margin-right:8px;color:var(--text-secondary, #6c757d);pointer-events:none}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%;display:block}.filter-calendar{border:none;box-shadow:0 8px 32px #00000026;border-radius:12px;font-family:inherit;background:#fff;font-size:13px}.filter-popper{z-index:100002}.react-datepicker-popper{z-index:100002!important}.react-datepicker-popper[data-placement^=bottom]{margin-top:4px}.react-datepicker-popper[data-placement^=top]{margin-bottom:4px}.react-datepicker{position:relative;max-height:none!important;overflow:visible!important}.filter-calendar .react-datepicker__header{background:var(--primary-color, #20b2aa);border-bottom:none;border-radius:12px 12px 0 0;padding:12px 0}.filter-calendar .react-datepicker__current-month{color:#fff;font-weight:600;font-size:14px;margin-bottom:6px}.filter-calendar .react-datepicker__day-name{color:#000;font-weight:600;width:1.8rem;margin:.15rem;font-size:11px}.filter-calendar .react-datepicker__navigation{top:12px;width:20px;height:20px;border-radius:50%}.filter-calendar .react-datepicker__navigation-icon:before{border-color:#fff;border-width:2px 2px 0 0;width:5px;height:5px}.filter-calendar .react-datepicker__month-dropdown,.filter-calendar .react-datepicker__year-dropdown{background:#fff;border:1px solid var(--border-light, #e9ecef);border-radius:6px;box-shadow:0 4px 16px #0000001a;max-height:150px;overflow-y:auto;font-size:12px}.filter-calendar .react-datepicker__month-option,.filter-calendar .react-datepicker__year-option{padding:6px 10px;cursor:pointer}.filter-calendar .react-datepicker__month{background:#fff;padding:12px}.filter-calendar .react-datepicker__day{width:1.8rem;height:1.8rem;line-height:1.8rem;margin:.15rem;border-radius:50%;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.filter-calendar .react-datepicker__day:hover{background:var(--primary-color, #20b2aa);color:#fff;transform:scale(1.05)}.filter-calendar .react-datepicker__day--selected{background:var(--primary-color, #20b2aa);color:#fff;font-weight:600}.filter-calendar .react-datepicker__day--today{background:var(--secondary-color, #ff6b9d);color:#fff;font-weight:600}.filter-calendar .react-datepicker__today-button{background:var(--secondary-color, #ff6b9d);color:#fff;border:none;padding:8px 12px;margin:8px;border-radius:4px;font-weight:600;cursor:pointer;font-size:12px;font-family:inherit}.filter-calendar .react-datepicker__close-icon{right:30px;width:14px;height:14px;background:var(--text-secondary, #6c757d);border-radius:50%}.filter-calendar .react-datepicker__close-icon:after{content:"×";color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.react-datepicker__portal .filter-calendar{margin:16px;max-width:85vw;max-height:85vh}@media(max-width:768px){.filter-datepicker-input{font-size:16px;-webkit-appearance:none}.filter-calendar .react-datepicker__day{width:2.2rem;height:2.2rem;line-height:2.2rem;margin:.2rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.react-datepicker-popper{z-index:100002!important}.filter-calendar .react-datepicker__navigation{width:30px;height:30px;touch-action:manipulation}.filter-calendar{max-width:calc(100vw - 32px);overflow:visible!important}}.amendment-form-error{padding:2rem;text-align:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:#dc2626}.amendment-form-error p{margin-bottom:1rem;font-weight:500}.case-card{margin-bottom:1.5rem;background:var(--white);border-radius:var(--border-radius-large);box-shadow:var(--shadow-light);transition:all .3s ease;border:1px solid var(--border-light);overflow:hidden}@keyframes urgentCardPulse{0%,to{border-left-color:var(--status-color, transparent);box-shadow:0 0 0 0 transparent}50%{border-left-color:transparent;box-shadow:0 0 9px 1px var(--status-color, transparent)}}.case-card.case-urgent{border-left-width:4px;border-left-style:solid;border-left-color:var(--status-color, transparent);animation:urgentCardPulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.case-card.case-urgent{animation:none;border-left-color:var(--status-color, transparent)}}.case-card.overdue{border-left:4px solid var(--danger-color)}.case-card.expanded{box-shadow:var(--shadow-large)}.case-card-header{padding:1.5rem;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.case-header-main{display:flex;flex-direction:column;gap:.75rem;flex:1}.case-title-section{display:flex;flex-direction:column;gap:.5rem}.case-reference{margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.urgency-indicator{font-size:.75rem;background:var(--warning-color);padding:.25rem .5rem;border-radius:1rem;animation:pulse 2s infinite}.overdue-indicator{font-size:.75rem;background:var(--danger-color);padding:.25rem .5rem;border-radius:1rem;animation:pulse 2s infinite}.case-basic-info{display:flex;flex-direction:column;gap:.25rem;opacity:.9}.hospital-name{font-size:.875rem;font-weight:500}.doctor-name{font-size:.75rem;opacity:.8}.case-meta-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.surgery-date{display:flex;flex-direction:column;align-items:center;gap:.25rem}.date-label{font-size:.75rem;opacity:.8}.date-value{font-size:.875rem;font-weight:600}.case-header-actions{display:flex;align-items:center;gap:1rem}.expansion-toggle{display:flex;align-items:center;gap:.5rem;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:2rem;cursor:pointer;transition:all .2s ease}.expansion-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.toggle-icon{transition:transform .2s ease}.expansion-toggle.expanded .toggle-icon{transform:rotate(90deg)}.case-card-body{padding:1.5rem}.case-details{display:flex;flex-direction:column;gap:1.5rem}.case-card .case-details .details-grid{display:flex!important;flex-direction:column!important;gap:1rem!important;grid-template-columns:unset!important}.case-card .detail-row{display:grid;gap:1rem;width:100%}.case-card .detail-row-3col{grid-template-columns:1fr 1fr 1fr}.case-card .detail-row-2col{grid-template-columns:1fr 1fr}.case-card .detail-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.case-card .detail-item .detail-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.case-card .detail-item .detail-value{font-size:.875rem;color:var(--text-primary);font-weight:500}.case-card .detail-item.full-width{grid-column:1 / -1}@media(max-width:768px){.case-card .detail-row-3col,.case-card .detail-row-2col{grid-template-columns:1fr}}.case-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.case-info-item{display:flex;flex-direction:column;gap:.25rem}.case-info-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.case-info-value{font-size:.875rem;color:var(--text-primary);font-weight:500}.case-equipment-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.equipment-group{display:flex;flex-direction:column;gap:.75rem}.equipment-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.equipment-items{display:flex;flex-wrap:wrap;gap:.5rem}.equipment-tag{background:var(--primary-light);color:var(--primary-color);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;border:1px solid var(--primary-color)}.no-equipment{color:var(--text-secondary);font-style:italic;font-size:.875rem}.equipment-item-wrapper{display:flex;flex-direction:column;gap:.25rem}.equipment-transfer-indicator{font-size:.7rem;font-weight:600;font-style:italic;margin-left:.5rem;padding:.125rem .25rem;background:none;border:none;cursor:default;display:inline-block}.equipment-transfer-indicator.clickable{cursor:pointer;text-decoration:underline;transition:opacity .2s,transform .1s}.equipment-transfer-indicator.clickable:hover{opacity:.8;text-decoration:underline}.equipment-transfer-indicator.clickable:active{transform:scale(.95)}.equipment-transfer-indicator.transfer-from{color:#1976d2}.equipment-transfer-indicator.transfer-to{color:#f57c00}.transfer-history{padding:1rem;background:var(--background-light);border-radius:var(--border-radius);border-left:4px solid #20b2aa;margin-bottom:1rem}.transfer-history-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.transfer-history-list{display:flex;flex-direction:column;gap:1rem}.transfer-history-item{background:#fff;padding:.75rem;border-radius:6px;border:1px solid #e0e0e0}.transfer-history-item-name{font-size:.875rem;margin-bottom:.5rem;color:var(--text-primary)}.transfer-history-entries{display:flex;flex-direction:column;gap:.5rem;margin-left:1rem}.transfer-history-entry{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:#f5f5f5;border-radius:4px;font-size:.8rem}.transfer-history-from{color:#1976d2;font-weight:600}.transfer-history-to{color:#f57c00;font-weight:600}.transfer-history-date{color:#666;font-size:.75rem;font-style:italic}.special-instructions{padding:1rem;background:var(--background-light);border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.instructions-title{font-size:.875rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.instructions-content{font-size:.875rem;line-height:1.5;color:var(--text-primary)}.process-details{padding:1rem;background:var(--primary-light);border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.process-title{font-size:.875rem;font-weight:600;margin:0 0 .5rem;color:var(--primary-color)}.process-content{font-size:.875rem;line-height:1.5;color:var(--text-primary)}.amendment-info{padding:1rem;background:#fff3e0;border-radius:var(--border-radius);border-left:4px solid var(--warning-color)}.amendment-title{font-size:.875rem;font-weight:600;margin:0 0 .5rem;color:var(--warning-color)}.amendment-details{display:flex;flex-direction:column;gap:.25rem}.amendment-by,.amendment-date{font-size:.75rem;color:var(--text-secondary)}.case-timeline{display:flex;gap:2rem;padding:1rem;background:var(--background-light);border-radius:var(--border-radius)}.timeline-item{display:flex;flex-direction:column;gap:.25rem}.timeline-label{font-size:.75rem;color:var(--text-secondary)}.timeline-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.timeline-value.urgent{color:var(--danger-color)}.section-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;background:var(--background-light);border:1px solid var(--border-light);border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:all .2s ease}.section-toggle:hover{background:var(--primary-light);border-color:var(--primary-color)}.toggle-arrow{transition:transform .2s ease}.toggle-arrow.open{transform:rotate(180deg)}.status-history-section{margin-top:1rem}.status-history-list{margin-top:.5rem;border:1px solid var(--border-light);border-radius:var(--border-radius);overflow:hidden}.status-history-item{padding:1rem;border-bottom:1px solid var(--border-light);display:grid;grid-template-columns:1fr 1fr 1fr;gap:0px;align-items:start}.status-history-item:last-child{border-bottom:none}.history-status{font-weight:600;color:var(--primary-color)}.history-user{color:var(--text-primary)}.history-time{color:var(--text-secondary);font-size:.875rem}.history-details{grid-column:1 / -1;margin-top:.5rem;padding:.5rem;background:var(--background-light);border-radius:var(--border-radius);font-size:.875rem;color:var(--text-primary)}.history-timestamp-row{grid-column:3;text-align:right}.history-timestamp{font-size:.875rem;color:var(--text-secondary)}.history-processor{color:var(--text-primary);font-size:.875rem}.history-attachments{grid-column:1 / -1;margin-top:.5rem;padding:.75rem;background:#f8fafc;border-radius:var(--border-radius);border:1px solid #e2e8f0}.attachments-label{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.25rem}.attachments-grid{display:flex;flex-wrap:wrap;gap:.5rem}.attachment-preview{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:var(--border-radius);transition:all .2s ease}.attachment-preview:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.attachment-thumbnail{max-width:60px;max-height:60px;object-fit:cover;border-radius:4px;cursor:pointer}.attachment-file{display:flex;align-items:center;padding:.5rem;font-size:.75rem;color:var(--text-secondary);max-width:80px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.attachment-error{padding:.5rem;font-size:.75rem;color:var(--danger-color);background:#fef2f2;border:1px solid #fecaca;border-radius:4px}.case-card-footer{padding:1rem 1.5rem;background-color:var(--background-light);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.case-meta-info{display:flex;flex-direction:column;gap:.25rem}.submission-info{font-size:.75rem;color:var(--text-secondary)}.urgency-warning{font-size:.75rem;color:var(--warning-color);font-weight:600}.case-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.amendment-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100000;padding:1rem}.amendment-form-modal{background:var(--white);border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);width:100%;max-width:800px;max-height:calc(90vh - 80px);overflow-y:auto;border:1px solid #e5e7eb;outline:none;padding-bottom:80px}.amendment-form-header{padding:1.5rem 1.5rem 0;display:flex;justify-content:space-between;align-items:center;background:var(--white);border-radius:var(--border-radius-medium);box-shadow:0 1px 3px #0000001a}.amendment-form-header h3{margin:0;color:var(--text-primary)}.close-button{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s ease}.close-button:hover{background:var(--danger-color);color:#fff}.amendment-form{padding:0;background:#f8fafc}.status-edit-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100000;padding:1rem}.status-edit-modal{background:var(--white);border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);width:100%;max-width:520px;max-height:calc(90vh - 80px);overflow-y:auto;border:1px solid #e5e7eb;outline:none}.status-edit-modal .status-edit-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.status-edit-modal .status-edit-header h3{margin:0;color:var(--text-primary)}.status-edit-modal .status-edit-close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:6px}.status-edit-modal .status-edit-close:hover{background:#f1f5f9}.status-edit-modal .status-edit-body{padding:1.25rem 1.5rem}.status-edit-modal .status-edit-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.amendment-form .form-grid{padding:1.5rem;background:var(--white);border-radius:var(--border-radius-medium);box-shadow:0 1px 3px #0000001a}.sets-section{margin-bottom:1.5rem}.amendment-form .sets-section{padding:1.5rem;background:var(--white);border-radius:var(--border-radius-medium);box-shadow:0 1px 3px #0000001a}.sets-section h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.amendment-form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;background:var(--white);border-radius:var(--border-radius-medium);box-shadow:0 1px 3px #0000001a;margin-top:0}.amendment-history{padding:1rem;background:#fff3e0;border-radius:var(--border-radius);border-left:4px solid var(--warning-color);margin-top:1rem}.amendment-history-details{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.amendment-history-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:.75rem}.amendment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.deleted-attachment-entry{border-left:3px solid #e67e22;background:#fff8f0}.deleted-attachment-body{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.deleted-attachment-icon{font-size:1.75rem;line-height:1}.deleted-attachment-info{flex:1;min-width:0}.deleted-attachment-name{font-weight:600;color:var(--text-primary, #333);word-break:break-word}.deleted-attachment-sub{font-size:.8rem;color:#777;margin-top:2px}.deleted-attachment-retention{font-size:.75rem;color:#e67e22;margin-top:2px}.deleted-attachment-actions{display:flex;gap:.5rem;flex-shrink:0}.deleted-attachment-restored{font-size:.75rem;color:#2e7d32;font-weight:600;margin-top:2px}.deleted-attachment-entry.restored{opacity:.75}.deleted-attachment-thumb{margin-right:4px}.amendment-user{font-weight:600;color:var(--text-primary)}.amendment-time{font-size:.875rem;color:var(--text-secondary)}.amendment-reason{margin:.5rem 0;padding:.5rem;background:#f8fafc;border-radius:4px;font-style:italic;color:var(--text-secondary)}.amendment-changes{margin-top:.75rem}.changes-label{font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.changes-grid{display:flex;flex-direction:column;gap:.5rem}.change-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:.75rem;display:grid;grid-template-columns:auto 1fr 1fr;gap:.5rem;align-items:center}.change-field{font-weight:600;color:var(--text-primary);min-width:120px}.change-from,.change-to{font-size:.875rem;padding:.25rem .5rem;border-radius:4px;word-break:break-word;white-space:pre-wrap}.change-from{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.change-to{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.change-added{background:#f0fdf4!important;border:1px solid #bbf7d0!important;color:#16a34a!important;font-weight:600!important;padding:2px 6px!important;border-radius:4px!important}.change-removed{background:#fef2f2!important;border:1px solid #fecaca!important;color:#dc2626!important;font-weight:600!important;padding:2px 6px!important;border-radius:4px!important}.change-addition{border-left:4px solid #16a34a}.change-removal{border-left:4px solid #dc2626}.change-modification{border-left:4px solid #3b82f6}.amendment-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.amendment-badge{background:var(--warning-color);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.case-card .quantity-badge,.case-card .set-item-with-quantity .quantity-badge,.case-card li .quantity-badge,.case-card .detail-item .quantity-badge{background:#20b2aa!important;color:#fff!important;padding:2px 8px!important;border-radius:12px!important;font-size:11px!important;font-weight:600!important;margin-left:8px!important;display:inline-block!important;line-height:1.2!important;min-width:20px!important;text-align:center!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 1px 3px #0000001a!important;background-color:#20b2aa!important;text-shadow:none!important}.case-card .set-item-with-quantity{display:flex;flex-direction:column;align-items:flex-start;padding:4px 0;gap:.25rem}.case-card .set-name{color:var(--text-primary);font-weight:500}.case-card .transfer-indicator{display:inline-block;font-size:10px;padding:2px 6px;margin-left:6px;border-radius:8px;font-weight:500;white-space:nowrap}.case-card .transfer-indicator.transfer-out{background-color:#fef3c7;color:#d97706;border:1px solid #fbbf24}.case-card .transfer-indicator.transfer-in{background-color:#dbeafe;color:#1d4ed8;border:1px solid #60a5fa}.case-card .detail-value .set-item-with-quantity{display:block!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important}.case-card .set-item-with-quantity .transfer-indicator-line,.transfer-indicator-line{display:block!important;font-size:.9rem!important;color:#06c!important;margin-top:.25rem!important;padding-left:0!important;margin-left:0!important;font-style:normal!important;line-height:1.4!important;font-weight:400!important;width:100%!important;clear:both!important;cursor:pointer!important;text-decoration:underline!important;transition:color .2s ease!important}.transfer-indicator-line:hover{color:#004080!important;text-decoration:underline!important}.transfer-history-list{display:flex;flex-direction:column;gap:.25rem}.item-main-row{display:flex;align-items:center;gap:.5rem;width:100%}.case-card .set-item-with-quantity .item-main-row{display:flex;align-items:center;justify-content:space-between;width:100%}@media(max-width:768px){.case-card .transfer-indicator{display:block;margin-left:0;margin-top:4px;font-size:9px}.transfer-indicator-line{font-size:inherit;padding-left:0}}.expand-amendment-button{background:none;border:1px solid var(--warning-color);color:var(--warning-color);padding:.25rem .75rem;border-radius:var(--border-radius);cursor:pointer;font-size:.75rem;transition:all .2s ease}.expand-amendment-button:hover{background:var(--warning-color);color:#fff}.amendment-content{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,152,0,.3)}.original-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.original-value-item{display:flex;flex-direction:column;gap:.25rem}.original-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.original-value{font-size:.875rem;color:var(--text-primary);font-weight:500;padding:.5rem;background:#ff98001a;border-radius:var(--border-radius);border:1px solid rgba(255,152,0,.3)}.amendment-metadata{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,152,0,.3)}.amendment-meta-item{font-size:.875rem;color:var(--text-secondary)}.amendment-meta-item strong{color:var(--text-primary)}.transfer-history{padding:1rem;background:#f8fafc;border-radius:var(--border-radius);border-left:4px solid #0ea5e9;margin-top:1rem}.transfer-history-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.transfer-badge{background:#0ea5e9;color:#fff;padding:.4rem .9rem;border-radius:1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.transfer-content{margin-top:1rem;display:flex;flex-direction:column;gap:0}.transfer-table-wrapper{background:#fff;border:2px solid #cbd5e1;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.transfer-table-wrapper+.transfer-table-wrapper{margin-top:3rem;padding-top:3rem;border-top:4px solid #64748b;position:relative}.transfer-table-wrapper+.transfer-table-wrapper:before{content:"";position:absolute;top:-1.5rem;left:0;right:0;height:3px;background:#94a3b8;box-shadow:0 2px 4px #00000026}.transfer-header-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f1f5f9;border-bottom:2px solid #e2e8f0;flex-wrap:wrap;gap:.5rem}.transfer-title-cell{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.transfer-title-cell strong{font-size:1rem;color:#1e293b}.transfer-type-badge{display:inline-block!important;padding:.25rem .65rem;border-radius:.5rem;font-size:.75rem;font-weight:600;white-space:nowrap!important;word-break:keep-all}.transfer-type-badge strong{display:inline!important;white-space:nowrap!important}.transfer-type-badge.sent{background:#fed7aa;color:#9a3412}.transfer-type-badge.received{background:#bfdbfe;color:#1e40af}.transfer-date-cell{font-size:.875rem;color:#64748b;font-weight:500}.transfer-details-table{width:100%;border-collapse:collapse}.transfer-details-table tbody tr{border-bottom:1px solid #e5e7eb}.transfer-details-table tbody tr:last-child{border-bottom:none}.transfer-details-table td{padding:.875rem 1rem;vertical-align:middle}.label-cell{font-size:.875rem;color:#64748b;font-weight:600;width:35%;vertical-align:middle;line-height:1.5;padding-top:.875rem;padding-bottom:.875rem}.value-cell{font-size:.9rem;color:#1e293b;font-weight:500;vertical-align:middle;line-height:1.5;padding-top:.875rem;padding-bottom:.875rem}.value-cell strong{color:#0ea5e9;font-weight:600}.transfer-case-row td{white-space:nowrap!important}.transfer-case-row td strong{display:inline!important;white-space:nowrap!important}.transfer-items-header-row{background:#fafafa}.transfer-items-header-row .label-cell{padding-top:1rem;padding-bottom:.5rem}.transfer-item-data-row{background:#fff}.transfer-item-data-row:hover{background:#f9fafb}.item-name-cell{font-size:.9rem;color:#1e293b;font-weight:500;padding-left:2rem}.item-name-cell div{line-height:1.5}.item-name-cell strong{display:block;margin-bottom:.25rem;font-weight:600;color:#475569}.item-details-cell{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.item-type{font-size:.8rem;color:#64748b}.item-quantity{font-size:.85rem;color:#0ea5e9;font-weight:600;padding:.2rem .6rem;background:#f0f9ff;border-radius:.5rem;border:1px solid #bae6fd}.item-type-plain{font-size:.8rem;color:#64748b;font-weight:500}.item-quantity-plain{font-size:.85rem;color:#1e293b;font-weight:600}.no-transfers{padding:2rem;text-align:center;color:#94a3b8;font-style:italic}@media(max-width:768px){.transfer-history{padding:.75rem}.transfer-history-header-container{flex-direction:column;align-items:stretch}.transfer-badge{text-align:center}.expand-transfer-button{width:100%;justify-content:center}.transfer-content{gap:0}.transfer-header-row{flex-direction:row;align-items:center;padding:.875rem;flex-wrap:nowrap;gap:.5rem}.transfer-title-cell{flex-wrap:nowrap;gap:.5rem;width:100%}.transfer-type-badge{white-space:nowrap!important;display:inline-block!important}.transfer-type-badge strong{display:inline!important}.transfer-date-cell{font-size:.8rem}.transfer-details-table td{padding:.75rem 1rem}.transfer-case-row td{display:table-cell!important;padding:.875rem 1rem!important;white-space:nowrap!important}.transfer-case-row td strong{display:inline!important;white-space:nowrap!important}.label-cell{padding-bottom:.25rem;border-bottom:none}.value-cell{padding-top:.25rem}.transfer-item-data-row{display:table-row}.transfer-item-data-row td{display:table-cell;padding:.5rem 1rem;vertical-align:middle}.item-name-cell{padding-left:1rem}.item-name-cell div{line-height:1.6}.item-details-cell{display:none}}@media(max-width:768px){.case-card-header{flex-direction:column;align-items:stretch}.case-header-main{margin-bottom:1rem}.amendment-form-header{padding:1rem!important;margin-bottom:1rem!important}.amendment-form-header h3{font-size:1.1rem!important}.amendment-form .form-grid{padding:1rem!important;gap:.75rem!important}.amendment-form .sets-section{padding:1rem!important;margin-top:.75rem!important}.amendment-form .form-actions{padding:1rem!important;gap:.75rem!important}.amendment-form .form-actions .btn{padding:.75rem 1rem!important;font-size:.9rem!important}.case-meta-section{justify-content:space-between}.case-info-grid,.case-equipment-section{grid-template-columns:1fr}.case-timeline{flex-direction:column;gap:1rem}.status-history-item{grid-template-columns:1fr;gap:.5rem}.history-timestamp-row{grid-column:auto;text-align:left}.attachments-grid{flex-direction:column;align-items:flex-start}.attachment-preview{width:100%;max-width:200px}.case-card-footer{flex-direction:column;align-items:stretch}.case-actions{justify-content:center}.form-grid{grid-template-columns:1fr}.amendment-form-actions{flex-direction:column}.original-values-grid{grid-template-columns:1fr}.amendment-history-item{padding:.75rem}.amendment-header{flex-direction:column;align-items:flex-start;gap:.25rem}.change-item{grid-template-columns:1fr;gap:.25rem}.change-field{min-width:auto;font-size:.875rem}.change-from,.change-to{font-size:.8rem;padding:.25rem .4rem}}.attachment-preview-detailed{margin-top:.75rem;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--border-radius)}.attachment-preview-detailed p{margin:0 0 .5rem;font-size:.875rem;color:var(--text-primary)}.attachment-list{display:flex;flex-direction:column;gap:.5rem}.attachment-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem;background:transparent;border:none;border-radius:0;transition:background .2s ease}.attachment-item:hover{background:#00000005}.attachment-name{font-size:.875rem;color:var(--text-primary);font-weight:500;flex:1;margin-right:.5rem;word-break:break-word}.btn-remove-attachment{background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.btn-remove-attachment:hover{background:#dc2626;transform:scale(1.1)}.btn-remove-attachment:active{transform:scale(.95)}@media(max-width:768px){.attachment-preview-detailed{padding:.5rem}.attachment-item{padding:.4rem}.attachment-name{font-size:.8rem}.btn-remove-attachment{width:22px;height:22px;font-size:12px}}.react-datepicker-popper,.react-datepicker__portal{z-index:100002!important}.amendment-date-picker-wrapper{position:relative;z-index:1}.amendment-form-modal .react-datepicker-wrapper{position:relative;z-index:100001}.amendment-form-modal .react-datepicker-popper,.amendment-form-modal .react-datepicker__portal,.react-datepicker-popper[data-placement^=bottom],.react-datepicker-popper[data-placement^=top],.amendment-form-modal .date-picker-dropdown,.amendment-form-modal .time-picker-dropdown,.amendment-form-modal .custom-datetime-picker-dropdown{z-index:100002!important}.amendment-form-modal input[type=date]::-webkit-calendar-picker-indicator,.amendment-form-modal input[type=datetime-local]::-webkit-calendar-picker-indicator{z-index:100002!important}.case-card{position:relative}.needs-action-badge{position:absolute;top:.75rem;right:.75rem;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--warning-color);color:#fff;font-weight:700;font-size:.9rem;line-height:1.5rem;text-align:center;box-shadow:0 0 0 2px #fff;z-index:2;-webkit-user-select:none;user-select:none}@keyframes needsActionBadgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}.needs-action-badge.needs-action-badge-own{background:var(--danger-color);animation:needsActionBadgePulse 2.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.needs-action-badge.needs-action-badge-own{animation:none}}@keyframes leftBorderPulse{0%,to{border-left-color:var(--status-color, transparent)}50%{border-left-color:transparent}}.case-card.flash-border{border-left-width:4px;border-left-style:solid;border-left-color:var(--status-color, transparent);animation:leftBorderPulse 2.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.case-card.flash-border{animation:none;border-left-color:var(--status-color, var(--warning-color))}}@keyframes urgentBadgeFlash{0%{opacity:1;transform:scale(1) rotate(0)}15%{opacity:1;transform:scale(1.1) rotate(-12deg)}30%{opacity:.7;transform:scale(1.1) rotate(12deg)}45%{opacity:1;transform:scale(1.1) rotate(-8deg)}60%{opacity:.7;transform:scale(1.05) rotate(8deg)}75%{opacity:1;transform:scale(1) rotate(0)}to{opacity:.45;transform:scale(.92) rotate(0)}}.urgent-badge{position:absolute;top:.75rem;left:.75rem;font-size:1.05rem;line-height:1;z-index:3;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 1px rgba(0,0,0,.35))}.urgent-badge-flash{animation:urgentBadgeFlash 1.1s ease-in-out infinite}.urgent-toggle{position:absolute;top:.6rem;left:.6rem;display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;font-size:1rem;line-height:1;z-index:4;filter:grayscale(1) opacity(.45);transition:filter .15s ease,transform .1s ease}.urgent-toggle:hover{filter:grayscale(.4) opacity(.85);transform:scale(1.1)}.urgent-toggle.urgent-toggle-on{filter:none}.urgent-toggle.urgent-toggle-busy{cursor:wait;opacity:.6;animation:urgent-busy-pulse .9s ease-in-out infinite}.urgent-toggle.urgent-toggle-busy:hover{transform:none;filter:none}@keyframes urgent-busy-pulse{0%,to{opacity:.45}50%{opacity:.8}}@media(prefers-reduced-motion:reduce){.urgent-badge-flash,.urgent-toggle.urgent-toggle-busy{animation:none}}.pending-action-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .5rem;border-radius:1rem;background:var(--warning-color);color:#fff;font-weight:700;font-size:.8rem;margin-left:.5rem;vertical-align:middle}.pending-action-count-badge.pending-action-count-badge-own{background:var(--danger-color);animation:needsActionBadgePulse 2.5s ease-in-out infinite}.pending-action-count-badge-clickable{cursor:pointer;border:none;outline:none;transition:transform .12s ease-in-out,box-shadow .12s ease-in-out}.pending-action-count-badge-clickable:hover{transform:scale(1.08);box-shadow:0 0 0 2px #0000001f}.pending-action-count-badge-clickable:focus-visible{box-shadow:0 0 0 3px #3498db73}@media(prefers-reduced-motion:reduce){.pending-action-count-badge.pending-action-count-badge-own{animation:none}.pending-action-count-badge-clickable{transition:none}.pending-action-count-badge-clickable:hover{transform:none}}.status-success-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease!important}.status-success-popup{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease!important;position:relative;overflow:hidden;z-index:10000}.success-icon{margin-bottom:20px;display:flex;justify-content:center}.success-checkmark{width:80px;height:80px;position:relative;display:inline-block;vertical-align:top}.checkmark-svg{width:80px;height:80px;display:block;margin:0 auto}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#4caf50;fill:#4caf50;animation:checkmarkCircle .6s cubic-bezier(.65,0,.45,1) forwards;animation-delay:.1s}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;animation:checkmarkCheck .3s cubic-bezier(.65,0,.45,1) forwards;animation-delay:.5s}.success-content h3{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 12px}.success-content p{color:#5a6c7d;font-size:16px;line-height:1.5;margin:0}.close-button{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;color:#bbb;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;line-height:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.close-button:hover{background:#f5f5f5;color:#666}.close-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.auto-close-indicator{position:absolute;bottom:0;left:0;right:0;height:4px;background:#e0e6ed;overflow:hidden}.auto-close-bar{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);width:0;animation:autoCloseProgress 3s linear!important}@keyframes slideIn{0%{transform:scale(.8) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes checkmarkCircle{0%{stroke-dashoffset:166;fill-opacity:0}to{stroke-dashoffset:0;fill-opacity:1}}@keyframes checkmarkCheck{0%{stroke-dashoffset:48}to{stroke-dashoffset:0}}@keyframes autoCloseProgress{0%{width:0}to{width:100%}}@media(max-width:480px){.status-success-popup{padding:24px;margin:20px}.success-checkmark,.checkmark-svg{width:60px;height:60px}.success-content h3{font-size:20px}.success-content p{font-size:14px}}@media(prefers-reduced-motion:reduce){.status-success-overlay,.status-success-popup{animation:none!important}.status-success-popup{transform:none!important}.checkmark-circle,.checkmark-check{animation:none!important}.checkmark-circle{stroke-dashoffset:0!important;fill-opacity:1!important}.checkmark-check{stroke-dashoffset:0!important}.auto-close-bar{animation:none!important;width:100%!important}}.transfer-modal-overlay{position:fixed;inset:0;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:0;animation:transferFadeIn .2s ease-out}@keyframes transferFadeIn{0%{opacity:0}to{opacity:1}}.transfer-modal{background:#fff;border-radius:0;width:100%;height:100%;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #0000004d;animation:transferSlideUp .3s ease-out}@keyframes transferSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:768px){.transfer-modal-overlay{padding:20px}.transfer-modal{width:90%;max-width:800px;height:auto;max-height:90vh;border-radius:12px}@keyframes transferSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}}.transfer-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;min-height:60px;position:sticky;top:0;z-index:10002}.transfer-modal-title-section{display:flex;align-items:center;gap:12px;flex:1}.transfer-back-button{background:none;border:none;color:#20b2aa;font-size:16px;font-weight:500;padding:8px 12px;cursor:pointer;border-radius:6px;min-height:44px;display:flex;align-items:center;transition:background-color .2s;-webkit-tap-highlight-color:transparent}.transfer-back-button:hover{background-color:#20b2aa14}.transfer-back-button:active{background-color:#20b2aa29}.transfer-back-button:disabled{opacity:.5;cursor:not-allowed}.transfer-modal-title{font-size:18px;font-weight:600;color:#212121;margin:0;flex:1}@media(min-width:768px){.transfer-modal-title{font-size:20px}}.transfer-modal-close{background:none;border:none;font-size:32px;color:#666;cursor:pointer;padding:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s;-webkit-tap-highlight-color:transparent}.transfer-modal-close:hover{background-color:#0000000a}.transfer-modal-close:active{background-color:#00000014}.transfer-source-info{padding:12px 16px;background:#e0f7f7;border-bottom:1px solid #20b2aa;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.transfer-label{font-weight:600;color:#008b8b;font-size:14px}.transfer-value{color:#066;font-size:14px;word-break:break-word}.transfer-error-message{padding:12px 16px;background:#ffebee;border-left:4px solid #f44336;color:#c62828;font-size:14px;line-height:1.5}.transfer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.transfer-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#20b2aa;border-radius:50%;animation:transferSpin .8s linear infinite}@keyframes transferSpin{to{transform:rotate(360deg)}}.transfer-loading p{color:#666;font-size:14px}.transfer-case-selector{flex:1;display:flex;flex-direction:column;overflow:hidden}.transfer-search-container{padding:16px;border-bottom:1px solid #e0e0e0;position:relative}.transfer-search-input{width:100%;padding:12px 40px 12px 12px;border:1px solid #ccc;border-radius:8px;font-size:16px;box-sizing:border-box;min-height:44px}.transfer-search-input:focus{outline:none;border-color:#20b2aa;box-shadow:0 0 0 3px #20b2aa1a}.transfer-search-clear{position:absolute;right:24px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:24px;color:#666;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-tap-highlight-color:transparent}.transfer-search-clear:hover{background-color:#0000000a}.transfer-results-count{padding:12px 16px;font-size:14px;color:#666;border-bottom:1px solid #e0e0e0}.transfer-cases-list{flex:1;overflow-y:auto;padding:8px}@media(max-width:768px){.transfer-cases-list{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.transfer-items-container{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}}.transfer-no-cases{padding:60px 20px;text-align:center;color:#999;font-size:14px}.transfer-case-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.transfer-case-item:hover{border-color:#20b2aa;box-shadow:0 2px 8px #20b2aa26}.transfer-case-item:active{transform:scale(.98)}.transfer-case-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.transfer-case-ref{font-weight:600;font-size:16px;color:#212121}.transfer-case-status{font-size:12px;padding:4px 8px;border-radius:4px;background:#e0f7f7;color:#008b8b;white-space:nowrap}.transfer-case-item[data-status="Case Booked"] .transfer-case-status{background:linear-gradient(135deg,#ff9800,#f57c00)!important;color:#fff!important}.transfer-case-item[data-status="Preparing Order"] .transfer-case-status{background:linear-gradient(135deg,#e91e63,#c2185b)!important;color:#fff!important}.transfer-case-item[data-status="Order Prepared"] .transfer-case-status{background:linear-gradient(135deg,#9c27b0,#7b1fa2)!important;color:#fff!important}.transfer-case-item[data-status="Sales Approved"] .transfer-case-status{background:linear-gradient(135deg,#4caf50,#388e3c)!important;color:#fff!important}.transfer-case-item[data-status="Case Completed"] .transfer-case-status{background:linear-gradient(135deg,#757575,#616161)!important;color:#fff!important}.transfer-case-item[data-status="Case Cancelled"] .transfer-case-status{background:linear-gradient(135deg,#f44336,#d32f2f)!important;color:#fff!important}.transfer-case-details{margin-bottom:12px}.transfer-case-detail-row{display:flex;gap:8px;margin-bottom:6px;font-size:14px}.transfer-case-label{color:#666;font-weight:500;min-width:100px}.transfer-case-value{color:#212121}.transfer-case-items{margin-bottom:12px}.transfer-case-items-label{font-size:13px;color:#666;margin-bottom:8px}.transfer-case-items-preview{display:flex;flex-wrap:wrap;gap:6px}.transfer-item-badge{font-size:12px;padding:4px 8px;border-radius:4px;background:#f5f5f5;color:#424242;border:1px solid #e0e0e0}.transfer-item-more{background:#e0e0e0;font-weight:500}.transfer-case-action{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.transfer-select-button{width:100%;padding:12px;background:#20b2aa;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;min-height:44px;transition:background-color .2s;-webkit-tap-highlight-color:transparent}.transfer-select-button:hover{background:#008b8b}.transfer-select-button:active{background:#066}.transfer-item-selector{flex:1;display:flex;flex-direction:column;overflow:hidden}.transfer-destination-info{padding:12px 16px;background:#e8f5e9;border-bottom:1px solid #81c784;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.transfer-destination-info .transfer-label{color:#2e7d32}.transfer-destination-info .transfer-value{color:#1b5e20}.transfer-instructions{padding:12px 16px;background:#fff3e0;border-bottom:1px solid #ffb74d;font-size:14px;color:#e65100;line-height:1.5}.transfer-selection-summary{padding:12px 16px;font-size:14px;font-weight:600;color:#20b2aa;border-bottom:1px solid #e0e0e0}.transfer-items-container{flex:1;overflow-y:auto;padding:16px}.transfer-items-group{margin-bottom:24px}.transfer-items-group-title{font-size:16px;font-weight:600;color:#212121;margin:0 0 12px}.transfer-items-list{display:flex;flex-direction:column;gap:8px}.transfer-item-checkbox-wrapper{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff;min-height:52px;-webkit-tap-highlight-color:transparent}.transfer-item-checkbox-wrapper:hover{border-color:#20b2aa;background:#f5f5f5}.transfer-item-checkbox-wrapper.selected{border-color:#20b2aa;background:#e0f7f7}.transfer-item-checkbox{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.transfer-item-label{flex:1;font-size:15px;color:#212121;cursor:pointer;line-height:1.4}.transfer-item-check{font-size:20px;color:#20b2aa;font-weight:700;width:24px;text-align:center;flex-shrink:0}.transfer-item-actions{padding:16px;border-top:1px solid #e0e0e0;background:#fff;position:sticky;bottom:0;z-index:10001}@media(max-width:768px){.transfer-item-actions{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}.transfer-confirm-section{flex:1;display:flex;flex-direction:column;overflow-y:auto}.transfer-confirm-details{padding:16px;flex:1}.transfer-confirm-row{display:flex;gap:8px;margin-bottom:20px;padding:12px;background:#e8f5e9;border-radius:8px;align-items:center;flex-wrap:wrap}.transfer-confirm-label{font-weight:600;color:#2e7d32}.transfer-confirm-value{color:#1b5e20}.transfer-confirm-items{margin-bottom:20px}.transfer-confirm-items h4{font-size:16px;font-weight:600;color:#212121;margin:0 0 12px}.transfer-confirm-items ul{list-style:none;padding:0;margin:0}.transfer-confirm-items li{padding:10px 12px;background:#f5f5f5;border-radius:6px;margin-bottom:8px;display:flex;gap:8px;align-items:center}.transfer-confirm-item-type{font-weight:600;color:#20b2aa;font-size:14px}.transfer-confirm-item-name{color:#212121;font-size:14px}.transfer-confirm-warning{padding:12px;background:#fff3e0;border-left:4px solid #ff9800;color:#e65100;font-size:14px;line-height:1.5;border-radius:4px}.transfer-confirm-actions{display:flex;gap:12px;padding:16px;border-top:1px solid #e0e0e0;background:#fff;position:sticky;bottom:0;z-index:10001}@media(max-width:768px){.transfer-confirm-actions{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}.transfer-modal-overlay .transfer-button{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;min-height:48px;transition:all .2s;-webkit-tap-highlight-color:transparent}.transfer-button-primary{background:#20b2aa;color:#fff}.transfer-button-primary:hover{background:#008b8b}.transfer-button-primary:active{background:#066}.transfer-button-primary:disabled{background:#b0bec5;cursor:not-allowed;opacity:.6}.transfer-button-secondary{background:#f5f5f5;color:#424242;border:1px solid #e0e0e0}.transfer-button-secondary:hover{background:#eee}.transfer-button-secondary:active{background:#e0e0e0}.transfer-button-secondary:disabled{opacity:.5;cursor:not-allowed}button.batch-usage-form-button{position:relative;overflow:hidden;background:linear-gradient(135deg,#20b2aa,#17a398);color:#fff;border:none;border-radius:50px;padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #20b2aa33;transition:all .3s ease;width:auto;height:auto;margin:10px 0;white-space:nowrap}button.batch-usage-form-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease;pointer-events:none;z-index:1}button.batch-usage-form-button>*{position:relative;z-index:2}button.batch-usage-form-button:hover{background:linear-gradient(135deg,#17a398,#148f86);transform:scale(1.05);box-shadow:0 6px 16px #20b2aa66}button.batch-usage-form-button:hover:before{left:100%}button.batch-usage-form-button:active{transform:scale(.95)}@media(max-width:768px){button.batch-usage-form-button{padding:10px 20px;font-size:12px;margin:8px 0}}.buf-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.buf-modal{background:#fff;border-radius:12px;width:100%;max-width:1040px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000040;overflow:hidden}.buf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #eee}.buf-modal-title{margin:0;font-size:1.15rem;color:#20b2aa}.buf-modal-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#888;padding:0 .25rem}.buf-modal-close:hover:not(:disabled){color:#333}.buf-modal-close:disabled{opacity:.4;cursor:not-allowed}.buf-modal-body{padding:1.5rem 1.75rem;overflow-y:auto}.buf-intro{margin:0 0 1.5rem;font-size:.88rem;line-height:1.5;color:#5a6b6b;background:#f2fbfa;border:1px solid #d5f0ee;border-radius:8px;padding:.85rem 1rem}.buf-filters{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem 1.25rem;margin-bottom:1.5rem}.buf-field{display:flex;flex-direction:column;gap:.4rem}.buf-field label{font-size:.78rem;font-weight:600;color:#555}.buf-field-dates{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.buf-date{display:flex;flex-direction:column;gap:.4rem}.buf-date label{font-size:.78rem;font-weight:600;color:#555}.buf-actions{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.buf-actions-spacer{flex:1 1 auto}.buf-download-all{margin-left:auto}.buf-error{background:#fee;border:1px solid #fcc;color:#991b1b;border-radius:6px;padding:.6rem .75rem;font-size:.85rem;margin-bottom:.75rem}.buf-progress{position:relative;height:22px;background:#eef2f2;border-radius:6px;overflow:hidden;margin-bottom:.75rem}.buf-progress-bar{height:100%;background:#20b2aa;transition:width .2s ease}.buf-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#333}.buf-results-summary{font-size:.88rem;color:#444;margin-bottom:.75rem}.buf-empty{padding:2rem;text-align:center;color:#888}.buf-table-scroll{border:1px solid #eee;border-radius:8px;overflow:auto;max-height:420px}.buf-table{width:100%;border-collapse:collapse;font-size:.86rem}.buf-table th,.buf-table td{text-align:left;padding:.65rem .85rem;border-bottom:1px solid #f0f0f0;white-space:nowrap}.buf-table th{position:sticky;top:0;z-index:1;background:#fafafa;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:#888}.buf-table th.buf-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.buf-table th.buf-sortable:hover{background:#f0f0f0;color:#555}.buf-table tbody tr.buf-row:hover{background:#f7fdfc}.buf-row-clickable{cursor:pointer}.buf-table tbody tr.buf-row-expanded{background:#eefaf9}.buf-col-expand{width:34px;text-align:center;padding-left:.5rem;padding-right:.5rem}.buf-col-files{text-align:center;width:60px}.buf-table td.buf-col-files{text-align:center}.buf-expand-chevron{color:#20b2aa;font-size:.9rem;line-height:1}.buf-case-link{background:none;border:none;padding:0;color:#1976d2;font-weight:600;cursor:pointer;font-size:.86rem;text-decoration:underline;text-underline-offset:2px}.buf-case-link:hover{color:#0d47a1}.buf-attach-row td{background:#f9fbfb;padding:.75rem .85rem 1rem;white-space:normal}.buf-attach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.buf-attach-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:.75rem}.buf-attach-thumb{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:64px;height:64px}.buf-attach-fileicon{font-size:2rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:1px solid #ddd;border-radius:4px}.buf-attach-meta{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%;text-align:center}.buf-attach-name{font-size:.8rem;color:#444;word-break:break-all;line-height:1.25;max-height:2.5em;overflow:hidden}.buf-attach-size{color:#999;font-size:.72rem}.buf-attach-buttons{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.buf-attach-buttons .btn{min-height:30px;padding:.3rem .6rem}.buf-modal-footer{padding:1rem 1.75rem;border-top:1px solid #eee;display:flex;justify-content:flex-end}@media(max-width:768px){.buf-filters{grid-template-columns:1fr}.buf-field-dates{grid-template-columns:1fr 1fr}.buf-modal{max-height:94vh}.buf-modal-body{padding:1.1rem 1rem}}button.status-legend-button{position:relative;background:linear-gradient(135deg,#20b2aa,#17a398);color:#fff;border:none;border-radius:50px;padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #20b2aa33;transition:all .3s ease;width:auto;height:auto;margin:10px 0}button.status-legend-button:hover{background:linear-gradient(135deg,#17a398,#148f86)!important;transform:scale(1.05)!important;box-shadow:0 6px 16px #20b2aa66!important}button.status-legend-button:active{transform:scale(.95)!important}.status-legend-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;padding:20px;box-shadow:0 10px 25px #0000001a;z-index:1001;max-width:400px;width:90%;max-height:80vh;overflow-y:auto}.status-legend-overlay{position:fixed;inset:0;background:#00000080;z-index:999}@media(max-width:768px){button.status-legend-button{padding:10px 20px;font-size:12px;margin:8px 0}.status-legend-modal{width:95%;max-height:90vh}}.status-legend-button,button.status-legend-button{position:relative!important;display:inline-flex!important;inset:auto!important;z-index:auto!important;width:auto!important;height:auto!important;margin:0 10px!important}.status-legend-modal,.status-legend-overlay{position:fixed!important}@media(max-width:768px){.status-legend-button,button.status-legend-button{position:relative!important;bottom:auto!important;right:auto!important}}.legend-department-select{display:flex;align-items:center;gap:8px;padding:12px 20px 16px}.legend-department-select label{font-weight:600;color:#2a3b3b;font-size:13px}.legend-department-select select{flex:1;min-width:0;padding:8px 34px 8px 10px;border:1px solid #cdd8d8;border-radius:8px;font-size:14px;color:#2a3b3b;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2320b2aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px}.legend-empty{padding:20px;text-align:center;color:#5a6b6b;font-size:14px}.permission-matrix{background:var(--white);border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:12px;margin:20px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.permission-matrix-header{margin-bottom:24px}.permission-matrix-header h2{color:var(--text-primary);margin:0 0 16px;font-size:24px;font-weight:600}.permission-controls{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.category-filter,.search-filter{display:flex;flex-direction:column;gap:4px}.category-filter label,.search-filter label{font-size:14px;font-weight:500;color:var(--text-secondary)}.category-filter select,.search-filter input{padding:8px 12px;border:2px solid var(--border-light);border-radius:6px;font-size:14px;transition:border-color .2s ease}.category-filter select:focus,.search-filter input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.role-multi-filter{position:relative}.role-multiselect-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:220px;padding:8px 12px;border:2px solid var(--border-light);border-radius:6px;background:var(--white, #fff);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.role-multiselect-trigger:hover{border-color:var(--primary-color)}.role-multiselect-trigger:focus,.role-multiselect-trigger[aria-expanded=true]{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.role-multiselect-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-multiselect-caret{color:var(--text-secondary);font-size:12px}.role-multiselect-popover{position:absolute;z-index:1000;top:calc(100% + 4px);left:0;min-width:240px;max-width:320px;background:var(--white, #fff);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:8px;display:flex;flex-direction:column;gap:6px}.role-multiselect-actions{display:flex;gap:6px;padding-bottom:6px;border-bottom:1px solid var(--border-light)}.role-multiselect-action{flex:1;padding:6px 10px;border:1px solid var(--border-light);border-radius:6px;background:var(--background-light, #f4f6f8);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.role-multiselect-action:hover{background:var(--border-light);border-color:var(--primary-color)}.role-multiselect-list{display:flex;flex-direction:column;max-height:280px;overflow-y:auto}.role-multiselect-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:14px;color:var(--text-primary)}.role-multiselect-item:hover{background:var(--background-light, #f4f6f8)}.role-multiselect-item input[type=checkbox]{margin:0;cursor:pointer}.role-multiselect-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.role-multiselect-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.permission-matrix-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border-light);margin-bottom:16px}.scrollable-matrix{max-height:950px;overflow-y:auto;position:relative}.scrollable-matrix::-webkit-scrollbar{width:8px;height:8px}.scrollable-matrix::-webkit-scrollbar-track{background:var(--background-light);border-radius:4px}.scrollable-matrix::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px;opacity:.7}.scrollable-matrix::-webkit-scrollbar-thumb:hover{background:var(--primary-dark, #2c7a7b);opacity:1}.scrollable-matrix{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--background-light)}.scrollable-matrix .permission-matrix-table thead{position:sticky;top:0;z-index:10;background:var(--primary-color)}.scrollable-matrix .permission-matrix-table thead th{background:var(--primary-color);box-shadow:0 2px 4px #0000001a}.permission-matrix-table thead th.action-column,.permission-matrix-table tbody td.action-cell{position:sticky;left:0;z-index:5;background:var(--white)}.permission-matrix-table thead th.action-column{z-index:11;background:var(--primary-color)}.permission-matrix-table thead th.action-column:after,.permission-matrix-table tbody td.action-cell:after{content:"";position:absolute;top:0;right:-4px;bottom:0;width:4px;background:linear-gradient(to right,rgba(0,0,0,.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.permission-matrix-table-container.scrolling-horizontal thead th.action-column:after,.permission-matrix-table-container.scrolling-horizontal tbody td.action-cell:after{opacity:1}.scrollable-matrix{scroll-behavior:smooth}@media(hover:hover){.scrollable-matrix:hover::-webkit-scrollbar-thumb{background:var(--primary-dark, #2c7a7b)}}.permission-matrix-table{width:100%;border-collapse:collapse;background:var(--white);min-width:800px}.permission-matrix-table thead{background:var(--primary-color);color:#fff}.permission-matrix-table th,.permission-matrix-table td{padding:8px;text-align:left;border-right:1px solid var(--border-light)}.permission-matrix-table th:last-child,.permission-matrix-table td:last-child{border-right:none}.action-column{width:300px;min-width:300px}.role-column{width:120px;min-width:120px;text-align:center}.action-header{display:flex;flex-direction:column;gap:4px}.action-header span{font-weight:600;font-size:16px}.action-header small{opacity:.8;font-size:12px}.role-header{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:6px;color:#fff;text-align:center}.role-name{font-weight:600;font-size:11px;margin-bottom:4px;display:block}.role-description{display:none}.permission-row:nth-child(2n){background-color:var(--background-light)}.permission-row:hover{background-color:var(--background-light)}.permission-row:nth-child(2n) .action-cell{background-color:var(--background-light)}.permission-row:hover .action-cell{background-color:var(--background-light)}.action-cell{vertical-align:top;border-bottom:1px solid var(--border-light)}.action-info{display:flex;flex-direction:column;gap:4px}.action-name{font-weight:600;color:var(--text-primary);font-size:14px}.action-description{color:var(--text-secondary);font-size:12px;line-height:1.3}.action-category{display:inline-block;background:var(--primary-light);color:var(--primary-color);padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.permission-cell{text-align:center!important;vertical-align:middle!important;border-bottom:1px solid var(--border-light);position:relative;display:table-cell!important;padding:8px!important}.permission-toggle{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;border:2px solid!important;border-radius:50%!important;background:none!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;font-weight:700!important;transition:all .2s ease!important;position:relative!important;padding:0!important;box-sizing:border-box!important;margin:0 auto!important}.permission-toggle:hover:not(.readonly){box-shadow:0 2px 8px #00000026;width:36px!important;height:36px!important}.permission-toggle.readonly{cursor:default!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;padding:0!important;border-width:2px!important;border-radius:50%!important;box-sizing:border-box!important;font-size:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;opacity:1!important}.permission-toggle.readonly .permission-icon{font-size:14px!important;width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important}.permission-allowed{border-color:var(--success-color);color:var(--success-color);background:#27ae601a;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important}.permission-allowed:hover:not(.readonly){background:#27ae6033}.permission-denied{border-color:var(--danger-color)!important;color:var(--danger-color)!important;background:#e74c3c1a!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;margin:0 auto!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important}.permission-denied:hover:not(.readonly){background:#e74c3c33}.permission-icon{display:flex;align-items:center;justify-content:center;line-height:1;font-size:14px!important;font-family:monospace;font-weight:700;width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;max-width:14px!important;max-height:14px!important;overflow:hidden;text-align:center}.permission-allowed .permission-icon,.permission-denied .permission-icon{font-size:14px!important;width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;max-width:14px!important;max-height:14px!important}.permission-conditions{position:absolute;top:-2px;right:-2px;background:var(--warning-color);color:#fff;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700}.permission-conditions small{display:none}.permission-toggle:hover .permission-conditions small{display:block;position:absolute;background:var(--text-primary);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap;top:40px;left:50%;transform:translate(-50%);z-index:10}.permission-matrix-legend{display:flex;gap:24px;align-items:center;padding:16px 0;border-top:1px solid var(--border-light);font-size:14px}.legend-item{display:flex;align-items:center;gap:8px}.legend-icon{position:relative!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;border-radius:50%!important;border:2px solid!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;font-size:12px!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important;text-align:center!important;font-family:monospace!important;line-height:1!important;flex-shrink:0!important}.legend-text{font-weight:500}@media(max-width:768px){.permission-matrix{padding:16px;margin:10px 0}.permission-controls{flex-direction:column;gap:12px;align-items:stretch}.permission-matrix-header h2{font-size:20px}.action-column,.action-cell{width:150px;min-width:150px;max-width:150px}.action-description,.action-category{display:none!important}.action-name{white-space:normal;word-break:break-word;font-size:13px;line-height:1.25}.role-column{width:100px;min-width:100px}.scrollable-matrix{max-height:450px}.permission-toggle{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;font-size:14px!important;padding:0!important;box-sizing:border-box!important}.permission-toggle .permission-icon{font-size:12px!important;width:12px!important;height:12px!important;max-width:12px!important;max-height:12px!important}.permission-allowed,.permission-denied{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important}.legend-icon{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;font-size:10px!important}.permission-matrix-legend{flex-wrap:wrap;gap:16px}}.permission-row .action-category[data-category="Data Operations"]{background:#f8f9fa;color:#6c757d;opacity:.6;position:relative}.permission-row .action-category[data-category="Data Operations"]:after{content:" (Coming Soon)";font-size:9px;font-weight:400;opacity:.8}.permission-row:has(.action-category[data-category="Data Operations"]){opacity:.6;background:#f8f9fa80}.permission-row:has(.action-category[data-category="Data Operations"]) .permission-toggle{opacity:.5;cursor:not-allowed}.permission-row:has(.action-category[data-category="Data Operations"]) .action-name{color:#6c757d}.permission-row:has(.action-category[data-category="Data Operations"]) .action-description{color:#adb5bd}@media(prefers-color-scheme:dark){.permission-matrix{background:var(--white);color:var(--text-primary)}.permission-matrix-header h2{color:var(--text-primary)}.permission-matrix-table{background:var(--white)}.permission-row:nth-child(2n){background-color:var(--background-light)}.permission-row:hover{background-color:var(--background-light)}.action-name{color:var(--text-primary)}.action-description{color:var(--text-secondary)}}.original-value{display:block;font-size:12px;color:#666;font-style:italic;margin-top:4px;padding:2px 0;opacity:.8}.checkbox-wrapper{display:flex;align-items:center;gap:8px;margin-top:4px}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label{font-weight:600;cursor:pointer;color:var(--text-primary);margin:0}.form-helper-text{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px;font-style:italic}.user-status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-status.enabled{background-color:#27ae601a;color:#27ae60;border:1px solid rgba(39,174,96,.3)}.user-status.disabled{background-color:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.user-disabled{opacity:.6;background-color:#00000005}.user-disabled td{color:var(--text-secondary)}.user-actions{display:flex;gap:6px;flex-wrap:wrap}.user-actions .btn{margin:0}.role-summary-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:500;cursor:pointer;margin-top:4px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.role-summary-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.role-summary-button:active{transform:translateY(0)}.role-summary-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.role-summary-modal{background:var(--white);border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);width:90%;max-width:700px;max-height:90vh;overflow:hidden;animation:slideDown .3s ease}.role-summary-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light);background:var(--primary-light)}.role-summary-header h3{margin:0;color:var(--primary-color);font-size:18px;font-weight:600}.role-summary-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:4px;font-size:16px;transition:all .2s ease}.role-summary-close:hover{color:var(--danger-color);background:#e74c3c1a}.role-summary-content{padding:24px;max-height:calc(90vh - 100px);overflow-y:auto}.role-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:24px}.stat-card{text-align:center;background:var(--background-light);border-radius:8px;padding:16px;border:1px solid var(--border-light)}.stat-number{font-size:28px;font-weight:700;color:var(--primary-color);margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.role-summary-description{margin-bottom:24px;padding:16px;background:var(--primary-light);border-radius:8px;border-left:4px solid var(--primary-color)}.role-summary-description h4{margin:0 0 8px;color:var(--primary-color);font-size:14px;font-weight:600}.role-summary-description p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.4}.permissions-by-category h4{margin:0 0 16px;color:var(--text-primary);font-size:16px;font-weight:600}.category-section{margin-bottom:20px}.category-title{margin:0 0 12px;color:var(--primary-color);font-size:14px;font-weight:600;padding:8px 0;border-bottom:2px solid var(--primary-light)}.permission-list{display:grid;gap:8px}.permission-item{display:flex;flex-direction:column;padding:12px;background:var(--white);border:1px solid var(--border-light);border-radius:6px;transition:all .2s ease}.permission-item:hover{border-color:var(--primary-color);background:var(--primary-light)}.permission-name{font-weight:600;color:var(--text-primary);font-size:14px;margin-bottom:4px}.permission-description{color:var(--text-secondary);font-size:12px;line-height:1.3}.no-permissions{text-align:center;padding:40px 20px;color:var(--text-secondary);font-style:italic}.no-permissions p{margin:0;font-size:14px}@media(max-width:768px){.role-summary-modal{width:95%;margin:20px}.role-summary-header{padding:16px 20px}.role-summary-header h3{font-size:16px}.role-summary-content{padding:20px}.role-summary-stats{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:12px}.stat-number{font-size:24px}.role-summary-button{font-size:9px;padding:3px 6px}}@media print{.permission-matrix{box-shadow:none;border:1px solid #ccc}.permission-controls{display:none}.permission-toggle{border-width:1px}.permission-toggle:hover{transform:none;box-shadow:none}.role-summary-button,.role-summary-overlay{display:none}}.permission-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.permission-modal-content{background:#fff;border-radius:12px;max-width:95vw;max-height:90vh;width:1200px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden}.permission-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background-color:#f8f9fa}.permission-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.permission-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:4px 8px;border-radius:4px;transition:all .2s ease}.permission-modal-close:hover{background-color:#e9ecef;color:#495057}.permission-modal-body{flex:1;overflow:auto;padding:0}.permission-modal-body .permission-matrix{margin:0;box-shadow:none;border-radius:0}.role-actions{display:flex;gap:.5rem;align-items:center}.role-protection-label{font-size:.75rem;color:#6c757d;font-style:italic;margin-left:.5rem}.inline-edit-container{width:100%}.inline-edit-textarea{width:100%;padding:8px 12px;border:2px solid var(--primary-color);border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:60px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.inline-edit-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}@media(max-width:768px){.permission-modal-content{width:95vw;max-height:85vh}.permission-modal-header{padding:16px 20px}.permission-modal-header h2{font-size:18px}.role-actions{flex-direction:column;gap:.25rem}.role-protection-label{margin-left:0;margin-top:.25rem}}.role-management{background:var(--white);border-radius:var(--border-radius-large);box-shadow:var(--shadow-light);overflow:hidden}.role-management-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-light)}.role-management-header h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.add-role-button{background:var(--primary-color);color:var(--white);border:none;padding:12px 24px;border-radius:20px;cursor:pointer;font-weight:500;transition:all .2s ease}.add-role-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.add-role-form{background:var(--background-light);padding:32px;margin:24px;border-radius:var(--border-radius)}.roles-table{padding:24px}.roles-table table{width:100%;border-collapse:collapse;margin-bottom:32px}.roles-table th,.roles-table td{padding:16px;text-align:left;border-bottom:1px solid var(--border-light)}.roles-table th{background:var(--background-light);font-weight:600;color:var(--text-primary);font-size:14px}.roles-table td{font-size:14px}.role-display-name{font-weight:600;color:var(--text-primary)}.role-id-badge{color:var(--text-muted);font-size:12px;font-family:Courier New,monospace;background:var(--background-light);padding:4px 8px;border-radius:4px}.role-type-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.role-type-badge.system{background:#e3f2fd;color:#1976d2}.role-type-badge.custom{background:#f3e5f5;color:#7b1fa2}.role-color-indicator{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-light);display:inline-block}.no-actions{color:var(--text-muted);font-style:italic;font-size:12px}.role-actions{display:flex;gap:8px}.form-group{margin-bottom:20px}.form-group label{display:block;color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:2px solid var(--border-light);border-radius:6px;font-size:14px;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.form-group textarea{resize:vertical;min-height:80px}.form-helper-text{color:var(--text-muted);font-size:12px;margin-top:4px;display:block}.error-message{color:var(--danger-color);font-size:12px;font-weight:500;margin-top:4px;display:block}.color-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.color-option{width:32px;height:32px;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative}.color-option:hover{transform:scale(1.1);box-shadow:var(--shadow-light)}.color-option.selected{border-color:var(--text-primary);transform:scale(1.1);box-shadow:var(--shadow-medium)}.color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(max-width:1024px){.roles-table{padding:16px;overflow-x:auto}.roles-table table{min-width:800px}.roles-table th,.roles-table td{padding:12px 8px;font-size:13px}.role-type-badge{font-size:11px;padding:3px 6px;white-space:nowrap}}@media(max-width:768px){.role-management-header{flex-direction:column;gap:16px;align-items:stretch;text-align:center}.admin-panel-buttons{flex-direction:column;width:100%}.admin-panel-buttons .btn{width:100%;justify-content:center}.roles-table{padding:12px}.roles-table table{min-width:700px}.roles-table th,.roles-table td{padding:8px 6px;font-size:12px}.add-role-form{margin:16px;padding:24px}.form-actions{flex-direction:column;gap:8px}.form-actions button{width:100%}}@media(max-width:480px){.roles-table table{min-width:600px}.roles-table th,.roles-table td{padding:6px 4px;font-size:11px}.role-type-badge{font-size:9px;padding:2px 4px;max-width:90px;border-radius:10px;line-height:1.1}.color-picker{justify-content:center}.color-option{width:28px;height:28px}}.form-group-full{width:100%}.departments-hint{margin-bottom:.5rem;color:#6c757d;font-size:.875rem;font-style:italic}.departments-hint .text-warning{color:#856404;font-size:.8125rem;font-weight:500}.departments-hint .text-success{color:#155724;font-size:.8125rem;font-weight:500}.user-actions.vertical{display:flex;flex-direction:column;gap:.375rem;align-items:stretch;min-width:85px;max-width:90px}.user-actions.vertical .btn{width:100%;text-align:center;white-space:nowrap;padding:.3rem .5rem;font-size:.8125rem;border-radius:3px;line-height:1.2;transition:all .2s ease}.user-actions.vertical .btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}@media(max-width:768px){.user-actions.vertical{min-width:70px;max-width:75px;gap:.25rem}.user-actions.vertical .btn{padding:.25rem .375rem;font-size:.75rem}}.country-grouped-departments{border:1px solid #dee2e6;border-radius:6px;max-height:300px;overflow-y:auto;background-color:#fff}.country-grouped-departments.compact{max-height:250px;border-radius:4px;border:1px solid #ced4da;box-shadow:0 1px 3px #0000001a}.departments-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;font-size:.875rem}.selected-count{font-weight:500;color:#495057}.countries-list{padding:0}.users-table{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;margin:24px 0}.users-table-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;border-radius:16px 16px 0 0}.users-table-header h3{margin:0;font-size:20px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.users-table table{width:100%;border-collapse:collapse;background:#fff}.users-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6}.users-table thead th{padding:16px 20px;text-align:left;font-weight:700;font-size:14px;color:#495057;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #dee2e6;position:sticky;top:0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);z-index:10}.users-table thead th:first-child{border-radius:0;padding-left:24px}.users-table thead th:last-child{border-radius:0;padding-right:24px}.users-table tbody tr{border-bottom:1px solid #f1f3f4;transition:all .2s ease}.users-table tbody tr:hover{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.users-table tbody tr.user-disabled{background:#fff2f2;opacity:.7}.users-table tbody tr.user-disabled:hover{background:#ffe6e6}.users-table tbody td{padding:16px 20px;font-size:14px;color:#495057;vertical-align:middle;border:none}.users-table tbody td:first-child{padding-left:24px;font-weight:600;color:#2c3e50}.users-table tbody td:last-child{padding-right:24px}.badge{display:inline-block;padding:6px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;border:none;white-space:nowrap}.badge-role{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.badge-role-admin{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.badge-role-operations{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.badge-role-sales{background:linear-gradient(135deg,#45b7d1,#2196f3)}.badge-role-driver{background:linear-gradient(135deg,#f39c12,#e67e22)}.badge-role-it{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.status-badge{font-weight:600;padding:8px 16px;border-radius:25px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.status-enabled{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;box-shadow:0 2px 4px #2ecc714d}.status-disabled{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 2px 4px #e74c3c4d}.badge-department{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;margin:2px;font-size:10px;padding:4px 8px}.badge-department-warning{background:linear-gradient(135deg,#ff9f43,#e67e22);color:#fff;margin:2px;font-size:10px;padding:4px 8px;border-radius:20px;border:2px solid #d35400}.data-warning{display:flex;flex-direction:column;gap:4px}.data-warning .text-warning{font-size:11px;font-weight:600;color:#e67e22;display:flex;align-items:center;gap:4px}.badge-country{background:linear-gradient(135deg,#55a3ff,#003d82);color:#fff;margin:2px;font-size:10px;padding:4px 8px}.badge-expandable{background:linear-gradient(135deg,#fdcb6e,#e17055);color:#fff;border:none;cursor:pointer;transition:all .2s ease;font-size:10px;padding:4px 8px;margin:2px;border-radius:20px}.badge-expandable:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0003}.badge-container-vertical{display:flex;flex-direction:column;gap:4px;max-width:200px}.badge-grid{display:flex;flex-wrap:wrap;gap:2px;align-items:flex-start}.user-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.user-actions .btn{font-size:11px;padding:6px 12px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;transition:all .2s ease;border:none}.user-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-actions .btn-warning{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.user-actions .btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.user-actions .btn-success{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.user-actions .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media(max-width:1200px){.users-table{overflow-x:auto}.users-table table{min-width:1000px}}@media(max-width:768px){.users-table-header{padding:16px 20px}.users-table-header h3{font-size:18px}.users-table thead th,.users-table tbody td{padding:12px 16px;font-size:13px}.badge-container-vertical{max-width:150px}.user-actions{flex-direction:column;gap:4px}}.country-group{border-bottom:1px solid #e9ecef}.country-group:last-child{border-bottom:none}.country-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background-color:#fff}.country-grouped-departments.compact .country-header{padding:.5rem .75rem;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.country-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.25rem;font-size:.875rem;cursor:pointer;flex-grow:1;text-align:left;border-radius:4px;transition:background-color .2s}.country-toggle:hover{background-color:#f8f9fa}.country-toggle:disabled{cursor:not-allowed;opacity:.6}.toggle-icon{font-size:.75rem;color:#6c757d;transition:transform .2s;min-width:12px}.country-name{font-weight:500;color:#495057}.department-count{color:#6c757d;font-size:.75rem;margin-left:auto}.country-actions{display:flex;gap:.25rem}.departments-list{padding:.75rem;background-color:#fafbfc}.country-grouped-departments.compact .departments-list{padding:.75rem;background-color:#fff}.departments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.375rem}.country-grouped-departments.compact .departments-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.25rem}.department-checkbox{display:flex;align-items:center;justify-content:space-between;gap:.375rem;padding:.5rem;border:1px solid #e9ecef;border-radius:4px;font-size:.8125rem;transition:all .2s;background-color:#fff}.country-grouped-departments.compact .department-checkbox{padding:.375rem .5rem;gap:.25rem;font-size:.75rem;border-radius:3px}.department-checkbox:hover{border-color:#007bff;background-color:#f8f9fa;will-change:transform;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.country-grouped-departments.compact .department-checkbox:hover{background-color:#f1f3f4;border-color:#007bff}.department-checkbox.selected{background-color:#e7f3ff;border-color:#007bff}.department-checkbox.selected .department-name{color:#0056b3;font-weight:500}.department-name{flex-grow:1;line-height:1.3;font-weight:500;color:#495057;text-align:left}.no-departments{text-align:center;color:#6c757d;font-style:italic;padding:1rem}.loading,.empty{border:1px solid #dee2e6;border-radius:6px;background-color:#f8f9fa}@media(max-width:768px){.departments-selection-header{flex-direction:column;align-items:stretch;gap:.5rem}.department-view-toggle{justify-content:center}.departments-grid{grid-template-columns:1fr}.country-header{flex-direction:column;align-items:stretch;gap:.5rem}.country-actions{justify-content:flex-end}.departments-summary{flex-direction:column;align-items:stretch;gap:.5rem;text-align:center}}.country-toggle:focus{outline:2px solid #007bff;outline-offset:2px}.department-view-toggle .btn:focus{outline:2px solid #007bff;outline-offset:2px}.country-grouped-departments.loading .loading-content{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.department-checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#007bff}.department-checkbox-input:disabled{cursor:not-allowed;opacity:.5}.department-checkbox-input:focus{outline:2px solid #007bff;outline-offset:2px}.country-group.has-selections{border-left:3px solid #007bff}.country-group.has-selections .country-name{color:#007bff}.users-table-header{margin-bottom:1.5rem}.users-table-header h3{margin-bottom:1rem;color:var(--text-primary);font-weight:600}.users-filters{background:var(--background-light);border:1px solid var(--border-light);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem}.filter-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:300px}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:14px;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.filter-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.filter-select{padding:.5rem .75rem;border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:14px;background:#fff;min-width:120px;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:var(--primary-color)}.clear-filters{padding:.5rem .75rem;font-size:12px;border-radius:var(--border-radius);background:var(--background-light);border:1px solid var(--border-light);color:var(--text-secondary);transition:all .2s ease}.clear-filters:hover{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.badge-container{display:flex;flex-wrap:wrap;gap:.25rem;align-items:flex-start;line-height:1.4;min-width:max-content}.users-table .badge-container{white-space:normal;min-width:max-content;padding:.25rem 0}.badge{display:inline-block;padding:.3rem .6rem;font-size:11px;font-weight:500;border-radius:14px;white-space:nowrap;text-align:center;line-height:1.2;margin-bottom:.25rem;max-width:100%;word-break:break-word}.badge-department{background:#e3f2fd;color:#1565c0;border:1px solid #2196f3}.badge-country{background:#f3e5f5;color:#7b1fa2;border:1px solid #9c27b0}.badge-role{background:#e8f5e8;color:#2e7d32;border:1px solid #4caf50;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.badge-role-admin{background:#ffebee;color:#c62828;border:1px solid #f44336}.badge-role-operations{background:#fff3e0;color:#e65100;border:1px solid #ff9800}.badge-role-operations-manager{background:#fce4ec;color:#ad1457;border:1px solid #e91e63}.badge-role-sales{background:#e1f5fe;color:#0277bd;border:1px solid #03a9f4}.badge-role-sales-manager{background:#e0f2f1;color:#00695c;border:1px solid #009688}.badge-role-driver{background:#f3e5f5;color:#6a1b9a;border:1px solid #9c27b0}.badge-role-it{background:#e8eaf6;color:#3f51b5;border:1px solid #5c6bc0}.badge-more{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;font-size:10px;font-weight:500;font-style:italic}.badge-expandable{cursor:pointer;transition:all .2s ease;background:#e9ecef;color:#495057;border:1px solid #adb5bd;font-size:10px;padding:.25rem .5rem;border-radius:12px;font-weight:500;white-space:nowrap;text-align:center;line-height:1.2;margin-bottom:.25rem}.badge-expandable:hover{background:#007bff;color:#fff;border-color:#007bff;transform:scale(1.05);box-shadow:0 2px 4px #007bff4d}.badge-expandable:active{transform:scale(.98);box-shadow:0 1px 2px #007bff4d}.text-muted{color:var(--text-secondary);font-style:italic;font-size:12px}@media(max-width:768px){.filter-row{flex-direction:column;align-items:stretch}.search-box{min-width:unset}.filter-controls{justify-content:space-between}.filter-select{flex:1;min-width:unset}.badge-container{max-width:unset}.badge-expandable{font-size:9px;padding:.2rem .4rem}}.users-table{overflow-x:auto;overflow-y:auto;min-height:400px;max-height:600px;width:100%;border:1px solid var(--border-light);border-radius:var(--border-radius);background:#fff;box-shadow:var(--shadow-light);position:relative}.users-table table{width:max-content;min-width:100%;border-collapse:collapse;margin-top:1rem;background:#fff;table-layout:auto}.users-table th{background:var(--primary-light);color:var(--text-primary);padding:1rem .75rem;text-align:left;font-weight:600;font-size:14px;border-bottom:2px solid var(--primary-color);white-space:nowrap;position:sticky;top:0;z-index:10}.users-table td{padding:.75rem;border-bottom:1px solid var(--border-light);vertical-align:top;white-space:nowrap}.users-table tr:hover{background:#20b2aa0d}.user-disabled{opacity:.6;background:#f443360d}.user-status{padding:.25rem .75rem;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.user-status.enabled{background:#e8f5e8;color:#2e7d32;border:1px solid #4caf50}.user-status.disabled{background:#ffebee;color:#c62828;border:1px solid #f44336}.badge-container-vertical{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;max-width:200px;min-width:180px}.badge-grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;width:100%;margin-bottom:.25rem}.badge-grid .badge{font-size:10px;padding:.25rem .4rem;margin-bottom:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.popup-content{background:#fff;border-radius:8px;max-width:600px;max-height:80vh;overflow:hidden;animation:slideIn .3s ease;width:100%}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #dee2e6;background:#f8f9fa}.popup-header h3{margin:0;color:#495057;font-size:1.1rem;font-weight:600}.popup-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#6c757d;padding:.25rem;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.popup-close:hover{background:#e9ecef;color:#495057}.popup-body{padding:1.25rem;max-height:50vh;overflow-y:auto}.popup-badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;align-items:start}.popup-badge-grid .badge{font-size:11px;padding:.4rem .6rem;margin-bottom:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;box-sizing:border-box}.popup-footer{padding:.75rem 1.25rem;border-top:1px solid #dee2e6;background:#f8f9fa;text-align:center}.popup-info{margin:0;color:#6c757d;font-size:.875rem;font-style:italic}@media(max-width:768px){.popup-content{margin:.5rem;max-height:90vh}.popup-badge-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.375rem}.badge-grid{grid-template-columns:1fr}.badge-container-vertical{max-width:150px;min-width:120px}}.users-table .department-column,.users-table .countries-column{min-width:180px;max-width:220px;white-space:normal;vertical-align:top}@media(max-width:768px){.users-table .department-column,.users-table .countries-column{min-width:120px;max-width:160px}}.user-management-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.user-management-header{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(226,232,240,.6)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.header-title{display:flex;align-items:center;gap:1rem}.header-title h1{font-size:2rem;font-weight:700;color:#222;margin:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-icon{font-size:2.5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-stats{display:flex;gap:2rem;align-items:center}.stat-card{text-align:center;padding:1rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;border:1px solid rgba(148,163,184,.2);min-width:80px}.stat-number{font-size:1.5rem;font-weight:700;color:var(--primary-color);display:block}.stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.user-management-tabs{background:#fff;border-radius:16px;padding:.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(226,232,240,.6);display:inline-flex;gap:.5rem}.tab-button{padding:.75rem 2rem;border:none;background:transparent;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;color:#64748b;position:relative;overflow:hidden}.tab-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));opacity:0;transition:opacity .3s ease}.tab-button span{position:relative;z-index:1}.tab-button:hover:before{opacity:.1}.tab-button.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:0 4px 12px #20b2aa4d}.users-section{background:#fff;border-radius:16px;padding:15px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(226,232,240,.6)}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.users-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.users-actions{display:flex;gap:1rem;align-items:center}.add-user-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #20b2aa4d}.add-user-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #20b2aa66}.users-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}@media(max-width:1200px){.users-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.users-grid{grid-template-columns:1fr}}.user-card{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid rgba(226,232,240,.6);transition:all .3s ease;position:relative;overflow:hidden}.user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark),var(--primary-color))}.user-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001f;border-color:#20b2aa4d}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.user-info{flex:1}.user-name{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.user-username{font-size:.85rem;color:#64748b;font-weight:500}.user-status{display:flex;align-items:center;gap:.5rem}.status-indicator{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}.status-indicator.disabled{background:#ef4444;animation:none}.status-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-text.enabled{color:#10b981}.status-text.disabled{color:#ef4444}.user-details{margin:1rem 0}.user-role{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid rgba(148,163,184,.3);border-radius:20px;padding:.4rem 1rem;font-size:.8rem;font-weight:600;color:#475569;margin-bottom:.75rem}.role-icon{width:12px;height:12px;border-radius:50%;background:var(--primary-color)}.user-email{font-size:.85rem;color:#64748b;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.user-assignments{display:flex;flex-direction:column;gap:.5rem}.assignment-row{display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.assignment-label{color:#64748b;font-weight:500;min-width:90px;flex-shrink:0}.assignment-value{flex:1;text-align:right}.badge-container{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-end;max-width:280px;word-break:break-word}.assignment-badge{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#6b46c1;border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.assignment-badge.country{background:linear-gradient(135deg,#e0f7f7,#b3ecec);color:#008b8b;border-color:#20b2aa33}.badge-more{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;border:1px solid rgba(107,114,128,.2);cursor:pointer;transition:all .2s ease}.badge-more:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);transform:scale(1.05)}.user-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(226,232,240,.6)}.action-btn{flex:1;padding:.5rem .75rem;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;min-height:48px}.action-btn.edit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.action-btn.edit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.action-btn.toggle{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:0 2px 8px #20b2aa4d}.action-btn.toggle:hover{transform:translateY(-1px);box-shadow:0 4px 12px #20b2aa66}.action-btn.reset{background:linear-gradient(135deg,#64748b,#475569);color:#fff;box-shadow:0 2px 8px #64748b4d}.action-btn.reset:hover{transform:translateY(-1px);box-shadow:0 4px 12px #64748b66}.action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.action-btn.delete:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border-radius:20px;padding:0;max-width:1200px;width:95%;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #00000026;border:1px solid rgba(226,232,240,.6)}.modal-content>form{display:flex;flex-direction:column;flex:1;overflow:hidden}.modal-body{flex:1;overflow-y:auto;padding:2rem;max-height:calc(95vh - 120px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:2px solid #f1f5f9;flex-shrink:0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px 20px 0 0}.modal-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.close-btn{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.25rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#f1f5f9;color:#1e293b}.form-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9rem}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.9rem;transition:all .2s ease;background:#fff}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.form-select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.9rem;background:#fff;cursor:pointer;transition:all .2s ease}.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:12px;margin-bottom:1rem;font-size:.9rem;font-weight:500}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;box-shadow:0 4px 12px #20b2aa4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #20b2aa66}.btn-secondary{background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;box-shadow:0 4px 12px #64748b4d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #64748b66}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #f1f5f9}@media(max-width:768px){.user-management-container{padding:1rem}.users-grid{grid-template-columns:1fr}.header-content{flex-direction:column;align-items:stretch}.header-stats{justify-content:space-around}.users-header{flex-direction:column;align-items:center}.modal-overlay{padding:0;align-items:stretch}.modal-content{width:100%;max-width:100vw;max-height:100vh;border-radius:0;margin:0}.modal-header{padding:1rem;position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.1rem}.modal-body{padding:1.5rem;max-height:calc(100vh - 140px)}.modal-footer{padding:1rem;padding-bottom:70px;position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;gap:.5rem}.modal-footer .btn-primary,.modal-footer .btn-secondary{width:100%;padding:.875rem;font-size:16px;margin:0}.form-group{margin-bottom:1.5rem}.form-row{display:block!important;gap:0!important}.form-row .form-group{width:100%!important;margin-bottom:1.5rem}.form-input,.form-select{padding:.875rem 1rem;font-size:16px;border-radius:8px;min-height:44px}.btn-primary,.btn-secondary{min-height:44px;touch-action:manipulation;font-size:16px}.close-btn{width:44px;height:44px;font-size:1.2rem}.user-form-container{display:block!important}.user-form-container .form-section{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.user-form-container .section-title{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.multi-select-dropdown,.searchable-dropdown{font-size:16px!important}.multi-select-dropdown .dropdown-trigger,.searchable-dropdown .dropdown-trigger{min-height:44px;font-size:16px;padding:.875rem 1rem}.multi-select-dropdown .dropdown-menu,.searchable-dropdown .dropdown-menu{max-height:60vh;font-size:16px}.multi-select-dropdown .dropdown-item,.searchable-dropdown .dropdown-item{padding:.875rem 1rem;min-height:44px;font-size:16px}.modal-content .custom-multi-select .multi-select-dropdown-content{position:fixed!important;inset:auto 0 0!important;max-height:70vh!important;border-radius:16px 16px 0 0!important;z-index:10000!important;animation:slideUpModal .3s ease!important;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -8px 32px #0003!important}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-content .custom-multi-select .dropdown-header{padding:16px;flex-shrink:0;border-bottom:1px solid #e2e8f0;background:#fff}.modal-content .custom-multi-select .search-input{padding:12px;font-size:16px;border-radius:8px;border:1px solid #d1d5db}.modal-content .custom-multi-select .options-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 16px 16px;background:#fff}.modal-content .custom-multi-select .multi-select-option{padding:14px 16px;margin-bottom:6px;border-radius:8px;min-height:48px;font-size:16px;background:#f8fafc;border:1px solid #e2e8f0;transition:all .2s ease}.modal-content .custom-multi-select .multi-select-option:hover,.modal-content .custom-multi-select .multi-select-option:active{background:#e2e8f0;transform:translateY(-1px)}.modal-content .custom-multi-select .multi-select-option.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-dark)}.modal-content .custom-multi-select .option-text{font-size:16px;font-weight:500}.modal-content .custom-multi-select .mobile-backdrop{position:fixed!important;inset:0!important;background:#00000080!important;z-index:9999!important}.password-input-container{position:relative}.password-input-container .form-input{padding-right:50px}.password-input-container .password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center}}.loading-card{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:16px;height:200px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination-container{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:1px solid rgba(226,232,240,.6)}.pagination-info{text-align:center;color:#64748b;font-size:.9rem;font-weight:500}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.pagination-pages{display:flex;gap:.25rem;align-items:center;margin:0 1rem}.pagination-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:.5rem .75rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#475569;min-width:40px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #20b2aa4d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.pagination-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-color:#008b8b;color:#fff;box-shadow:0 2px 8px #20b2aa4d}.pagination-btn.prev,.pagination-btn.next{padding:.5rem 1rem;font-weight:700;min-width:100px}.pagination-ellipsis{color:#94a3b8;font-weight:700;padding:.5rem;-webkit-user-select:none;user-select:none}.popup-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1500;padding:2rem;overflow-y:auto}.popup-content{background:#fff;border-radius:20px;padding:0;max-width:90vw;max-height:90vh;width:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px 20px 0 0;flex-shrink:0}.popup-header h3{font-size:1.4rem;font-weight:700;color:#1e293b;margin:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.popup-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.popup-close:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;transform:scale(1.1)}.popup-body{flex:1;overflow-y:auto;padding:2rem;max-height:calc(90vh - 200px);scrollbar-width:thin;scrollbar-color:#20b2aa #f1f5f9}.popup-body::-webkit-scrollbar{width:8px}.popup-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.popup-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:4px;transition:all .2s ease}.popup-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#008b8b,#20b2aa)}.popup-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.popup-badge-grid .badge{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;padding:1rem;font-size:.9rem;font-weight:600;color:#475569;text-align:center;transition:all .3s ease;word-wrap:break-word;min-height:60px;display:flex;align-items:center;justify-content:center}.popup-badge-grid .badge:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-color)}.popup-badge-grid .badge.badge-department{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0369a1;border-color:#0369a133}.popup-badge-grid .badge.badge-department:hover{border-color:#0369a1;box-shadow:0 8px 25px #0369a133}.popup-badge-grid .badge.badge-country{background:linear-gradient(135deg,#e0f7f7,#b3ecec);color:#008b8b;border-color:#20b2aa33}.popup-badge-grid .badge.badge-country:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #20b2aa33}.popup-footer{padding:1.5rem 2rem;border-top:2px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:0 0 20px 20px;flex-shrink:0}.popup-info{font-size:.85rem;color:#64748b;margin:0;text-align:center;font-style:italic}.reset-password-modal{max-width:500px;width:90%}.reset-password-info{margin-bottom:2rem}.reset-password-info p{font-size:1rem;color:#374151;margin-bottom:1rem}.warning-banner{background:linear-gradient(135deg,#fef3cd,#fde68a);border:1px solid #f59e0b;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;margin-top:1rem}.warning-icon{font-size:1.2rem;flex-shrink:0}.warning-text{font-size:.9rem;color:#92400e;font-weight:500}.password-input-wrapper{position:relative}.password-input-wrapper .input-helper-text{font-size:.8rem;color:#6b7280;margin-top:.5rem;font-style:italic}.modern-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#fff}.modern-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}@media(max-width:768px){.modal-content .custom-multi-select .multi-select-dropdown-content{position:fixed!important;inset:auto 0 0!important;max-height:70vh!important;border-radius:16px 16px 0 0!important;z-index:10000!important;animation:slideUpModal .3s ease!important;box-shadow:0 -4px 20px #00000026!important}}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:768px){.modal-content .custom-multi-select .multi-select-option{min-height:48px!important;padding:12px 16px!important;font-size:16px!important;border-bottom:1px solid #f1f5f9!important}.modal-content .custom-multi-select .dropdown-header{padding:16px!important;border-bottom:2px solid #e5e7eb!important;background:#f8fafc!important}.modal-content .custom-multi-select .search-input{font-size:16px!important;padding:12px 16px!important;border-radius:12px!important}.modal-content .custom-multi-select .select-all-btn{padding:8px 16px!important;font-size:14px!important;border-radius:8px!important}}@media(max-width:768px){.popup-overlay{padding:1rem}.popup-content{max-width:95vw;max-height:95vh;border-radius:16px}.popup-header,.popup-body,.popup-footer{padding:1.5rem}.popup-header h3{font-size:1.2rem}.popup-badge-grid{grid-template-columns:1fr;gap:.75rem}.popup-badge-grid .badge{padding:.75rem;font-size:.85rem;min-height:50px}.reset-password-modal{max-width:95vw}}@media(max-width:480px){.popup-header{flex-direction:column;align-items:center;gap:1rem;text-align:center}.popup-close{position:absolute;top:1rem;right:1rem}.popup-header h3{font-size:1.1rem;padding-right:3rem}}.tab-button:focus,.add-user-btn:focus,.action-btn:focus,.pagination-btn:focus,.popup-close:focus{outline:2px solid var(--primary-color);outline-offset:2px}.modal-footer{padding:1.5rem 2rem;border-top:2px solid #f1f5f9;flex-shrink:0;display:flex;gap:1rem;justify-content:flex-end;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:0 0 20px 20px}.user-actions.read-only{padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border:1px solid #fbbf24;margin-top:1rem}.read-only-notice{display:flex;align-items:center;justify-content:center;text-align:center;color:#92400e;font-size:.85rem;font-weight:600;line-height:1.5}.read-only-notice span{display:flex;align-items:center;gap:.5rem}.fuzzy-dropdown{position:relative;width:100%;margin-bottom:16px}.fuzzy-dropdown.disabled{opacity:.6;pointer-events:none}.fuzzy-dropdown-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px}.fuzzy-dropdown-container{position:relative}.fuzzy-dropdown-input-wrapper{position:relative;cursor:pointer}.fuzzy-dropdown-input{width:100%;padding:8px 36px 8px 12px;border:2px solid var(--border-light);border-radius:6px;font-size:14px;line-height:1.4;min-height:42px;height:42px;background:#fff;cursor:pointer;transition:all .2s ease;box-sizing:border-box;display:flex;align-items:center}.fuzzy-dropdown-container.open .fuzzy-dropdown-input{border-color:#20b2aa;box-shadow:0 0 0 3px #20b2aa1a;cursor:text}.fuzzy-dropdown-input:focus{outline:none;border-color:#20b2aa;box-shadow:0 0 0 3px #20b2aa1a}.fuzzy-dropdown-input:hover:not(:disabled){border-color:#20b2aa}.fuzzy-dropdown-input::placeholder{color:#9ca3af}.fuzzy-dropdown-icons{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;pointer-events:none}.fuzzy-dropdown-clear{background:none;border:none;color:#6b7280;cursor:pointer;padding:2px;border-radius:3px;pointer-events:auto;transition:all .15s ease;font-size:12px;line-height:1}.fuzzy-dropdown-clear:hover{background:#0000000d;color:#20b2aa}.fuzzy-dropdown-arrow{color:#666;font-size:12px;transition:all .2s ease;pointer-events:auto;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.fuzzy-dropdown-arrow:hover{background:#0000000d;color:#20b2aa}.fuzzy-dropdown-arrow.open{transform:rotate(180deg);color:#20b2aa}.fuzzy-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #20b2aa;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;z-index:1000}.fuzzy-dropdown-loading,.fuzzy-dropdown-empty{padding:16px;text-align:center;color:#6b7280;font-size:.875rem}.fuzzy-dropdown-loading{display:flex;align-items:center;justify-content:center;gap:8px}.spinner-small{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.fuzzy-dropdown-option{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.fuzzy-dropdown-option:last-child{border-bottom:none}.fuzzy-dropdown-option:hover,.fuzzy-dropdown-option.highlighted{background:var(--primary-light);color:#20b2aa}.fuzzy-dropdown-option.selected{background:var(--primary-color);color:#fff;font-weight:500}.fuzzy-dropdown-option.selected.highlighted{background:var(--primary-dark)}.option-name{font-weight:500;color:#111827;font-size:.875rem}.option-description{font-size:.75rem;color:#6b7280;margin-top:2px;line-height:1.3}.fuzzy-dropdown-option.selected .option-name{color:#fff}@media(max-width:768px){.fuzzy-dropdown-menu{max-height:200px}.fuzzy-dropdown-option{padding:10px 12px}.option-name{font-size:.8125rem}.option-description{font-size:.6875rem}}.procedure-sets-manager{padding:4px 0}.procedure-sets-manager .data-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.procedure-sets-manager .data-item{position:relative;margin-left:25px}.tray-qty-table-wrap{overflow-x:auto;padding:4px 0 8px}.tray-qty-table{width:100%;border-collapse:collapse;font-size:.9rem}.tray-qty-table thead th{background:linear-gradient(135deg,var(--primary-color, #20b2aa),var(--primary-dark, #008b8b));color:#fff;text-align:left;font-weight:600;font-size:.8rem;letter-spacing:.03em;padding:12px 16px}.tray-qty-table thead th.tqt-auto,.tray-qty-table thead th.tqt-qty{text-align:center}.tray-qty-table tbody td{padding:10px 16px;border-bottom:1px solid var(--border-light, #ebebeb);color:var(--text-primary, #222);vertical-align:middle}.tray-qty-table tbody tr:hover td{background:#f7fbfb}.tray-qty-table td.tqt-name{width:60%;word-break:break-word}.tray-qty-table td.tqt-auto{text-align:center;width:15%}.tray-qty-table td.tqt-qty{text-align:center;width:25%}.tray-qty-table td.tqt-auto input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--primary-dark, #008b8b)}.tray-qty-table td.tqt-qty input[type=number]{width:90px;padding:8px 10px;border:1px solid var(--border-light, #cdd8d8);border-radius:6px;font-size:14px;text-align:center}.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin-bottom:12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px}.bulk-bar-text{display:flex;flex-direction:column;gap:2px;font-size:13px;color:#2d3748}.bulk-bar-hint{font-size:11px;color:#718096}.bulk-bar-actions{display:flex;gap:8px;flex-wrap:wrap}.bulk-bar-btn{white-space:nowrap;font-size:13px}.bulk-modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;z-index:9999;overflow-y:auto}.bulk-modal{background:#fff;border-radius:10px;width:100%;max-width:720px;display:flex;flex-direction:column;max-height:90vh;box-shadow:0 25px 60px #00000040}.bulk-modal-wide{max-width:1080px}.bulk-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #edf2f7}.bulk-modal-header h2{margin:0;font-size:17px;color:#1a202c}.bulk-modal-close{background:none;border:none;font-size:22px;color:#718096;cursor:pointer}.bulk-modal-close:disabled{opacity:.4;cursor:not-allowed}.bulk-modal-body{padding:16px 18px;overflow-y:auto;flex:1 1 auto;font-size:14px;color:#2d3748}.bulk-modal-points{margin:8px 0 16px;padding-left:18px}.bulk-modal-points li{margin:4px 0;font-size:13px}.bulk-modal-progress{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px;margin:8px 0}.bulk-modal-progress-msg{font-size:13px;color:#2d3748;margin-bottom:6px}.bulk-modal-progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.bulk-modal-progress-fill{height:100%;background:linear-gradient(90deg,#4299e1,#3182ce);transition:width .2s ease}.bulk-modal-progress-count{font-size:11px;color:#718096;margin-top:4px}.bulk-modal-error{background:#fff5f5;color:#9b2c2c;border:1px solid #fc8181;border-radius:6px;padding:10px 12px;margin:8px 0;font-size:13px}.bulk-modal-error ul{margin:6px 0 0;padding-left:20px}.bulk-modal-warn{background:#fffaf0;color:#7b341e;border:1px solid #f6ad55;border-radius:6px;padding:10px 12px;margin:8px 0;font-size:13px}.bulk-modal-warn ul{margin:6px 0 0;padding-left:20px}.bulk-modal-success{background:#f0fff4;color:#22543d;border:1px solid #68d391;border-radius:6px;padding:10px 12px;margin:8px 0;font-size:13px}.bulk-modal-success ul{margin:6px 0 0;padding-left:20px}.bulk-modal-summary{font-size:13px;color:#2d3748;padding:8px 0 12px;border-bottom:1px solid #edf2f7;margin-bottom:10px}.bulk-modal-checkbox{display:flex;align-items:flex-start;gap:8px;margin:12px 0 4px;font-size:13px;color:#2d3748}.bulk-modal-checkbox-warn{background:#fffaf0;border:1px solid #f6ad55;border-radius:6px;padding:8px 10px}.bulk-modal-drop{border:2px dashed #cbd5e0;border-radius:8px;padding:24px;text-align:center;font-size:13px;color:#4a5568}.bulk-modal-drop input[type=file]{margin-top:12px}.bulk-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #edf2f7}.bulk-modal-note{font-size:12px;color:#718096;margin-top:8px}.bulk-diff-preview{display:flex;flex-direction:column;gap:10px;margin-top:8px}.bulk-bucket{border:1px solid #e2e8f0;border-radius:6px;background:#fff}.bulk-bucket-header{display:flex;align-items:center;gap:10px;width:100%;background:#f7fafc;border:none;padding:10px 12px;cursor:pointer;font-size:13px;font-weight:600;color:#2d3748;text-align:left;border-radius:6px}.bulk-bucket-caret{font-size:12px;color:#718096}.bulk-bucket-title{flex:1}.bulk-bucket-count{background:#e2e8f0;color:#2d3748;padding:2px 8px;border-radius:10px;font-size:12px}.bulk-bucket-rename .bulk-bucket-header{background:#fffaf0;color:#7b341e}.bulk-bucket-rename .bulk-bucket-count{background:#fbd38d;color:#7b341e}.bulk-bucket-insert .bulk-bucket-header{background:#f0fff4;color:#22543d}.bulk-bucket-insert .bulk-bucket-count{background:#9ae6b4;color:#22543d}.bulk-bucket-update .bulk-bucket-header{background:#ebf8ff;color:#2c5282}.bulk-bucket-update .bulk-bucket-count{background:#90cdf4;color:#2c5282}.bulk-bucket-delete .bulk-bucket-header{background:#fff5f5;color:#9b2c2c}.bulk-bucket-delete .bulk-bucket-count{background:#feb2b2;color:#9b2c2c}.bulk-bucket-orphan .bulk-bucket-header{background:#fff5f5;color:#9b2c2c}.bulk-bucket-orphan .bulk-bucket-count{background:#fc8181;color:#fff}.bulk-bucket-autosync .bulk-bucket-header{background:#f0f4ff;color:#2a4365}.bulk-bucket-autosync .bulk-bucket-count{background:#bee3f8;color:#2a4365}.bulk-bucket-skip .bulk-bucket-header{background:#f7fafc;color:#4a5568}.bulk-bucket-body{padding:8px 12px 12px;max-height:320px;overflow-y:auto}.bulk-bucket-empty{font-size:12px;color:#718096;padding:8px 0}.bulk-bucket-list{list-style:none;padding:0;margin:0}.bulk-bucket-row{padding:8px 0;border-bottom:1px dashed #edf2f7;font-size:12px}.bulk-bucket-row:last-child{border-bottom:none}.bulk-bucket-row-head{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:4px}.bulk-bucket-sheet{background:#edf2f7;color:#4a5568;padding:1px 6px;border-radius:3px;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.bulk-bucket-rowidx{font-size:11px;color:#a0aec0}.bulk-bucket-label{color:#2d3748;font-weight:500}.bulk-bucket-deltas{list-style:none;margin:4px 0 0;padding:4px 8px;background:#f7fafc;border-radius:4px;font-size:11px;color:#4a5568}.bulk-bucket-deltas li{padding:2px 0}.bulk-bucket-deltas code{background:#edf2f7;padding:1px 4px;border-radius:3px;font-size:10px}.bulk-before{color:#9b2c2c;text-decoration:line-through}.bulk-after{color:#22543d;font-weight:500}.bulk-arrow{color:#a0aec0}.bulk-rename-impact{margin-top:4px;padding:4px 8px;background:#fffaf0;color:#7b341e;border-left:3px solid #f6ad55;font-size:11px}.bulk-bucket-errors{list-style:disc;margin:4px 0 0;padding-left:18px;color:#9b2c2c;font-size:11px}.bulk-modal-error-list{list-style:disc;padding-left:18px;margin:4px 0 0;font-size:12px;max-height:200px;overflow-y:auto}.bulk-modal-result{padding:12px 0 4px}.bulk-modal-result>strong{display:block;font-size:14px;margin-bottom:10px;color:#2d3748}.bulk-modal-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.bulk-modal-result-grid{grid-template-columns:1fr}}.bulk-modal-result-card{border-radius:6px;padding:10px 12px;border:1px solid transparent;font-size:13px}.bulk-modal-result-card-title{font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px;font-size:11px}.bulk-modal-result-card--success{background:#f0fff4;border-color:#68d391;color:#22543d}.bulk-modal-result-card--success .bulk-modal-result-card-title{color:#2f855a}.bulk-modal-result-card--failure{background:#fff5f5;border-color:#fc8181;color:#742a2a}.bulk-modal-result-card--failure .bulk-modal-result-card-title{color:#c53030}.bulk-modal-result-card--neutral{background:#f7fafc;border-color:#cbd5e0;color:#4a5568}.bulk-modal-result-card--neutral .bulk-modal-result-card-title{color:#4a5568}.bulk-modal-result-list{margin:0;padding-left:18px;list-style:disc}.bulk-modal-result-list li{margin:2px 0}.bulk-modal-result-errors{margin:6px 0 0;padding-left:18px;list-style:disc;max-height:200px;overflow-y:auto;font-size:12px}.bulk-modal-result-meta{margin:10px 0 4px;font-size:12px;color:#4a5568}.clear-selection-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;border:none;border-radius:8px;padding:8px 12px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:16px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #ff6b6b33}.clear-selection-btn:hover{background:linear-gradient(135deg,#ff5252,#f44336);transform:translateY(-1px);box-shadow:0 4px 8px #ff6b6b4d}.clear-selection-btn:active{transform:translateY(0);box-shadow:0 2px 4px #ff6b6b33}.tab-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:16px;position:relative;overflow:visible}.two-column-dropdowns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.three-column-dropdowns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.department-selection-dropdown,.doctor-selection-dropdown,.procedure-selection-dropdown{min-width:0;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;margin-bottom:0;min-height:74px}.department-selection-dropdown:focus-within,.doctor-selection-dropdown:focus-within,.procedure-selection-dropdown:focus-within{z-index:100}@media(max-width:1024px){.three-column-dropdowns{grid-template-columns:1fr 1fr;gap:16px}.procedure-selection-dropdown{grid-column:1 / -1}}@media(max-width:1200px){.modern-edit-sets [data-active-tab=doctors] .data-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.modern-edit-sets [data-active-tab=procedures] .data-list,.surgery-implant-content .data-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:768px){.two-column-dropdowns,.three-column-dropdowns{grid-template-columns:1fr;gap:16px}.tab-controls{padding:16px}.data-list{grid-template-columns:1fr;padding:16px}.modern-edit-sets [data-active-tab=doctors] .data-list,.modern-edit-sets [data-active-tab=procedures] .data-list,.surgery-implant-content .data-list{grid-template-columns:1fr}.data-item{min-height:auto}}.modern-edit-sets{max-width:1200px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--var(--white));min-height:100vh}.edit-sets-steps{display:flex;gap:16px;margin-bottom:32px;padding:3 8px;overflow-x:auto;scroll-behavior:smooth}.step{min-width:280px;padding:20px;border-radius:var(--border-radius-large);background:var(--var(--white));border:2px solid var(--border-light);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-light)}.step:hover:not(.disabled){border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.step.active{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);box-shadow:var(--shadow-medium)}.step.completed .step-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--success-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:12px;font-weight:700}.step.disabled{opacity:.5;cursor:not-allowed;background:var(--background-light)}.step-icon{font-size:2rem;flex-shrink:0}.step-content h4{margin:0 0 4px;font-size:1.1rem;font-weight:600}.step-content p{margin:0;font-size:.9rem;opacity:.8;line-height:1.4}.edit-sets-main{background:var(--white);border-radius:16px;box-shadow:0 4px 24px #0000000f;overflow:visible}.department-selection,.doctor-selection,.procedure-selection{padding:32px;text-align:center}.department-selection h3,.doctor-selection h3,.procedure-selection h3{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.department-selection p,.doctor-selection p,.procedure-selection p{margin:0 0 24px;color:var(--text-secondary);font-size:1rem}.department-grid,.doctor-grid,.procedure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px}.department-card,.doctor-card,.procedure-card{padding:20px;border:2px solid var(--border-light);border-radius:var(--border-radius-large);background:var(--var(--white));cursor:pointer;transition:all .3s ease;text-align:left}.department-card:hover,.doctor-card:hover,.procedure-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.department-card.selected,.doctor-card.selected,.procedure-card.selected{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-light),var(--background-light));box-shadow:var(--shadow-light)}.department-card h4,.doctor-card h4,.procedure-card h4{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.department-card p,.doctor-card p,.procedure-card p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.edit-sets-controls{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid var(--border-light);background:var(--background-light)}.search-section{flex:1;max-width:400px}.search-input{width:100%;padding:12px 16px;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;transition:border-color .3s ease;background:var(--white)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.add-button{padding:12px 24px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea40}.add-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #667eea59}.add-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.add-form{padding:24px 32px;background:#f0f4ff;border-bottom:1px solid var(--border-light)}.add-input{width:100%;padding:12px 16px;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;margin-bottom:16px;transition:border-color .3s ease}.add-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.add-form-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-button{padding:10px 20px;background:var(--success-color);color:var(--white);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.confirm-button:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.confirm-button:disabled{opacity:.5;cursor:not-allowed}.cancel-button{padding:10px 20px;background:#6b7280;color:var(--white);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#4b5563;transform:translateY(-1px)}.edit-sets-content{background:var(--white)}.data-list{padding:16px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.modern-edit-sets [data-active-tab=doctors] .data-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.modern-edit-sets [data-active-tab=procedures] .data-list,.modern-edit-sets [data-active-tab=surgery-implants] .data-list,.surgery-implant-content .data-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.data-item{display:flex;flex-direction:column;justify-content:space-between;padding:12px;border:1px solid var(--border-light);border-radius:8px;background:var(--white);transition:all .3s ease;min-height:100px}.data-item:hover{border-color:#c7d2fe;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.item-content{flex:1;min-height:60px}.item-content h4{margin:0 0 6px;font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.3;word-break:break-word}.item-content p{margin:0 0 8px;color:var(--text-secondary);font-size:.8rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-actions{display:flex;gap:6px;justify-content:flex-end}.edit-button,.delete-button,.move-button{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .3s ease}.move-button{background:#e0e7ff;color:#4f46e5;font-weight:700;font-size:1.2rem}.move-button:hover:not(:disabled){background:#c7d2fe;transform:scale(1.05)}.move-button:disabled{opacity:.4;cursor:not-allowed;background:#f3f4f6;color:#9ca3af}.move-button.move-up,.move-button.move-down{font-size:1.3rem}.move-button.move-left,.move-button.move-right{font-size:1.2rem}.edit-button{background:#f3f4f6;color:#374151}.edit-button:hover{background:#e5e7eb;transform:scale(1.05)}.delete-button{background:#fef2f2;color:var(--danger-color)}.delete-button:hover{background:#fee2e2;transform:scale(1.05)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-small{padding:16px;text-align:center;color:var(--text-secondary);font-style:italic}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center;color:var(--text-secondary)}.empty-state h3{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:#374151}.empty-state p{margin:0;font-size:1rem;line-height:1.5}.error-small{padding:16px;text-align:center;color:var(--danger-color);background:#fef2f2;border-radius:8px;border:1px solid #fecaca}@media(max-width:768px){.modern-edit-sets{padding:16px}.edit-sets-steps{flex-direction:column;gap:12px}.step{min-width:auto}.edit-sets-controls{flex-direction:column;gap:16px;align-items:stretch}.department-grid,.doctor-grid,.procedure-grid{grid-template-columns:1fr}.data-item{flex-direction:column;align-items:flex-start;gap:16px}.item-actions{align-self:flex-end}}.step:focus,.department-card:focus,.doctor-card:focus,.procedure-card:focus{outline:2px solid var(--primary-color);outline-offset:2px}.procedures-tab-layout{padding:32px}.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;min-height:400px}.surgery-implants-tab-layout{padding:32px}.three-column-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;min-height:400px}.selection-column{background:var(--white);border:2px solid var(--border-light);border-radius:var(--border-radius-large);padding:24px;box-shadow:var(--shadow-light)}.department-selection-compact,.doctor-selection-compact,.procedure-selection-compact{text-align:center}.department-selection-compact h3,.doctor-selection-compact h3,.procedure-selection-compact h3{margin:0 0 8px;font-size:1.3rem;font-weight:600;color:var(--text-primary)}.department-selection-compact p,.doctor-selection-compact p,.procedure-selection-compact p{margin:0 0 20px;color:var(--text-secondary);font-size:.95rem}.department-grid-compact,.doctor-grid-compact,.procedure-grid-compact{display:grid;grid-template-columns:1fr;gap:12px;max-height:300px;overflow-y:auto}.department-card-compact,.doctor-card-compact,.procedure-card-compact{padding:16px;border:2px solid var(--border-light);border-radius:var(--border-radius);background:var(--white);cursor:pointer;transition:all .3s ease;text-align:left}.department-card-compact:hover,.doctor-card-compact:hover,.procedure-card-compact:hover{border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-light)}.department-card-compact.selected,.doctor-card-compact.selected,.procedure-card-compact.selected{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-light),var(--background-light));box-shadow:var(--shadow-light)}.department-card-compact h4,.doctor-card-compact h4,.procedure-card-compact h4{margin:0 0 6px;font-size:1rem;font-weight:600;color:var(--text-primary)}.department-card-compact p,.doctor-card-compact p,.procedure-card-compact p{margin:0;color:var(--text-secondary);font-size:.85rem;line-height:1.3}.placeholder-message,.empty-state-small{text-align:center;padding:40px 20px;color:var(--text-secondary);font-style:italic}.draggable-item{cursor:move;position:relative}.draggable-item:hover{border-color:var(--primary-color);background:var(--background-light)}.draggable-item.dragging{opacity:.5;transform:rotate(2deg);z-index:1000}.draggable-item.reorder-disabled{cursor:default}.item-number{position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:var(--primary-color);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:var(--shadow-medium);z-index:10}.drag-hint{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--text-secondary);font-size:.8rem}.drag-icon{font-size:1.2rem;color:var(--primary-color)}.drag-text{font-style:italic}.draggable-item .drag-hint{opacity:.6;transition:opacity .3s ease}.draggable-item:hover .drag-hint{opacity:1}@media(max-width:768px),(hover:none){.draggable-item .drag-hint{opacity:1}}.data-list .draggable-item{margin-left:25px}.selection-guide{display:flex;justify-content:center;align-items:center;min-height:400px;padding:32px}.guide-content{max-width:500px;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:32px}.guide-content h3{margin:0 0 16px;color:#1e293b;font-size:1.25rem}.guide-content p{margin:0 0 24px;color:#64748b;line-height:1.6}.selection-checklist{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.checklist-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background:var(--white);border:1px solid #e2e8f0;transition:all .2s ease}.checklist-item.completed{border-color:#22c55e;background:#f0fdf4}.checklist-item.pending{border-color:#e2e8f0;background:var(--white)}.checklist-item .checkbox{font-size:1.1rem}.checklist-item span:last-child{font-weight:500;color:#374151}.checklist-item.completed span:last-child{color:#166534}.guide-note{font-size:.875rem;color:#6b7280;font-style:italic}@media print{.modern-edit-sets{background:var(--white);padding:0}.step{border:1px solid #000;box-shadow:none}.add-button,.edit-button,.delete-button{display:none}.two-column-layout{grid-template-columns:1fr;gap:16px}}.edit-sets-tabs{display:flex;gap:16px;margin-bottom:24px;border-bottom:2px solid var(--border-light);padding-bottom:16px}.tab-button{background:var(--white);border:2px solid var(--border-light);border-radius:var(--border-radius);padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;color:var(--text-primary)}.tab-button:hover{border-color:var(--primary-color);background:var(--primary-light)}.tab-button.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white);box-shadow:var(--shadow-light)}.tab-content{padding:24px 0}.form-section{background:var(--white);border:2px solid var(--border-light);border-radius:var(--border-radius-large);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-light)}.form-section h3{color:var(--text-primary);margin-bottom:20px;font-size:1.5rem;font-weight:600}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.form-control{width:100%;padding:12px;border:2px solid var(--border-light);border-radius:var(--border-radius);font-size:14px;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.add-form{background:var(--background-light);padding:20px;border-radius:var(--border-radius);margin-top:20px}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:var(--border-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-right:8px}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--text-secondary);color:var(--white)}.btn-secondary:hover{background:var(--text-primary)}.btn-edit{background:var(--warning-color);color:var(--white);padding:6px 12px;font-size:12px}.btn-delete{background:var(--danger-color);color:var(--white);padding:6px 12px;font-size:12px}.btn-edit:hover,.btn-delete:hover{opacity:.8}.items-list{background:var(--white);border:2px solid var(--border-light);border-radius:var(--border-radius-large);padding:24px;box-shadow:var(--shadow-light)}.items-list h4{color:var(--text-primary);margin-bottom:16px;font-size:1.25rem;font-weight:600}.item-card{background:var(--white);border:2px solid var(--border-light);border-radius:var(--border-radius);padding:16px;transition:all .3s ease;box-shadow:var(--shadow-light)}.item-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-medium)}.item-info h5{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:500}.item-actions{display:flex;align-items:center}.loading-spinner{text-align:center;padding:40px;color:var(--text-secondary);font-size:16px}@media(max-width:768px){.edit-sets-tabs{flex-direction:column}.tab-button{width:100%;text-align:center}.items-grid{grid-template-columns:1fr}.form-section{padding:16px}.two-column-layout{grid-template-columns:1fr;gap:20px}.procedures-tab-layout{padding:16px}.three-column-layout{grid-template-columns:1fr;gap:16px}.surgery-implants-tab-layout,.selection-column{padding:16px}.data-list .draggable-item{margin-left:20px}.surgery-implant-content .data-list .draggable-item{margin-left:15px}.item-number{width:25px;height:25px;font-size:.8rem}}.surgery-implant-management{background:var(--white);border-radius:16px;box-shadow:0 4px 24px #0000000f;overflow:hidden;margin-top:24px}.mode-selector{background:var(--background-light);border-bottom:2px solid var(--border-light);padding:24px}.mode-tabs{display:flex;gap:12px;margin-bottom:20px;justify-content:center}.mode-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid var(--border-light);border-radius:var(--border-radius-large);background:var(--white);cursor:pointer;transition:all .3s ease;font-weight:500;color:var(--text-primary)}.mode-tab:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-light)}.mode-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-color:var(--primary-color);color:var(--white);box-shadow:var(--shadow-medium)}.mode-icon{font-size:1.2rem}.mode-info{text-align:center}.mode-info h3{margin:0 0 8px;font-size:1.4rem;font-weight:600;color:var(--text-primary)}.mode-info p{margin:0;color:var(--text-secondary);font-size:1rem}.surgery-implant-content{padding:32px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.surgery-implant-item{border-left:4px solid var(--primary-color);background:linear-gradient(135deg,var(--white),var(--background-light))}.surgery-implant-item:hover{border-left-color:var(--primary-dark);box-shadow:var(--shadow-medium)}.item-meta{display:flex;gap:12px;margin-top:8px}.item-type{background:var(--primary-color);color:var(--white);padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.item-procedure{background:var(--background-light);color:var(--text-secondary);padding:4px 8px;border-radius:4px;font-size:.8rem;border:1px solid var(--border-light)}@media(max-width:768px){.mode-tabs{flex-direction:column;align-items:center}.mode-tab{width:100%;max-width:300px;justify-content:center}.content-header{flex-direction:column;gap:16px;align-items:stretch}.surgery-implant-content,.mode-selector{padding:16px}.item-meta{flex-direction:column;gap:6px}}.modern-edit-sets.permission-denied{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.permission-error-container{text-align:center;max-width:500px;padding:3rem 2rem;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;border:1px solid #e5e7eb}.permission-error-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.permission-error-title{color:#374151;font-size:1.75rem;font-weight:600;margin-bottom:1rem;line-height:1.3}.permission-error-message{color:#6b7280;font-size:1.1rem;margin-bottom:2rem;line-height:1.5}.permission-error-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:2rem;text-align:left}.permission-error-details p{margin:.5rem 0;font-size:.9rem;color:#4b5563}.permission-error-details code{background:#e5e7eb;color:#374151;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.8rem;font-weight:600}.permission-error-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.permission-error-actions .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;transition:all .2s ease;border:1px solid transparent;cursor:pointer;font-size:1rem}.permission-error-actions .btn-secondary{background:#f3f4f6;color:#374151;border-color:#d1d5db}.permission-error-actions .btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.permission-error-actions .help-text{color:#9ca3af;font-size:.9rem;margin:0;font-style:italic}@media(max-width:640px){.modern-edit-sets.permission-denied{padding:1rem;min-height:50vh}.permission-error-container{padding:2rem 1.5rem}.permission-error-icon{font-size:3rem}.permission-error-title{font-size:1.5rem}.permission-error-message{font-size:1rem}}.auto-select-checkbox{width:32px;height:32px;cursor:pointer;accent-color:#20b2aa;flex-shrink:0;border-radius:8px}.auto-select-checkbox:disabled{cursor:not-allowed;opacity:.5}@media(max-width:768px){.auto-select-checkbox{width:36px;height:36px;border-radius:0;-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;border:2px solid #cbd5e0}.auto-select-checkbox:checked{accent-color:#20b2aa;background-color:#20b2aa}.edit-button,.delete-button,.move-button{width:36px;height:36px}}.tray-quantities-content{background:var(--white);border-radius:var(--border-radius-large);padding:32px;box-shadow:var(--shadow-light);animation:fadeIn .3s ease-in-out}.tray-quantities-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--border-light)}.tray-quantities-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0;display:flex;align-items:center;gap:12px}.bulk-update-controls{display:flex;gap:12px;align-items:center}.bulk-update-input{width:140px;padding:10px 16px;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;font-weight:500;color:var(--text-primary);transition:all .2s ease;text-align:center}.bulk-update-input:hover{border-color:var(--primary-light)}.bulk-update-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.bulk-update-button{padding:10px 28px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #20b2aa40;white-space:nowrap;min-width:160px}.bulk-update-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),#006666);transform:translateY(-2px);box-shadow:0 4px 12px #20b2aa59}.bulk-update-button:active:not(:disabled){transform:translateY(0)}.bulk-update-button:disabled{background:var(--border-light);color:var(--text-secondary);cursor:not-allowed;box-shadow:none}.save-quantities-button{padding:10px 32px;background:linear-gradient(135deg,#27ae60,#229954);color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #27ae6040;white-space:nowrap}.save-quantities-button:hover:not(:disabled){background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-2px);box-shadow:0 4px 12px #27ae6059}.save-quantities-button:active:not(:disabled){transform:translateY(0)}.save-quantities-button:disabled{background:var(--border-light);color:var(--text-secondary);cursor:not-allowed;box-shadow:none}.tray-quantities-tables{display:flex;flex-direction:column;gap:32px}.quantity-table-section{padding:15px}.quantity-table-section h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 20px;display:flex;align-items:center;gap:8px}.quantity-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.quantity-table thead{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.quantity-table thead th{padding:14px 18px;text-align:left;font-weight:600;font-size:.85rem;color:var(--white);text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid var(--primary-dark)}.quantity-table thead th:nth-child(2){text-align:center}.quantity-table thead th:first-child{border-top-left-radius:8px}.quantity-table thead th:last-child{border-top-right-radius:8px}.quantity-table tbody tr{transition:all .2s ease;border-bottom:1px solid var(--border-light)}.quantity-table tbody tr:last-child{border-bottom:none}.quantity-table tbody tr:hover{background:#20b2aa08;transform:scale(1.005);box-shadow:0 2px 8px #0000000d}.quantity-table tbody td{padding:16px 20px;color:var(--text-primary);font-size:.95rem;vertical-align:middle}.quantity-table tbody td:first-child{font-weight:500;color:var(--text-primary)}.quantity-table tbody td:nth-child(2){text-align:center}.quantity-input{width:110px;padding:8px 12px;border:2px solid var(--border-light);border-radius:6px;font-size:1rem;font-weight:600;color:var(--text-primary);text-align:center;transition:all .2s ease;background:var(--white)}.quantity-input:hover{border-color:var(--primary-light)}.quantity-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a;background:var(--primary-light)}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.auto-select-indicator{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:1.25rem;font-weight:700;transition:all .2s ease}.auto-select-indicator.enabled{background:linear-gradient(135deg,#27ae60,#229954);color:var(--white);box-shadow:0 2px 8px #27ae604d}.auto-select-indicator.disabled{background:#e0e0e0;color:#999;opacity:.6}.empty-state{text-align:center;padding:64px 32px;color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-state h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 12px}.empty-state p{font-size:1.1rem;margin:0;line-height:1.6}.empty-state strong{color:var(--primary-color);font-weight:600}.loading-state{text-align:center;padding:64px 32px;color:var(--text-secondary)}.loading-state .spinner{width:48px;height:48px;margin:0 auto 24px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{font-size:1.1rem;font-weight:500;color:var(--text-primary)}@media(max-width:1024px){.tray-quantities-header{flex-direction:column;align-items:flex-start;gap:20px}.bulk-update-controls{width:100%;flex-wrap:wrap}.bulk-update-input,.bulk-update-button,.save-quantities-button{flex:1;min-width:120px}}@media(max-width:768px){.tray-quantities-content{padding:20px}.tray-quantities-header h3{font-size:1.25rem}.quantity-table-section{padding:16px}.quantity-table thead th,.quantity-table tbody td{padding:12px 16px;font-size:.9rem}.quantity-table{font-size:.9rem}.quantity-input{width:100px;padding:6px 10px;font-size:.9rem}.bulk-update-controls{flex-direction:column;width:100%}.bulk-update-input,.bulk-update-button,.save-quantities-button{width:100%}}@media(max-width:480px){.tray-quantities-content{padding:16px}.quantity-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.quantity-table thead th,.quantity-table tbody td{padding:10px 12px;font-size:.85rem}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:1rem}}.reports-container{padding:24px;max-width:1400px;margin:0 auto;background:#f8f9fa;min-height:calc(100vh - 200px)}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.reports-title h1{font-size:2rem;font-weight:600;color:#2c3e50;margin:0;display:flex;align-items:center;gap:12px}.reports-title p{color:#6c757d;margin:8px 0 0;font-size:1rem}.reports-actions{display:flex;gap:12px}.reports-actions .btn{padding:8px 16px;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:8px}.reports-container .modern-filters-section{overflow:visible;will-change:transform;isolation:isolate}.reports-container .filters-header{border-top-left-radius:var(--border-radius-large);border-top-right-radius:var(--border-radius-large)}.reports-container .filters-content{overflow:visible;border-bottom-left-radius:var(--border-radius-large);border-bottom-right-radius:var(--border-radius-large)}.reports-container .filter-category,.reports-container .filter-row{overflow:visible}.report-description{margin:10px 0 0;font-size:.85rem;color:#5a6a7a;line-height:1.5}.reports-container .modern-filter-group{overflow:visible}.report-sort-section{margin-top:4px}.reports-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.report-empty-state{padding:60px 24px;text-align:center;color:#6c757d;font-size:1.1rem}.empty-state-icon{font-size:1.1rem;color:#6c757d}.report-summary-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #e9ecef;background:linear-gradient(135deg,#f8fffe,#f0faf9)}.report-summary-header h3{margin:0;color:#2c3e50;font-size:1.3rem;font-weight:600}.summary-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#20b2aa,#1a8a7a);color:#fff;padding:8px 16px;border-radius:20px;font-weight:500;box-shadow:0 2px 6px #20b2aa4d}.summary-count{font-size:1.4rem;font-weight:700}.summary-label{font-size:.9rem}.case-ref-link{font-weight:600;color:#20b2aa;text-decoration:none;cursor:pointer;transition:color .2s ease}.case-ref-link:hover{color:#1a8a7a;text-decoration:underline}.case-analysis-report{padding:0}.case-analysis-report .detailed-table-container{overflow-x:auto;border-top:none}.case-reporting-report{padding:0}.case-reporting-print-area{padding:0 24px 24px}.dept-group{margin-top:24px;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px #0000000f}.dept-group-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:linear-gradient(135deg,#20b2aa,#1a8a7a);color:#fff}.dept-group-header h4{margin:0;font-size:1.1rem;font-weight:600}.dept-case-count{font-size:.9rem;opacity:.9;font-weight:500;background:#ffffff26;padding:4px 12px;border-radius:12px}.proc-group{border-top:1px solid #e9ecef}.proc-group-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(135deg,#f0faf9,#e8f5f4);border-bottom:1px solid #d4eded}.proc-type-name{font-weight:600;color:#20b2aa;font-size:1rem}.proc-case-count{font-size:.85rem;color:#495057;font-weight:500;background:#e0f0ef;padding:3px 10px;border-radius:10px;border:1px solid #c8e6e3}.proc-cases-table-container{overflow-x:auto}.proc-cases-table{margin:0}.detailed-table-container{overflow-x:auto;border:1px solid #e9ecef;border-radius:8px}.detailed-table{width:100%;border-collapse:collapse;font-size:.9rem}.detailed-table th{background:linear-gradient(135deg,#f8f9fa,#eef2f5);padding:12px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #20b2aa;white-space:nowrap}.detailed-table td{padding:12px;border-bottom:1px solid #e9ecef;vertical-align:middle}.detailed-table tr:hover{background:#f0faf9}.procedure-info{display:flex;flex-direction:column;gap:2px}.procedure-type{font-weight:500;color:#2c3e50}.procedure-name{font-size:.8rem;color:#6c757d}.status-badge{display:inline-block;font-size:.8rem;font-weight:500;white-space:nowrap}@media(max-width:768px){.reports-container{padding:16px}.reports-header{flex-direction:column;gap:16px;align-items:stretch}.reports-title h1{font-size:1.5rem}.reports-actions{justify-content:stretch}.reports-actions .btn{flex:1}.report-summary-header{flex-direction:column;gap:12px;align-items:flex-start}.dept-group-header{flex-direction:column;gap:8px;align-items:flex-start}.proc-group-header{flex-direction:column;gap:6px;align-items:flex-start}}@media print{@page{size:A4;margin:15mm}body.printing-report{background:#fff!important;margin:0!important;padding:0!important}body.printing-report *{visibility:hidden!important}body.printing-report .reports-container,body.printing-report .reports-container *{visibility:visible!important}body.printing-report .reports-container{position:absolute!important;top:0!important;left:0!important;right:0!important;background:#fff!important;padding:0!important;margin:0!important;max-width:100%!important;box-shadow:none!important}body.printing-report header,body.printing-report nav,body.printing-report .app-header,body.printing-report .app-footer,body.printing-report .header,body.printing-report .navigation,body.printing-report .mobile-navigation,body.printing-report .sidebar,body.printing-report .mobile-menu,body.printing-report .modal,body.printing-report .modal-backdrop,body.printing-report .toast-container,body.printing-report .notification-container,body.printing-report .reports-header .reports-actions,body.printing-report .modern-filters-section,body.printing-report .report-empty-state{display:none!important}body.printing-report .reports-header{box-shadow:none!important;border:none!important;border-bottom:2px solid #20b2aa!important;padding:0 0 8px!important;margin-bottom:12px!important;background:#fff!important}body.printing-report .reports-title h1{font-size:18pt;color:#1a8a7a;margin:0}body.printing-report .reports-title p{font-size:9pt;color:#555;margin:4px 0 0}body.printing-report .reports-content{box-shadow:none!important;border:none!important;border-radius:0!important;background:#fff!important}body.printing-report .report-summary-header{border-bottom:1px solid #ccc!important;padding:8px 0 10px!important;background:none!important;display:flex!important;justify-content:space-between!important;align-items:center!important}body.printing-report .report-summary-header h3{font-size:13pt;color:#1a8a7a;margin:0}body.printing-report .summary-badge{background:#20b2aa!important;color:#fff!important;padding:4px 12px!important;border-radius:14px!important;font-size:10pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}body.printing-report .dept-group{break-inside:avoid;page-break-inside:avoid;border:1px solid #d0e8e7!important;border-radius:6px!important;margin-top:14px!important;overflow:hidden!important;box-shadow:none!important}body.printing-report .dept-group-header{background:#20b2aa!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:8px 14px!important;display:flex!important;justify-content:space-between!important;align-items:center!important}body.printing-report .dept-group-header h4{font-size:11pt;margin:0;color:#fff!important}body.printing-report .dept-case-count{background:#ffffff40!important;color:#fff!important;padding:2px 10px!important;border-radius:12px!important;font-size:9pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}body.printing-report .proc-group{break-inside:avoid;page-break-inside:avoid;border-top:1px solid #e0e0e0!important}body.printing-report .proc-group-header{background:#f0faf9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:6px 14px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid #d0e8e7!important}body.printing-report .proc-type-name{color:#1a8a7a!important;font-weight:600;font-size:10pt}body.printing-report .proc-case-count{background:#e0f0ef!important;color:#1a8a7a!important;padding:2px 8px!important;border-radius:10px!important;font-size:9pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}body.printing-report .detailed-table-container{overflow:visible!important;border:none!important;border-radius:0!important}body.printing-report .detailed-table{font-size:9pt;border-collapse:collapse!important;width:100%!important}body.printing-report .detailed-table th{background:#f8f9fa!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#1a8a7a;padding:6px 8px!important;border-bottom:1.5px solid #20b2aa!important;text-align:left;font-weight:600}body.printing-report .detailed-table td{padding:5px 8px!important;border-bottom:1px solid #eee!important;color:#333}body.printing-report .detailed-table tr{page-break-inside:avoid}body.printing-report .detailed-table tr:hover{background:#fff!important}body.printing-report .case-ref-link{color:#1a8a7a!important;font-weight:600;text-decoration:none}body.printing-report .status-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:2px 6px!important;border-radius:3px!important;font-size:8.5pt!important;font-weight:600;white-space:nowrap}body.printing-report .case-analysis-report .detailed-table-container{margin-top:10px}body.printing-report .case-reporting-print-area{padding:0!important}body.printing-report *{transition:none!important;animation:none!important}}.form-config{padding:1.5rem;max-width:1100px;margin:0 auto}.form-config-header h2{margin:0 0 .25rem}.form-config-sub{color:#666;font-size:.9rem;margin:0 0 1rem}.form-config-intro{background:#f7f9fc;border:1px solid #e5ecf5;border-left:3px solid #0066cc;border-radius:8px;padding:.75rem 1rem;margin:0 0 1.25rem;font-size:.88rem;color:#444;line-height:1.5}.form-config-intro p{margin:0 0 .5rem}.form-config-intro ul{margin:0;padding-left:1.1rem}.form-config-intro li{margin:.25rem 0}.form-config-intro strong{color:#1a1a1a}.form-config-denied,.form-config-empty{padding:2rem;text-align:center;color:#888;background:#fafafa;border:1px dashed #ddd;border-radius:8px}.form-config-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:1rem}.form-config-controls .form-group{display:flex;flex-direction:column;gap:.35rem;min-width:220px}.form-config-controls .form-group label{font-size:.8rem;font-weight:600;color:#444}.form-config-controls>.btn{align-self:flex-end;height:42px;min-height:42px;box-sizing:border-box;margin:0;display:inline-flex;align-items:center;white-space:nowrap}.form-config-controls .form-group.form-group-action{min-width:0}.form-config-controls .form-group.form-group-action>.btn{height:42px;min-height:42px;box-sizing:border-box;margin:0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.form-config-tabs{display:flex;gap:.5rem;border-bottom:2px solid #eee;margin-bottom:1rem}.form-config-savebar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.form-config-savebar-warn{color:#b8860b;font-size:.85rem;font-weight:600}.form-config-attachment-setting{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:.75rem 1rem;margin-bottom:1rem;background:#f7f9fc;border:1px solid #e5ecf5;border-radius:8px}.form-config-attachment-setting .inline-check{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;white-space:nowrap}.form-config-attachment-hint{flex:1 1 100%;font-size:.8rem;color:#666;line-height:1.4}.form-config-tab{background:none;border:none;padding:.6rem 1rem;cursor:pointer;font-weight:600;color:#777;border-bottom:3px solid transparent;margin-bottom:-2px}.form-config-tab.active{color:#06c;border-bottom-color:#06c}.form-config-add{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.75rem;background:#f6f9ff;border:1px solid #d8e6ff;border-radius:8px;margin-bottom:1rem}.form-config-add.column{flex-direction:column;align-items:stretch}.form-config-add .add-row{display:flex;gap:1rem;align-items:center}.form-config-add input[type=text],.form-config-add select{padding:.4rem .6rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem;height:38px;box-sizing:border-box}.form-config-add .btn{height:38px;display:inline-flex;align-items:center;white-space:nowrap}.form-config-add input[type=text]{flex:1 1 180px;min-width:160px}.form-config-add .inline-check{display:flex;align-items:center;gap:.35rem;font-size:.9rem}.form-config-table{width:100%;border-collapse:collapse;font-size:.9rem}.form-config-table th,.form-config-table td{text-align:left;padding:.55rem .75rem;border-bottom:1px solid #eee}.form-config-table input[type=checkbox]{-webkit-appearance:auto;appearance:auto;width:18px;height:18px;min-width:18px;accent-color:#20b2aa;cursor:pointer;margin:0;vertical-align:middle}.form-config-table input[type=checkbox]:disabled{cursor:not-allowed;opacity:.55}.form-config-table th{font-size:.75rem;text-transform:uppercase;color:#888;letter-spacing:.03em}.form-config-table tr.is-hidden-row{opacity:.5}.form-config-table .order-cell{white-space:nowrap}.form-config-table .reorder{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:.1rem .35rem;margin-right:.2rem}.form-config-table .reorder:disabled{opacity:.3;cursor:not-allowed}.placeholder-cell{color:#888;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lock-badge{margin-left:.4rem}.custom-badge,.report-badge{display:inline-block;margin-left:.4rem;font-size:.65rem;text-transform:uppercase;padding:.05rem .35rem;border-radius:4px;vertical-align:middle}.custom-badge{background:#eef;color:#336}.report-badge{background:#fff0e6;color:#b5651d}.btn-xs{padding:.2rem .5rem;font-size:.75rem}.form-config-table .inline-edit{width:100%;min-width:120px;padding:.3rem .45rem;border:1px solid #0066cc;border-radius:5px;font-size:.85rem;box-sizing:border-box}.form-config-table .label-text{cursor:text;border-bottom:1px dashed transparent}.form-config-table .label-text:hover{border-bottom-color:#bbb}.form-config-table .actions-cell{white-space:nowrap;display:flex;gap:.35rem}.form-config-table .order-fixed{color:#bbb;padding:0 .4rem}.form-config-table .builtin-note{font-size:.7rem;color:#999;font-style:italic}.form-config-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.form-config-table-scroll>.form-config-table{min-width:640px}@media(max-width:768px){.form-config{padding:1rem .75rem}.form-config-controls{gap:.75rem}.form-config-controls .form-group{min-width:100%}.form-config-tabs{flex-wrap:wrap}.form-config-add{flex-direction:column;align-items:stretch}.form-config-add input[type=text],.form-config-add select,.form-config-add .btn{width:100%;flex:1 1 auto;min-width:0}.form-config-add .add-row{flex-wrap:wrap;gap:.5rem}.form-config-intro{font-size:.82rem;padding:.65rem .8rem}.form-config-table th,.form-config-table td{padding:.5rem .55rem}.form-config-table-scroll{border:1px solid #eee;border-radius:8px}}.permission-matrix-page{max-width:1400px;margin:0 auto;background:var(--white);min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:40px;min-height:60px}.header-content{display:flex;align-items:center;gap:32px;flex:1}.header-title-section{flex-shrink:0}.header-description-section{flex-grow:1}.header-content h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0;white-space:nowrap}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.summary-toggle-button,.export-button,.edit-button,.save-button,.cancel-button,.bulk-allow-button,.bulk-remove-button{padding:10px 16px;border-radius:8px;border:none;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.summary-toggle-button{background:var(--background-light);color:var(--text-primary)}.summary-toggle-button:hover{background:var(--border-light)}.export-button{background:var(--primary-color);color:#fff}.export-button:hover{background:var(--primary-dark)}.edit-button{background:var(--success-color);color:#fff;white-space:nowrap;min-width:fit-content;width:auto}.edit-button:hover{background:#218838}.edit-actions{display:flex;gap:8px;align-items:center}.save-button{background:var(--success-color);color:#fff}.cancel-button{background:var(--danger-color);color:#fff}.cancel-button:hover{background:#c82333}.bulk-allow-button{background:var(--success-color);color:#fff}.bulk-allow-button:hover{background:#218838}.bulk-allow-button:disabled,.bulk-remove-button:disabled{opacity:.6;cursor:not-allowed}.bulk-remove-button{background:var(--danger-color);color:#fff}.bulk-remove-button:hover{background:#c82333}.permission-summary{background:var(--white);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-medium)}.permission-summary h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 16px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.summary-card{background:var(--background-light);border-radius:8px;padding:16px;border:1px solid var(--border-light)}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.permission-count{background:var(--primary-color);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap;display:inline-block;min-width:fit-content}.summary-permissions{display:flex;flex-wrap:wrap;gap:6px}.permission-tag{background:var(--background-light);color:var(--text-secondary);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.more-permissions{background:var(--background-light);color:var(--danger-color);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.permission-notes{background:var(--white);border-radius:12px;padding:24px;margin-top:24px;box-shadow:var(--shadow-medium)}.permission-notes h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 16px}.role-definitions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.role-definitions-title{display:flex;flex-direction:column;gap:4px}.role-definitions-title h3{margin:0}.last-update-timestamp{color:var(--text-secondary);font-size:12px;font-style:italic;margin:0}.role-definitions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.role-definition{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background-light);border-radius:8px;border:1px solid var(--border-light)}.role-badge{color:#000;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;display:inline-block;min-width:fit-content;text-align:center;line-height:1.2}.role-definition p{color:var(--text-secondary);font-size:14px;margin:0;line-height:1.4}.system-notes{border-top:1px solid var(--border-light);padding-top:20px}.role-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.system-notes h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.system-notes ul{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0;padding-left:20px}.system-notes li{margin-bottom:8px}.system-notes strong{color:var(--text-primary);font-weight:600}@media(max-width:1024px){.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start}.summary-grid,.role-definitions{grid-template-columns:1fr}}@media(max-width:768px){.permission-matrix-page{padding:16px}.header-content h1{font-size:24px}.header-actions{flex-direction:column;align-items:stretch}.edit-actions{width:100%}.save-button,.cancel-button,.bulk-allow-button,.bulk-remove-button{flex:1}.role-definitions-header{flex-direction:column;align-items:flex-start;gap:12px}.role-definition{flex-direction:column;align-items:flex-start;text-align:left}.role-badge{align-self:flex-start}}@media print{.permission-matrix-page{background:#fff;padding:20px}.header-actions{display:none}.permission-summary,.permission-notes{box-shadow:none;border:1px solid #ccc}.summary-card,.role-definition{background:#fff;border:1px solid #ccc}}@media(prefers-color-scheme:dark){.permission-matrix-page{background:var(--white);color:var(--text-primary)}.header-content h1{color:var(--text-primary)}.header-content p{color:var(--text-secondary)}.permission-summary,.permission-notes{background:var(--white)}.permission-summary h3,.permission-notes h3,.system-notes h4{color:var(--text-primary)}.summary-card,.role-definition{background:var(--background-light);border-color:var(--border-light)}.summary-header h4,.role-definition p,.system-notes li{color:var(--text-secondary)}.permission-tag{background:var(--background-light);color:var(--text-secondary)}}.audit-logs{padding:24px;max-width:1400px;margin:0 auto;background:var(--white);min-height:100vh}.audit-logs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid var(--border-light)}.header-content h2{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 8px}.header-content p{color:var(--text-secondary);font-size:16px;margin:0;line-height:1.5}.header-stats{display:flex;gap:24px}.stat-item{text-align:center;border-radius:12px}.clickable-stat{cursor:pointer;transition:all .2s ease}.clickable-stat:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.clickable-stat:hover .stat-value,.clickable-stat:hover .stat-label{color:#fff}.stat-value{display:block;font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:4px}.stat-label{display:block;font-size:12px;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.audit-filters{background:var(--white);border:1px solid var(--border-light);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-light)}.audit-filters h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:600;color:var(--text-primary);font-size:14px}.filter-group .form-control{padding:10px 12px;border:2px solid var(--border-light);border-radius:8px;font-size:14px;transition:all .2s ease}.filter-group .form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.audit-logs-table{background:var(--white);border:1px solid var(--border-light);border-radius:12px;overflow:visible;box-shadow:var(--shadow-light);min-width:fit-content;width:fit-content;margin:0 auto}.audit-logs-table.system-logs-table{width:100%;min-width:0;margin:0;overflow-x:auto}.audit-logs-table table{width:100%;border-collapse:collapse}.audit-logs-table th{background:var(--background-light);padding:16px 12px;text-align:left;font-weight:600;color:var(--text-primary);font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-light)}.audit-logs-table td{padding:12px;border-bottom:1px solid var(--border-light);font-size:14px;vertical-align:top}.log-row{transition:all .2s ease}.log-row:hover{background:var(--background-light)}.log-row.success{border-left:4px solid var(--success-color)}.log-row.warning{border-left:4px solid var(--warning-color)}.log-row.error{border-left:4px solid var(--danger-color)}.timestamp-cell{font-family:Courier New,monospace;font-size:12px;color:var(--text-secondary);white-space:nowrap}.user-cell strong{color:var(--text-primary);font-weight:600}.action-cell{font-weight:500;color:var(--text-primary)}.category-badge{background:var(--primary-light);color:var(--primary-color);padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.target-cell{font-family:Courier New,monospace;font-size:13px;font-weight:600;color:var(--text-secondary)}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.success{background:var(--success-color);color:#fff}.status-badge.warning{background:var(--warning-color);color:#fff}.status-badge.error{background:var(--danger-color);color:#fff}.ip-cell{font-family:Courier New,monospace;font-size:12px;color:var(--text-secondary)}.details-cell{max-width:300px}.details-preview{color:var(--text-secondary);font-size:13px;line-height:1.4;cursor:help}.no-logs{text-align:center;padding:60px 20px;color:var(--text-secondary)}.no-logs p{font-size:16px;margin-bottom:16px}.access-denied{text-align:center;padding:80px 20px;color:var(--text-secondary)}.access-denied h2{color:var(--danger-color);font-size:24px;margin-bottom:16px}.access-denied p{font-size:16px;margin-bottom:12px;line-height:1.5}@media(max-width:1200px){.audit-logs-table{overflow-x:auto}.audit-logs-table table{min-width:1000px}}@media(max-width:1024px)and (min-width:769px){.audit-logs-header{flex-direction:column;gap:20px;align-items:stretch}.header-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:600px;margin:0 auto}.filters-grid{grid-template-columns:repeat(2,1fr)}.stat-item{padding:14px 18px}.header-content h2{font-size:26px}.audit-logs-table{overflow-x:auto}.audit-logs-table table{min-width:800px}.audit-logs-table th,.audit-logs-table td{padding:10px 8px;font-size:13px}.details-cell{max-width:150px}}@media(max-width:768px){.audit-logs{padding:16px}.audit-logs-header{flex-direction:column;gap:16px}.header-stats{align-self:stretch;justify-content:space-around}.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.audit-logs-table th,.audit-logs-table td{padding:8px;font-size:12px}.details-cell{max-width:200px}.audit-logs .app-main{display:block;overflow-x:auto}.audit-logs-table{width:100%;min-width:0;margin:0;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:480px){.header-content h2{font-size:24px}.stat-item{padding:12px 16px}.stat-value{font-size:20px}.audit-filters{padding:16px}.audit-logs-table th,.audit-logs-table td{padding:6px;font-size:11px}}.audit-logs .app-main{max-width:none;display:flex;justify-content:center;align-items:flex-start}.audit-logs-table{overflow-x:auto;overflow-y:visible;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-width:fit-content;width:fit-content;margin:0 auto}.audit-logs-table::-webkit-scrollbar{height:8px;width:8px}.audit-logs-table::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.audit-logs-table::-webkit-scrollbar-thumb{background:#c1c8cd;border-radius:4px}.audit-logs-table::-webkit-scrollbar-thumb:hover{background:#a8b2ba}.more-details-btn{font-size:11px!important;padding:2px 8px!important;margin-left:8px;color:var(--primary-color)!important;text-decoration:none!important;border:1px solid var(--primary-color);border-radius:4px;background:transparent;transition:all .2s ease}.more-details-btn:hover{background:var(--primary-color);color:#fff!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:600px;width:90%;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.details-modal{max-width:800px}.active-users-modal{max-width:500px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.modal-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close-btn:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:24px;max-height:60vh;overflow-y:auto;overflow-x:hidden}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb}.details-content{line-height:1.6}.details-content p{margin:0;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid var(--primary-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;white-space:pre-wrap;word-break:break-word}.users-list ul{list-style:none;padding:0;margin:0}.user-item{padding:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid rgba(148,163,184,.2);border-radius:8px;margin-bottom:.5rem;transition:all .2s ease}.user-item:last-child{margin-bottom:0}.user-info{display:flex;align-items:flex-start;gap:.75rem}.user-icon{font-size:16px;margin-top:.125rem}.user-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:#1e293b}.user-last-login{font-size:.85rem;color:#64748b}.user-last-login.no-login{color:#94a3b8;font-style:italic;color:#1f2937}.users-table{width:100%;border-radius:12px;overflow:visible;box-shadow:0 4px 16px #0000001a;background:#fff}.table-header{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.table-column-header{padding:16px 20px;border-right:1px solid rgba(255,255,255,.2)}.table-column-header:last-child{border-right:none}.table-body{max-height:none;overflow:visible}.table-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e5e7eb;transition:all .2s ease}.table-row:hover{background:#f8fafc}.table-row.active-user{background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.table-row.inactive-user{background:linear-gradient(135deg,#fef2f2,#fef7f7)}.table-cell{padding:16px 20px;border-right:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.table-cell:last-child{border-right:none}.user-name-cell,.last-activity-cell{justify-content:flex-start}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-indicator.online{background:#10b981;box-shadow:0 0 8px #10b98166}.status-indicator.offline{background:#ef4444;box-shadow:0 0 8px #ef444466}.user-name{font-weight:600;color:#1e293b;flex:1}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-badge.inactive{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.last-activity-time{font-weight:500;color:#374151}.no-activity{color:#9ca3af;font-style:italic}.no-users-message{text-align:center;color:#6b7280;font-style:italic;padding:40px 20px;background:#f9fafb;border-radius:8px;margin:0}.active-users-modal{max-width:800px;width:90%}@media(max-width:768px){.table-header,.table-row{grid-template-columns:1fr}.table-column-header,.table-cell{border-right:none;border-bottom:1px solid #e5e7eb}.table-column-header:last-child,.table-cell:last-child{border-bottom:none}.active-users-modal{max-width:95%}}.clear-logs-modal{max-width:500px;width:90%}.warning-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:20px}.warning-message p{margin:0 0 8px;color:#991b1b;font-size:14px;line-height:1.5}.warning-message p:last-child{margin-bottom:0;font-weight:600}.confirmation-section{margin-bottom:20px}.confirmation-section label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:14px}.confirmation-input{width:100%;padding:12px;border:2px solid #d1d5db;border-radius:6px;font-size:14px;font-family:monospace;transition:border-color .2s ease}.confirmation-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.confirmation-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.modal-footer .btn-danger{background:#dc2626;border-color:#dc2626;color:#fff}.modal-footer .btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.modal-footer .btn-danger:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed;opacity:.6}.app-only-email-config{padding:0}.app-config-header{margin-bottom:1.5rem;padding:1rem;background:#e3f2fd;border-radius:8px;border:1px solid #2196f3}.app-config-header h4{margin:0 0 .5rem;color:#1976d2;font-size:1.1rem;font-weight:600}.app-config-header p{color:#37474f;margin:0 0 .75rem;font-size:.9rem}.setup-guide-link{display:inline-flex;align-items:center;gap:.5rem;color:#1976d2;text-decoration:none;font-weight:500;padding:.5rem 1rem;border:1px solid #2196f3;border-radius:4px;transition:all .3s ease;font-size:.85rem}.setup-guide-link:hover{background:#2196f3;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #2196f34d}.token-status-bar{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem;border:1px solid #e9ecef}.token-status-bar label{font-weight:600;color:#6c757d;font-size:.9rem}.token-status{padding:4px 12px;border-radius:4px;font-weight:500;font-size:.9em}.token-status.valid{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.token-status.expiring{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.token-status.expired{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.token-status.no-token{background:#e7e7e7;color:#666;border:1px solid #ccc}.config-form{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 6px #00000014;margin-bottom:1.25rem}.config-form .form-group{margin-bottom:1.25rem}.config-form label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500;font-size:.9rem}.config-form .required{color:#dc3545;font-weight:600}.config-form .optional{color:#6c757d;font-weight:400;font-size:.85rem}.config-form input{width:100%;padding:.625rem;border:1px solid #dee2e6;border-radius:4px;font-size:.9rem;transition:all .3s ease;background:#fff}.config-form input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;background:#fff}.secret-input-wrapper{position:relative;display:flex;gap:5px}.secret-input-wrapper input{flex:1}.toggle-secret{padding:.5rem .75rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease}.toggle-secret:hover{background:#e9ecef;border-color:#adb5bd}.config-form small{display:block;margin-top:.25rem;color:#6c757d;font-size:.8rem}.config-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.config-actions button{padding:.625rem 1.25rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem;box-shadow:0 2px 4px #0000001a}.config-actions .btn-test{background:#17a2b8;color:#fff;min-width:150px}.config-actions .btn-test:hover:not(:disabled){background:#138496;transform:translateY(-1px);box-shadow:0 4px 8px #17a2b84d}.config-actions .btn-primary{background:#28a745;color:#fff;flex:1}.config-actions .btn-primary:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.config-actions button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.config-info{background:#e8f4fd;padding:1.25rem;border-radius:8px;border:1px solid #bee5eb;border-left:4px solid #17a2b8}.config-info h4{margin:0 0 .75rem;color:#0c5460;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.config-info ul{margin:0;padding-left:1.25rem}.config-info li{margin:.5rem 0;color:#0c5460;line-height:1.5;font-size:.85rem}.config-info code{background:#fff;padding:.125rem .375rem;border-radius:3px;font-family:Courier New,monospace;font-size:.85rem;color:#d73502;font-weight:600}.email-config-container{max-width:1200px;margin:0 auto;padding:1rem;background:#f8f9fa;min-height:calc(100vh - 120px)}.email-config-header{text-align:center;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 4px #00000014;border:1px solid #e9ecef}.email-config-header h3{font-size:1.3rem!important;font-weight:600;color:#2c3e50;margin:0 0 .25rem!important;display:flex;align-items:center;justify-content:center;gap:.5rem}.email-config-header p{font-size:.9rem!important;color:#6c757d;margin:0!important;font-weight:400}.email-config-header .country-selection{margin-top:.75rem!important;display:flex;align-items:center;justify-content:center;gap:.5rem}.email-config-header .country-selection label{margin:0!important;font-size:.9rem!important}.email-config-header .country-selection select{max-width:200px!important}.config-section{background:#fff;border-radius:10px;padding:1.25rem;box-shadow:0 2px 6px #00000014;border:1px solid #e9ecef;transition:all .3s ease;margin-bottom:1.25rem}.config-section>.section-content{padding:0!important;margin:0!important;background:transparent!important;border:none!important}.config-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.config-section .section-header h3{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0;display:flex;align-items:center;gap:.5rem}.config-section .chevron{transition:transform .3s ease;color:#6c757d;font-size:.9rem}.config-section .chevron.expanded{transform:rotate(90deg)}.provider-status-badge-inline{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:15px;background:#f8f9fa;border:1px solid #dee2e6;font-size:.75rem;font-weight:500}.provider-status-badge-inline .status-icon{font-size:.8rem}.provider-card{border:1px solid #e9ecef;border-radius:8px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease;background:#fff}.provider-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff1a}.provider-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa}.provider-info{display:flex;align-items:center;gap:.75rem}.provider-icon{width:32px;height:32px}.provider-info h4{font-size:1rem;font-weight:600;color:#2c3e50;margin:0}.provider-info p{font-size:.8rem;color:#6c757d;margin:0}.provider-actions{padding:1rem;background:#fff;border-top:1px solid #f1f3f5}.auth-status{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;font-size:.85rem;animation:fadeIn .3s ease}.auth-status.authenticated{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.auth-status.authenticated .auth-info{display:flex;flex-direction:column;gap:.25rem}.auth-status.authenticated .auth-info strong{color:#155724;font-weight:600}.auth-status.not-authenticated{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.auth-status .status-icon{font-size:1.2rem;animation:pulse 1.5s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.current-country-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:20px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;font-size:.85rem;margin-top:.75rem}.current-country-badge .country-label{opacity:.9}.current-country-badge .country-name{font-weight:600}@media(max-width:768px){.email-config-container{padding:.5rem}.email-config-header{padding:.75rem;margin-bottom:1rem}.email-config-header h3{font-size:1.1rem!important}.config-section{padding:1rem;margin-bottom:1rem;border-radius:8px}.config-section .section-header h3{font-size:1rem}.provider-card{margin-bottom:.75rem}.provider-header{padding:.75rem;flex-direction:column;gap:.5rem;align-items:flex-start}.provider-actions{padding:.75rem}.auth-status{font-size:.8rem;padding:.4rem}.form-group{margin-bottom:.75rem}.form-group label{font-size:.85rem;margin-bottom:.25rem}.form-control{font-size:.9rem;padding:.5rem}.btn{width:100%;padding:.6rem!important;font-size:.9rem!important;margin-bottom:.5rem}.config-actions{flex-direction:column;gap:.5rem}.config-actions button{width:100%}.config-section>*{padding-left:0!important;padding-right:0!important}.notification-rule{padding:.75rem!important;margin-bottom:.75rem!important}.notification-rule h5{font-size:.95rem!important}.export-options{grid-template-columns:1fr!important}}@media(min-width:769px)and (max-width:1024px){.email-config-container{padding:1rem}.config-section{padding:1.5rem}}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.9rem;font-weight:500;color:#495057;margin-bottom:.25rem}.form-control{width:100%;padding:.5rem;font-size:.9rem;border:1px solid #ced4da;border-radius:4px;transition:border-color .15s ease-in-out}.form-control:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.btn{padding:.5rem 1rem;font-size:.9rem;font-weight:500;border-radius:4px;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-success:hover:not(:disabled){background:#218838}.btn-warning:hover:not(:disabled){background:#e0a800}.btn-outline-danger{background:transparent;color:#dc3545;border:1px solid #dc3545}.btn-outline-danger:hover:not(:disabled){background:#dc3545;color:#fff}.btn-outline-secondary{background:transparent;color:#6c757d;border:1px solid #6c757d}.config-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e9ecef}.alert{padding:.75rem;border-radius:4px;margin-bottom:1rem}.alert-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.notification-rule{border:1px solid #dee2e6;border-radius:6px;padding:1rem;margin-bottom:1rem;background:#fff;transition:all .3s ease}.notification-rule:hover{box-shadow:0 2px 8px #00000014}.notification-rule h5{font-size:1rem;font-weight:600;color:#495057;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.template-variables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1rem 0}.variable-category{border:1px solid #e0e0e0;border-radius:6px;padding:1rem;background:#fafafa}.variable-category h5{color:#1976d2;font-size:.95rem;margin-bottom:.75rem;font-weight:600}.variable-item{margin-bottom:.5rem;font-size:.85rem}.variable-code{background:#e3f2fd;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:.85rem;font-weight:600;color:#1565c0}.config-section+.config-section{margin-top:-.25rem}.case-modifier-enhanced-container{padding:1.5rem;max-width:1600px;margin:0 auto;background:#f8f9fa;min-height:100vh}.case-modifier-header{background:#fff;color:var(--text-primary, #222222);padding:1.5rem 2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 12px #0000000f;display:flex;justify-content:space-between;align-items:center;border-top:4px solid var(--primary-color, #20b2aa)}.case-modifier-header .header-content h1{font-size:1.8rem;margin-bottom:.25rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color, #20b2aa),var(--primary-dark, #008b8b));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.case-modifier-header .header-content p{color:var(--text-secondary, #717171);font-size:.95rem}.header-controls{display:flex;gap:1rem;align-items:center}.country-indicator{background:var(--primary-light, #e0f7f7);padding:.6rem 1.1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem}.country-label{color:var(--text-secondary, #717171);font-size:.9rem}.country-value{font-weight:600;font-size:1rem;color:var(--primary-dark, #008b8b)}.legend-toggle-btn,.bulk-mode-btn{background:var(--primary-light, #e0f7f7);color:var(--primary-dark, #008b8b);border:2px solid var(--primary-color, #20b2aa);padding:.6rem 1.1rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.legend-toggle-btn:hover,.bulk-mode-btn:hover{background:var(--primary-color, #20b2aa);color:#fff;transform:translateY(-2px)}.bulk-mode-btn.active{background:var(--primary-color, #20b2aa);color:#fff;border-color:var(--primary-dark, #008b8b);box-shadow:0 0 12px #20b2aa4d}.status-legend-panel{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #00000014;animation:slideDown .3s ease}.status-legend-panel h3{margin-bottom:1rem;color:#333;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.status-legend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.legend-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:6px;transition:background .2s}.legend-item:hover{background:#f8f9fa}.legend-color{width:24px;height:24px;border-radius:50%;box-shadow:0 2px 4px #00000026;flex-shrink:0}.legend-label{font-size:.9rem;color:#555;font-weight:500}.filters-section{background:#fff;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 4px 12px #00000014;overflow:hidden}.filters-header{padding:1.25rem 1.5rem;background:#f5f7fa;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s}.filters-header:hover{background:#e9ebef}.filters-title{display:flex;align-items:center;gap:.75rem}.filters-title h3{margin:0;color:#333;font-size:1.1rem}.active-filters-badge{background:#4caf50;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.filters-toggle{background:transparent;border:2px solid var(--primary-color, #20b2aa);color:var(--primary-color, #20b2aa);padding:.25rem .75rem;border-radius:6px;cursor:pointer;transition:all .3s;font-weight:600}.filters-toggle.expanded{background:var(--primary-color, #20b2aa);color:#fff;transform:rotate(180deg)}.filters-content{padding:1.5rem;animation:slideDown .3s ease}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group.full-width{grid-column:span 2}.filter-group label{font-size:.9rem;color:#555;font-weight:500}.filter-input,.form-select,.form-input{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s;background:#fff;width:100%;box-sizing:border-box}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;padding-right:2.5rem;cursor:pointer}.filter-input:focus,.form-select:focus,.form-input:focus{outline:none;border-color:var(--primary-color, #20b2aa);box-shadow:0 0 0 3px #20b2aa1a}.filter-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e0e0e0}.btn-primary,.btn-secondary,.btn-warning{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--primary-color, #20b2aa),var(--primary-dark, #008b8b));color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #20b2aa4d}.btn-secondary{background:#f5f5f5;color:#333;border:2px solid #e0e0e0}.btn-secondary:hover:not(:disabled){background:#e0e0e0;border-color:#ccc}.btn-warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f5576c4d}.btn-primary:disabled,.btn-secondary:disabled,.btn-warning:disabled{opacity:.5;cursor:not-allowed}.search-results-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #00000014}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.results-header h3{color:#333;font-size:1.2rem;margin:0}.selected-count{background:var(--primary-color, #20b2aa);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1rem}.result-card{background:#f8f9fa;border:2px solid transparent;border-radius:10px;padding:1.25rem;cursor:pointer;transition:all .3s;position:relative}.result-card:hover{background:#fff;border-color:var(--primary-color, #20b2aa);box-shadow:0 6px 20px #20b2aa26;transform:translateY(-2px)}.result-card.selected{background:linear-gradient(135deg,#20b2aa1a,#008b8b1a);border-color:var(--primary-color, #20b2aa);box-shadow:0 6px 20px #20b2aa33}.bulk-checkbox{position:absolute;top:1rem;right:1rem;width:20px;height:20px;cursor:pointer}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.result-reference{font-weight:600;color:#333;font-size:1.05rem}.result-status-badge{padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.result-details{display:flex;flex-direction:column;gap:.5rem}.result-info{display:flex;gap:.5rem;font-size:.9rem;color:#666}.result-info .info-label{font-weight:500;color:#888;min-width:70px}.pagination-container{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.pagination-btn{padding:.5rem 1rem;border:2px solid var(--primary-color, #20b2aa);background:#fff;color:var(--primary-color, #20b2aa);border-radius:6px;cursor:pointer;transition:all .3s;font-weight:500}.pagination-btn:hover:not(:disabled){background:var(--primary-color, #20b2aa);color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#666;font-weight:500}.case-admin-panel{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.case-details-section{padding:2rem;border-bottom:1px solid #e0e0e0}.case-details-section h2{color:#333;margin-bottom:1.5rem;font-size:1.4rem}.case-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{font-size:.85rem;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{color:#333;font-size:1rem;font-weight:500}.info-value.large{font-size:1.2rem;font-weight:600;color:var(--primary-color, #20b2aa)}button.reference-link{background:none;border:none;padding:0;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:2px}button.reference-link:hover{color:var(--primary-dark, #178f89);text-decoration:underline}button.reference-link:focus-visible{outline:2px solid var(--primary-color, #20b2aa);outline-offset:2px;border-radius:3px}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.status-badge.large{font-size:1.1rem;padding:.6rem 1.2rem}.special-instructions{background:#f8f9fa;padding:1rem;border-radius:8px;margin-top:1rem}.special-instructions label{font-weight:600;color:#555;display:block;margin-bottom:.5rem}.special-instructions p{color:#666;margin:0;line-height:1.6}.admin-actions-section{background:#f8f9fa}.action-tabs{display:flex;background:#fff;border-bottom:2px solid #e0e0e0;overflow-x:auto}.action-tab{padding:1rem 1.5rem;background:transparent;border:none;color:#666;font-weight:500;cursor:pointer;transition:all .3s;position:relative;white-space:nowrap}.action-tab:hover{background:#f8f9fa;color:#333}.action-tab.active{color:var(--primary-color, #20b2aa);background:#f8f9fa}.action-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--primary-color, #20b2aa)}.action-content{padding:2rem;background:#fff}.action-panel h3{color:#333;margin-bottom:1rem;font-size:1.3rem}.action-description{color:#666;margin-bottom:1.5rem;line-height:1.6}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;resize:vertical;min-height:100px;font-family:inherit;transition:all .3s}.form-textarea:focus{outline:none;border-color:var(--primary-color, #20b2aa);box-shadow:0 0 0 3px #20b2aa1a}.workflow-visualization{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.workflow-current{text-align:center;margin-bottom:1rem;font-size:1.1rem;color:#666}.workflow-current strong{color:#333;font-weight:600}.workflow-arrow{text-align:center;font-size:1.5rem;color:var(--primary-color, #20b2aa);margin:.5rem 0}.workflow-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.workflow-option{padding:.75rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s;text-align:center;font-weight:500;color:#666}.workflow-option:hover{border-color:var(--primary-color, #20b2aa);color:var(--primary-color, #20b2aa);background:#20b2aa0d}.workflow-option.selected{background:var(--primary-color, #20b2aa);color:#fff;border-color:var(--primary-color, #20b2aa)}.edit-form{background:#f8f9fa;padding:1.5rem;border-radius:8px}.edit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem}.edit-form-grid .form-group.full-width{grid-column:1 / -1}@media(max-width:768px){.edit-form-grid{grid-template-columns:1fr}}.edit-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.audit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.audit-log-list{max-height:600px;overflow-y:auto}.audit-entry{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;margin-bottom:1rem}.audit-entry .audit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.audit-action{background:var(--primary-color, #20b2aa);color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500}.audit-date{color:#888;font-size:.85rem}.audit-details{color:#666;font-size:.9rem;line-height:1.5}.audit-json{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:.75rem;margin-top:.5rem;font-family:Courier New,monospace;font-size:.85rem;overflow-x:auto}.audit-json pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.audit-user{font-weight:600;color:#444;margin-bottom:.35rem}.audit-fields{margin:.25rem 0 0;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:.5rem .75rem}.audit-field{display:flex;gap:.5rem;padding:.2rem 0;border-bottom:1px solid #f2f2f2}.audit-field:last-child{border-bottom:none}.audit-field dt{flex:0 0 40%;max-width:40%;font-weight:600;color:#555;margin:0}.audit-field dd{flex:1;margin:0;color:#333;word-break:break-word}.status-history-section{padding:2rem;border-top:1px solid #e0e0e0}.status-history-section h3{color:#333;margin-bottom:1.5rem;font-size:1.3rem}.history-timeline{position:relative;padding-left:3rem}.history-entry{position:relative;display:flex;margin-bottom:2rem}.history-marker{position:absolute;left:-3rem;display:flex;flex-direction:column;align-items:center}.history-dot{width:16px;height:16px;border-radius:50%;box-shadow:0 2px 8px #0003;z-index:1}.history-line{width:2px;height:calc(100% + 2rem);background:#e0e0e0;margin-top:.5rem}.history-content{flex:1;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem;box-shadow:0 2px 8px #0000000d}.history-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.history-status{padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.history-transition{color:#888;font-size:.85rem;font-style:italic}.history-current{background:#4caf50;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.history-meta{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.85rem;color:#888}.history-user{color:#666}.history-reason{color:#555;font-style:italic;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f0f0f0}.undo-btn{margin-top:.75rem;padding:.4rem .8rem;background:#ff9800;color:#fff;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .3s}.undo-btn:hover{background:#f57c00;transform:translateY(-1px);box-shadow:0 4px 12px #ff98004d}.bulk-actions-panel{background:#fff;border-radius:12px;padding:2rem;margin-top:1.5rem;box-shadow:0 4px 12px #00000014;border:2px solid #ffd700}.bulk-actions-panel h3{color:#333;margin-bottom:1.5rem;font-size:1.3rem}.bulk-action-form{background:#f8f9fa;padding:1.5rem;border-radius:8px}.bulk-action-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.alert{padding:1rem 1.5rem;border-radius:8px;margin:1.5rem 0;display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease}.alert-error{background:linear-gradient(135deg,#fee,#fdd);border:1px solid #f88;color:#c00}.alert-success{background:linear-gradient(135deg,#efe,#dfd);border:1px solid #8f8;color:#060}.alert-icon{font-size:1.2rem}.confirm-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.confirm-dialog{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.confirm-dialog h3{color:#333;margin-bottom:1.5rem;font-size:1.4rem}.confirm-content{margin-bottom:1.5rem}.confirm-content p{color:#666;margin-bottom:.75rem;line-height:1.6}.confirm-content strong{color:#333;font-weight:600}.critical-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:1rem;margin-top:1rem;color:#856404;font-weight:500}.confirm-actions{display:flex;gap:1rem;justify-content:flex-end}.no-data{text-align:center;padding:2rem;color:#888;font-style:italic}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.results-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.case-modifier-enhanced-container{padding:1rem}.case-modifier-header{flex-direction:column;gap:1rem;text-align:center}.header-controls{flex-wrap:wrap;justify-content:center}.filters-grid{grid-template-columns:1fr}.filter-group.full-width{grid-column:span 1}.results-grid,.case-info-grid{grid-template-columns:1fr}.action-tabs{flex-wrap:wrap}.workflow-options{grid-template-columns:1fr}.confirm-dialog{width:95%;padding:1.5rem}.history-timeline{padding-left:2rem}.history-marker{left:-2rem}}.permission-denied{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014}.permission-denied h2{color:#e74c3c;margin-bottom:1rem;font-size:1.8rem}.permission-denied p{color:#666;margin-bottom:.5rem;line-height:1.6}.admin-container{max-width:1200px;margin:0 auto;padding:2rem;background:var(--background-light, #f8f9fa);min-height:100vh}.admin-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;border-left:4px solid #2196f3}.admin-header h2{margin:0 0 .5rem;color:#2c3e50;font-size:1.8rem;font-weight:600}.admin-header p{margin:0;color:#6c757d;font-size:1.1rem}.header-actions{display:flex;gap:1rem;align-items:center;margin-top:1rem}.admin-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f3f4}.section-header h3{margin:0 0 .5rem;color:#2c3e50;font-size:1.4rem;font-weight:600}.section-header p{margin:0;color:#6c757d;font-size:1rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem;padding:0 .25rem}.import-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.setting-item{display:flex;flex-direction:column;gap:.4rem;padding:.75rem;background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.setting-item:hover{border-color:#2196f3;box-shadow:0 2px 8px #2196f31a}.setting-item label{font-weight:600;color:#2c3e50;font-size:.85rem;line-height:1.3;margin-bottom:0}.setting-item small{color:#6c757d;font-size:.75rem;line-height:1.3;margin-top:.2rem}.setting-item input[type=text],.setting-item input[type=number],.setting-item select{padding:.4rem .6rem;border:1px solid #dee2e6;border-radius:4px;font-size:.85rem;background-color:#fff;transition:all .2s ease;min-height:32px;max-height:36px}.setting-item input[type=text]:focus,.setting-item input[type=number]:focus,.setting-item select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.setting-item input[type=checkbox]{transform:scale(1);margin-right:.4rem;accent-color:#2196f3;width:16px;height:16px}.setting-item label:has(input[type=checkbox]){display:flex;align-items:center;cursor:pointer;padding:.2rem 0;font-size:.85rem}.collapsible-section{margin-bottom:1.5rem}.section-header.clickable{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;padding:1.5rem!important;margin-bottom:0!important;transition:all .3s ease;cursor:pointer}.section-header.clickable:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.section-header.clickable h3{margin:0!important;color:#2c3e50;font-size:1.25rem;font-weight:600}.section-header.clickable p{margin:.5rem 0 0!important;color:#6c757d;font-size:.95rem}.section-content{background:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0 12px 12px;padding:2rem!important;box-shadow:0 2px 8px #0000000d}.setting-item input,.setting-item select,.setting-item textarea{padding:.5rem;border:1px solid #e9ecef;border-radius:4px;font-size:.85rem;transition:border-color .2s ease;min-height:32px}.setting-item input:focus,.setting-item select:focus,.setting-item textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.setting-item input[type=checkbox]{width:auto;margin-right:.5rem}.setting-item small{color:#6c757d;font-size:.85rem;margin-top:.25rem}.import-type-card{border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;background:#fff}.import-type-card:hover{border-color:#2196f3;box-shadow:0 4px 12px #2196f326;transform:translateY(-2px)}.import-type-card.selected{border-color:#2196f3;background:#f3f8ff;box-shadow:0 4px 12px #2196f333}.import-type-card h4{margin:0 0 .5rem;color:#2c3e50;font-size:1.2rem;font-weight:600}.import-type-card p{margin:0 0 1rem;color:#6c757d;font-size:.95rem;line-height:1.5}.upload-area{border:2px dashed #dee2e6;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;background:#f8f9fa}.upload-area:hover{border-color:#2196f3;background:#f3f8ff}.upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{font-size:3rem;color:#6c757d}.file-upload-label{cursor:pointer}.file-input{display:none}.selected-file{background:#fff;border:2px solid #20b2aa;border-radius:8px;padding:1rem;margin-top:1rem;display:flex;justify-content:space-between;align-items:center}.file-info{display:flex;align-items:center;gap:.5rem}.file-name{font-weight:500;color:#20b2aa}.file-size{color:#6c757d;font-size:.9rem}.backup-actions,.restore-actions{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.backup-info,.template-actions{text-align:center}.backup-info p,.template-actions p{margin:.25rem 0;color:#6c757d;font-size:.9rem}.permission-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;margin:1rem 0;color:#856404}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner p{margin-top:1rem;color:#6c757d}.error-message{text-align:center;padding:2rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.error-message p{margin-bottom:1rem}.health-status{padding:1.5rem;border-radius:8px;background:#f8f9fa;border:2px solid #e9ecef}.health-status.healthy{background:#d4edda;border-color:#c3e6cb}.health-status.warning{background:#fff3cd;border-color:#ffeaa7}.health-status.error{background:#f8d7da;border-color:#f5c6cb}.health-indicator{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.status-icon{font-size:1.5rem}.status-text{font-size:1.1rem;font-weight:600;text-transform:capitalize}.health-checks{display:flex;flex-direction:column;gap:.5rem}.health-check{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:4px;background:#ffffffb3}.check-icon{font-size:1rem;flex-shrink:0}.check-name{font-weight:500;min-width:140px}.check-message{color:#6c757d;font-size:.9rem}.unsaved-changes-warning{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:1rem;margin:1.5rem 0;color:#721c24;text-align:center;font-weight:500}.backup-history,.import-results{margin-top:2rem}.backup-list{display:flex;flex-direction:column;gap:1rem}.backup-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.backup-details{display:flex;flex-direction:column;gap:.5rem}.backup-name{font-weight:600;color:#2c3e50}.backup-meta{display:flex;gap:1rem;font-size:.9rem;color:#6c757d}.results-summary{border-radius:8px;padding:1.5rem;margin:1rem 0}.results-summary.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.results-summary.warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.results-stats{display:flex;gap:2rem;margin-bottom:1rem}.stat-item{text-align:center}.stat-value{display:block;font-size:2rem;font-weight:700}.stat-item.success .stat-value{color:#20b2aa}.stat-item.error .stat-value{color:#dc3545}.stat-label{font-size:.9rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.error-details{margin-top:1rem}.error-details h4{margin:0 0 .5rem;color:#dc3545}.error-details ul{margin:0;padding-left:1.5rem}.error-details li{margin:.25rem 0;color:#721c24}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;justify-content:center;min-width:120px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#2196f3;color:#fff}.btn-primary:hover:not(:disabled){background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.btn-outline-secondary{background:transparent;color:#6c757d;border:2px solid #6c757d}.btn-outline-secondary:hover:not(:disabled){background:#6c757d;color:#fff}.btn-success{background:#20b2aa;color:#fff}.btn-success:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #20b2aa4d}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background:#e0a800;transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-sm{padding:.5rem 1rem;font-size:.9rem;min-width:80px}@media(max-width:768px){.admin-container{padding:1rem}.admin-header,.admin-section{padding:1.5rem}.settings-grid,.import-type-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;align-items:stretch}.backup-meta{flex-direction:column;gap:.5rem}.results-stats{flex-direction:column;gap:1rem}}.spinner{animation:spin 1s linear infinite}.btn:focus,.import-type-card:focus{outline:2px solid #2196f3;outline-offset:2px}@media print{.admin-container{box-shadow:none;padding:0}.btn{display:none}}.system-settings-container{max-width:1200px;margin:0 auto;padding:1rem;background:#fff;min-height:100vh}.system-settings-header{background:#fff;border-radius:12px;padding:.75rem;margin-bottom:.75rem;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(226,232,240,.6)}.system-settings-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark),var(--primary-color))}.settings-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.settings-header-info{flex:1}.settings-title{font-size:1.8rem;font-weight:700;color:#222;margin:0 0 .25rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.75rem}.settings-title-icon{font-size:1.8rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.settings-subtitle{font-size:.95rem;color:#64748b;font-weight:500;margin:0}.settings-header-actions{display:flex;gap:.75rem;align-items:center}.settings-save-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 25px #20b2aa4d;text-transform:uppercase;letter-spacing:.5px}.settings-save-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #20b2aa66}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.settings-reset-btn{background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 25px #64748b4d;text-transform:uppercase;letter-spacing:.5px}.settings-reset-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #64748b66}.changes-indicator{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fef3c7,#fed7aa);border:1px solid #f59e0b;color:#92400e;padding:.75rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600}.changes-indicator-icon{font-size:1.2rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.settings-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(550px,1fr));gap:1rem}.settings-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(226,232,240,.6);transition:all .3s ease}.settings-section:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.settings-section-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;padding:.75rem;cursor:pointer;transition:all .3s ease;position:relative}.settings-section-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.settings-section-header.expanded{background:linear-gradient(135deg,#e0f7f7,#b3ecec);border-bottom-color:#20b2aa}.section-header-content{display:flex;justify-content:space-between;align-items:center}.section-header-info{flex:1}.section-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem;display:flex;align-items:center;gap:1rem}.section-icon{font-size:1.8rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-description{font-size:.85rem;color:#64748b;font-weight:500;margin:0}.section-toggle{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:2px solid #94a3b8;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#475569;cursor:pointer;transition:all .3s ease;flex-shrink:0;z-index:2;position:relative}.section-toggle:hover{background:linear-gradient(135deg,#cbd5e1,#94a3b8);transform:scale(1.1)}.section-toggle.expanded{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-color:teal;color:#fff;transform:rotate(180deg)}.settings-section-content{padding:.75rem}.settings-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.modern-setting-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.modern-setting-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark),var(--primary-color));opacity:0;transition:opacity .3s ease}.modern-setting-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 25px #20b2aa26}.modern-setting-item:hover:before{opacity:1}.modern-setting-item:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.modern-setting-item:focus-within:before{opacity:1}.modern-setting-label{display:block;font-weight:700;color:#1e293b;margin-bottom:.5rem;font-size:1rem;line-height:1.4}.modern-setting-description{color:#64748b;font-size:.85rem;line-height:1.4;margin-top:.5rem;font-weight:500}.modern-setting-input{width:100%;padding:.75rem 1rem;border:2px solid #cbd5e1;border-radius:12px;font-size:.95rem;background:#fff;transition:all .3s ease;font-weight:500}.modern-setting-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a;background:#fefefe}.modern-setting-input:disabled{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b;cursor:not-allowed;border-color:#e2e8f0}.modern-setting-select{width:100%;padding:.75rem 1rem;border:2px solid #cbd5e1;border-radius:12px;font-size:.95rem;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4z'/><path fill='%23666' d='M0 3l2 2 2-2z'/></svg>");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px}.modern-setting-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.modern-checkbox-container{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem 0}.modern-checkbox{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;background:#fff;position:relative;cursor:pointer;transition:all .3s ease}.modern-checkbox:checked{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-color:teal}.modern-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:12px}.modern-checkbox:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.modern-checkbox-label{font-weight:600;color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none}.modern-number-input{width:100%;padding:.75rem 1rem;border:2px solid #cbd5e1;border-radius:12px;font-size:.95rem;background:#fff;transition:all .3s ease;font-weight:500}.modern-number-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.setting-range{font-size:.75rem;color:#94a3b8;margin-top:.25rem;font-weight:500}@media(max-width:1024px){.settings-sections-grid{grid-template-columns:1fr}}@media(max-width:768px){.system-settings-container{padding:.5rem}.settings-header-content{flex-direction:column;align-items:stretch;gap:.75rem}.settings-header-actions{justify-content:stretch;flex-direction:column;gap:.5rem}.settings-items-grid{grid-template-columns:1fr;gap:1rem}.settings-title{font-size:1.4rem}.settings-save-btn,.settings-reset-btn{justify-content:center;padding:.75rem 1rem;font-size:.85rem}.section-toggle{width:40px;height:40px;font-size:1rem;flex-shrink:0}.section-header-content{gap:.75rem}.section-title{font-size:1rem;gap:.75rem}.section-icon{font-size:1.4rem}.section-description{font-size:.8rem}.settings-sections-grid{grid-template-columns:1fr!important;gap:.75rem}.modern-setting-item{padding:1rem}.modern-setting-label{font-size:.9rem}.modern-setting-description{font-size:.8rem}}.settings-loading{display:flex;align-items:center;justify-content:center;padding:4rem;color:#64748b;font-size:1.1rem;font-weight:500}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:1rem}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.settings-section-header:focus,.modern-setting-input:focus,.modern-setting-select:focus,.modern-checkbox:focus{outline:2px solid var(--primary-color);outline-offset:2px}.notification-header-actions{display:flex;gap:8px;align-items:center}.settings-button,.mark-all-read-button{font-size:.8rem;padding:4px 8px;border-radius:6px}.notification-settings-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:200000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.notification-settings-modal{background:#fff!important;color:#333!important;border:2px solid #dee2e6!important;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#20b2aa,#008b8b);color:#fff}.notification-settings-header h2{margin:0;font-size:1.25rem;font-weight:600}.close-settings-button{color:#fff!important;border-color:#ffffff4d!important;background:transparent!important;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0}.close-settings-button:hover{background:#ffffff1a!important;border-color:#ffffff80!important}.notification-settings-content{padding:24px;max-height:60vh;overflow-y:auto;background:#fff!important;color:#333!important}.settings-quick-actions{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.settings-quick-actions .btn{font-size:.875rem;padding:6px 12px}.settings-section{margin-bottom:32px}.settings-section h3{font-size:1.1rem;font-weight:600;margin-bottom:16px;color:#2c3e50;display:flex;align-items:center;gap:8px}.settings-group{display:flex;flex-direction:column;gap:12px}.setting-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #dee2e6!important;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff!important;color:#333!important}.setting-item:hover{background-color:#f8f9fa!important;border-color:#20b2aa!important}.setting-item input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#008b8b;-webkit-appearance:checkbox;appearance:checkbox;background:#fff;border:2px solid #dee2e6;border-radius:4px;position:relative;flex-shrink:0}.setting-item input[type=checkbox]:checked{background:#008b8b;border-color:#008b8b}.setting-item input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.setting-label{display:flex;flex-direction:column;gap:4px;flex:1}.setting-title{font-weight:500;color:#2c3e50;font-size:.95rem}.setting-description{font-size:.85rem;color:#6c757d;line-height:1.4}.notification-settings-footer{padding:20px 24px;border-top:1px solid #e9ecef;background-color:#f8f9fa;display:flex;flex-direction:column;gap:16px}.settings-note{margin:0;font-size:.875rem;color:#6c757d;line-height:1.4}.notification-settings-footer .btn{align-self:flex-end;padding:8px 24px}@media(max-width:768px){.notification-settings-modal{width:95%;max-height:95vh}.notification-settings-header{padding:16px 20px}.notification-settings-header h2{font-size:1.1rem}.notification-settings-content{padding:20px}.settings-quick-actions{justify-content:stretch}.settings-quick-actions .btn{flex:1;min-width:0}.setting-item{padding:10px}.setting-title{font-size:.9rem}.setting-description{font-size:.8rem}}.setting-item:focus-within{outline:2px solid #20b2aa;outline-offset:2px}.setting-item input[type=checkbox]:focus{outline:none}@media(prefers-color-scheme:dark){.notification-settings-modal{background:#fff!important;color:#333!important}.notification-settings-header{border-bottom-color:#e9ecef!important}.notification-settings-content{background:#fff!important;color:#333!important}.setting-item{background:#fff!important;border-color:#dee2e6!important;color:#333!important}.setting-item:hover{background-color:#f8f9fa!important;border-color:#20b2aa!important}.setting-title{color:#2c3e50!important}.setting-description{color:#6c757d!important}.notification-settings-footer{background-color:#f8f9fa!important;border-top-color:#e9ecef!important}.settings-note{color:#6c757d!important}.settings-section h3{color:#2c3e50!important}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--border-light);box-shadow:0 -2px 10px #0000001a;z-index:1000;display:none;padding:0;padding-bottom:calc(env(safe-area-inset-bottom,0px)/2);transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}@media screen and (max-width:768px)and (display-mode:standalone){html{background-color:var(--white, #ffffff)}}@media screen and (max-width:768px)and (-webkit-device-pixel-ratio:2),screen and (max-width:768px)and (-webkit-device-pixel-ratio:3){html{background-color:var(--white, #ffffff)}}.mobile-nav-container{display:flex;justify-content:space-evenly;align-items:center;max-width:100%;margin:0 auto;height:60px;position:relative;padding:0 8px;gap:4px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;min-height:48px;min-width:48px;padding:8px 6px;border-radius:8px;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex:1;max-width:80px}.mobile-nav-item:hover,.mobile-nav-item:focus{color:var(--primary-color);background:var(--primary-light);outline:none}.mobile-nav-item.active{color:var(--primary-color);background:var(--primary-light)}.mobile-nav-item.active .mobile-nav-icon{transform:scale(1.1)}.mobile-nav-icon{font-size:20px;margin-bottom:4px;transition:transform .2s ease;line-height:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;text-align:center}.mobile-nav-label{font-size:10px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;margin-top:2px;letter-spacing:-.2px;display:block;width:100%}.mobile-menu-toggle{display:none}.mobile-nav-more{position:relative;flex:1;max-width:80px}.mobile-more-btn{position:relative}.mobile-user-preview{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;border-radius:6px;padding:3px 6px;display:none!important;flex-direction:column;align-items:center;gap:1px;min-width:65px;z-index:10;box-shadow:0 2px 8px #00000026;font-weight:500}.mobile-user-preview-name{font-size:8px;font-weight:600;color:#fff;text-align:center;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.mobile-user-preview-role{font-size:7px;font-weight:500;color:#ffffffe6;text-align:center;line-height:1;text-transform:uppercase}.mobile-user-preview-country{font-size:6px;color:#fffc;text-align:center;line-height:1}.mobile-menu-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#00000080;z-index:2000;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.mobile-menu-toggle:checked+.mobile-nav-item+.mobile-menu-overlay,.mobile-menu-overlay.active{opacity:1;visibility:visible;pointer-events:all;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.mobile-menu-toggle:checked+.mobile-nav-item,.mobile-nav-item.active{color:var(--primary-color);background:var(--primary-light)}.mobile-menu-content{position:absolute;bottom:0;left:0;right:0;background:var(--white);border-radius:20px 20px 0 0;max-height:80vh;overflow-y:auto;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);padding-bottom:max(20px,env(safe-area-inset-bottom));box-shadow:0 -10px 30px #0003}.mobile-menu-toggle:checked+.mobile-nav-item+.mobile-menu-overlay .mobile-menu-content,.mobile-menu-content.active{transform:translateY(0);animation:slideInFromBottom .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-menu-header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 20px 12px;border-bottom:2px solid var(--primary-light);position:sticky;top:0;background:var(--white);z-index:1}.mobile-user-info{display:flex;flex-direction:column;gap:8px;flex:1}.mobile-user-detail{display:flex;align-items:center;gap:8px}.mobile-detail-label{font-size:12px;font-weight:600;color:var(--text-secondary);min-width:50px}.mobile-user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.mobile-user-role{font-size:11px;font-weight:600;padding:3px 8px;border-radius:12px;background:var(--primary-light);color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px}.mobile-user-role.admin{background:#ffe6e6;color:#d63031}.mobile-user-role.ops-manager{background:#e6f3ff;color:#0984e3}.mobile-user-role.sales-user{background:#e8f5e8;color:#00b894}.mobile-country-badge{font-size:11px;font-weight:600;color:var(--text-primary);background:#e0f2f1;padding:3px 8px;border-radius:12px;white-space:nowrap;border:1px solid #b2dfdb}.mobile-menu-close{font-size:24px;font-weight:300;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;line-height:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:all .2s ease;background:none;border:none;touch-action:manipulation}.mobile-menu-close:hover{background:var(--border-light);color:var(--text-primary)}.mobile-menu-section{padding:0 24px 20px}.mobile-menu-section:last-child{padding-bottom:32px}.mobile-menu-section h3{font-size:14px;font-weight:600;color:var(--text-secondary);margin:20px 0 12px;text-transform:uppercase;letter-spacing:.5px}.mobile-menu-item{display:flex;align-items:center;gap:16px;width:100%;padding:16px 0;background:none;border:none;color:var(--text-primary);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:12px;text-align:left;min-height:52px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-menu-item:hover,.mobile-menu-item:focus{background:var(--background-light);outline:none;transform:translate(4px)}.mobile-menu-item.active{background:var(--primary-light);color:var(--primary-color)}.mobile-menu-icon{font-size:20px;width:24px;text-align:center;flex-shrink:0}.mobile-logout-btn{display:flex;align-items:center;justify-content:flex-start;gap:16px;width:100%;padding:16px 24px;background:none;border:none;color:var(--danger-color);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:12px;text-align:left;min-height:52px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;margin:8px 0;box-sizing:border-box}.mobile-logout-btn:hover,.mobile-logout-btn:focus{background:#ffeaea;outline:none;transform:translate(4px)}@media screen and (max-width:767px){.mobile-bottom-nav{display:block!important}.app-nav{display:none!important}.app-main{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.mobile-nav-container{height:60px;padding:0 4px}.mobile-nav-item{min-width:44px;max-width:70px;padding:6px 4px}.mobile-nav-icon{font-size:18px}.mobile-nav-label{font-size:9px}}@media screen and (min-width:768px)and (max-width:1024px)and (min-height:768px)and (max-height:1024px){.mobile-bottom-nav,.app-nav{display:block!important}.app-main{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.mobile-nav-container{height:70px;padding:0 8px}.mobile-nav-item{min-width:60px;max-width:90px;padding:10px 8px}.mobile-nav-icon{font-size:22px}.mobile-nav-label{font-size:11px}}@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (-webkit-min-device-pixel-ratio:1){.mobile-bottom-nav,.app-nav{display:block!important}}@media screen and (width:768px)and (height:1024px),screen and (width:1024px)and (height:768px){.mobile-bottom-nav,.app-nav{display:block!important}.app-main{padding-bottom:calc(70px + env(safe-area-inset-bottom))}}@media screen and (max-width:767px),screen and (max-height:767px)and (max-width:1023px){.mobile-bottom-nav{display:block!important}.app-nav{display:none!important}.app-main{padding-bottom:calc(70px + env(safe-area-inset-bottom))}}@media screen and (min-width:768px)and (max-width:1024px)and (min-height:768px)and (max-height:1366px),screen and (min-width:768px)and (max-width:1366px)and (min-height:768px)and (max-height:1024px){.mobile-bottom-nav,.app-nav{display:block!important}.app-main{padding-bottom:calc(70px + env(safe-area-inset-bottom))}}@media screen and (max-width:1366px)and (min-width:480px)and (max-height:1366px){.mobile-bottom-nav:not([style*="display: none"]) .mobile-nav-container{height:60px}.mobile-bottom-nav:not([style*="display: none"]) .mobile-nav-item{min-height:52px;padding:8px 12px}.mobile-bottom-nav:not([style*="display: none"]) .mobile-nav-icon{font-size:22px;margin-bottom:4px}.mobile-bottom-nav:not([style*="display: none"]) .mobile-nav-label{font-size:11px}}.mobile-menu-toggle:checked~*{overflow:hidden}.mobile-nav-item,.mobile-menu-item{will-change:transform,background-color}.mobile-menu-overlay,.mobile-menu-content{will-change:opacity,visibility,transform}.mobile-nav-item:focus-visible,.mobile-menu-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.status-legend-button.mobile-menu-item{display:flex!important;align-items:center!important;gap:16px!important;width:100%!important;padding:16px 0!important;background:none!important;border:none!important;color:var(--text-primary)!important;font-size:16px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;border-radius:12px!important;text-align:left!important;min-height:52px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;transform:none!important;box-shadow:none!important;position:relative!important}.status-legend-button.mobile-menu-item:before{display:none!important}.status-legend-button.mobile-menu-item:hover,.status-legend-button.mobile-menu-item:focus{background:var(--background-light)!important;outline:none!important;transform:translate(4px)!important;border-color:transparent!important;box-shadow:none!important}.status-legend-button.mobile-menu-item.active{background:var(--primary-light)!important;color:var(--primary-color)!important;transform:none!important;box-shadow:none!important}@media(hover:none){.mobile-nav-item:active{transform:scale(.95);background:var(--primary-light)}.mobile-menu-item:active,.status-legend-item .status-legend-button:active{background:var(--background-light);transform:scale(.98)}}.mobile-more-content{padding-left:20px;margin-top:8px;border-left:2px solid var(--border-light);animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.db-connection-wrapper{position:relative;display:inline-block}.db-status-indicator-simple{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:16px;background:#fff!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:3px solid #ebebeb;transition:all .2s ease;-webkit-text-fill-color:initial!important;-webkit-background-clip:initial!important;background-clip:initial!important}.db-status-indicator-simple:hover{background:#f0f0f0;transform:translateY(-1px)}.db-dot{font-size:12px;display:flex;align-items:center}.db-text{font-size:11px;font-weight:700;color:#000!important;-webkit-text-fill-color:#000000!important}.db-connection-detail-panel{min-width:320px;width:320px;background:#fff;color:#1e293b;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.08);animation:slideDown .2s ease-out;max-width:none!important;overflow:visible!important}.db-connection-detail-panel,.db-connection-detail-panel *{max-width:none!important}.db-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(0,0,0,.06);border-radius:12px 12px 0 0}.db-panel-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#1e293b!important;font-size:14px}.db-icon{font-size:16px}.db-panel-close{background:none;border:none;color:#64748b!important;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;font-size:14px}.db-panel-close:hover{background:#0000000d;color:#1e293b!important}.db-panel-content{padding:16px;color:#1e293b!important}.db-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:#1e293b!important}.db-label{color:#64748b!important;font-weight:500}.db-value{color:#1e293b!important;font-weight:600}.status-connected{color:#22c55e!important;background:#dcfce7;padding:2px 8px;border-radius:12px;font-size:12px}.status-disconnected{color:#ef4444!important;background:#fee2e2;padding:2px 8px;border-radius:12px;font-size:12px}.db-connection-info{margin:12px 0;padding:8px;background:#f8fafc;border-radius:6px;font-size:12px;color:#64748b!important}.db-error-message{margin:12px 0;padding:8px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;font-size:12px;color:#dc2626}.db-panel-actions{margin:16px 0;display:flex;justify-content:center}.db-test-button{background:var(--primary-color, #20b2aa);color:#fff!important;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:background .2s ease;min-width:120px}.db-test-button:hover:not(:disabled){background:var(--primary-dark, #008b8b)}.db-test-button:disabled{background:#9ca3af;cursor:not-allowed}.db-status-indicators{display:flex;gap:16px;padding:12px 0;border-top:1px solid rgba(0,0,0,.06)}.db-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b!important;transition:all .2s ease}.db-indicator.active{color:#1e293b!important;font-weight:600}.db-indicator-dot{width:8px;height:8px;border-radius:50%;opacity:.4;transition:all .2s ease}.db-indicator.active .db-indicator-dot{opacity:1}.db-indicator-dot.green{background:#22c55e}.db-indicator-dot.amber{background:#f59e0b}@media(max-width:768px){.db-status-indicator-simple{padding:6px 10px;border-radius:20px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.db-text{font-size:12px;display:none}.db-dot{font-size:14px}.db-connection-detail-panel{position:fixed;top:60px;left:12px;width:280px;min-width:auto;max-height:70vh;overflow-y:auto;animation:slideInFromTop .3s ease-out;z-index:60000}.db-panel-header{padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;z-index:1}.db-panel-title{font-size:16px;font-weight:600}.db-panel-close{padding:8px;font-size:18px;background:#0000000d;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.db-panel-content{padding:16px}.db-info-row{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:0}.db-info-row:last-child{border-bottom:none}.db-label{font-size:14px;margin-bottom:4px;display:block}.db-value{font-size:15px;font-weight:600;display:block}.status-connected,.status-disconnected{padding:4px 12px;border-radius:16px;font-size:13px;display:inline-block;margin-top:4px}.db-test-button{width:100%;padding:12px 16px;font-size:14px;font-weight:600;border-radius:8px;margin:16px 0}.db-status-indicators{flex-direction:column;gap:12px;padding:16px 0;margin-top:8px;border-top:1px solid rgba(0,0,0,.08)}.db-indicator{padding:8px;background:#00000005;border-radius:8px;font-size:13px}.db-indicator.active{background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.db-indicator-dot{width:10px;height:10px}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.db-status-indicator-mobile{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:2px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease;width:24px;height:24px;border:1px solid rgba(0,0,0,.1)}.db-status-indicator-mobile:hover{background:#fff;transform:scale(1.1);box-shadow:0 2px 8px #0000001a}.db-dot-mobile{font-size:14px;display:flex;align-items:center}.db-connection-wrapper.mobile .db-connection-detail-panel.mobile-optimized{position:fixed;top:56px;left:8px;right:8px;max-width:340px;margin:0 auto;min-width:auto;max-height:60vh;overflow-y:auto;animation:slideInFromTop .3s ease-out;z-index:70000;border-radius:12px}@media(max-width:480px){.db-connection-detail-panel{top:55px;left:8px;width:260px;border-radius:10px}.db-connection-wrapper.mobile .db-connection-detail-panel.mobile-optimized{left:4px;right:4px;top:52px;max-width:none}.db-panel-header{padding:12px}.db-panel-title{font-size:15px}.db-panel-content{padding:12px}.db-info-row{padding:10px 0}}.mobile-header{position:sticky;top:0;z-index:999;background:var(--white);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-light);display:none;padding-top:env(safe-area-inset-top)}.mobile-header-content{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;max-width:100%;margin:0 auto;min-height:48px;overflow:visible}.mobile-header-left{display:flex;align-items:center;flex:0 0 auto;max-width:50%;min-width:0;margin-left:10px}.mobile-db-indicator{flex-shrink:0;transform:scale(.7);max-width:120px;overflow:hidden}.mobile-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;flex:0 0 auto;max-width:50%}.mobile-logout-btn{background:var(--danger-color);border:none;font-size:10px;color:var(--white);cursor:pointer;padding:6px 10px;border-radius:16px;line-height:1;display:flex;align-items:center;justify-content:center;font-weight:500;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:32px;white-space:nowrap;flex-shrink:0;max-width:80px}.mobile-logout-btn:hover,.mobile-logout-btn:focus{background:#c53030;outline:none;transform:translateY(-1px)}.mobile-logout-btn:active{transform:scale(.95)}@media screen and (max-width:768px){.mobile-header{display:block}.app-header .header-info,.app-header .logged-in-info{display:none}.app-header .header-left h1{font-size:16px}.app-header .header-actions{gap:4px}.app-header .logout-button{padding:6px 10px;font-size:12px}}@media screen and (max-width:480px){.mobile-header-content{padding:10px 0;min-height:64px}.mobile-header-title h1{font-size:16px}.mobile-country-badge{font-size:10px;padding:1px 6px}.mobile-header-right{gap:8px}.mobile-logout-btn{padding:6px 12px;font-size:10px;min-height:32px;white-space:nowrap}.mobile-db-indicator{transform:scale(.7)}}.mobile-logout-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.maintenance-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-in-out}.maintenance-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .4s ease-out}.maintenance-header{text-align:center;padding:24px 24px 12px;border-bottom:1px solid #e9ecef}.maintenance-icon{font-size:48px;margin-bottom:12px}.maintenance-header h2{margin:0;color:#dc3545;font-size:24px;font-weight:600}.maintenance-body{padding:24px}.maintenance-body p{font-size:16px;line-height:1.5;color:#495057;margin-bottom:20px}.maintenance-details{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:20px}.maintenance-info{margin-bottom:16px}.maintenance-info strong,.maintenance-timeline strong{color:#343a40;display:block;margin-bottom:8px}.maintenance-info ul{margin:0;padding-left:20px}.maintenance-info li{color:#6c757d;margin-bottom:4px}.maintenance-timeline{padding-top:12px;border-top:1px solid #dee2e6}.maintenance-countdown{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:16px;text-align:center}.countdown-text{font-size:16px;color:#856404;margin-bottom:12px}.countdown-number{font-weight:700;color:#dc3545;font-size:18px}.countdown-bar{width:100%;height:8px;background:#f8d7da;border-radius:4px;overflow:hidden}.countdown-progress{height:100%;background:linear-gradient(90deg,#dc3545,#ffc107);transition:width 1s linear;border-radius:4px}.maintenance-footer{padding:16px 24px 24px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.maintenance-modal{margin:20px;width:calc(100% - 40px)}.maintenance-header{padding:20px 16px 12px}.maintenance-body{padding:16px}.maintenance-icon{font-size:36px}.maintenance-header h2{font-size:20px}}:root{--primary-color: #20b2aa;--primary-dark: #008b8b;--primary-light: #e0f7f7;--secondary-color: #ff5a5f;--success-color: #27ae60;--danger-color: #e74c3c;--warning-color: #f39c12;--text-primary: #222222;--text-secondary: #717171;--border-light: #ebebeb;--background-light: #f7f7f7;--white: #ffffff;--shadow-light: 0 2px 4px rgba(0,0,0,.08);--shadow-medium: 0 6px 16px rgba(0,0,0,.12);--shadow-large: 0 10px 28px rgba(0,0,0,.25);--border-radius: 8px;--border-radius-large: 12px}@supports (height: 100dvh){:root{--app-height: 100dvh}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--background-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:pan-x pan-y}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.status-success-popup,.status-error-popup,.status-warning-popup{animation-duration:.3s!important;transition-duration:.3s!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (max-width:768px){:root{--font-size-small: 14px;--font-size-base: 16px;--font-size-large: 18px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}body{font-size:var(--font-size-base);padding:0;margin:0}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],select,textarea{font-size:16px!important}button,.btn,[role=button],input[type=button],input[type=submit]{min-height:44px;min-width:44px;padding:12px 16px;touch-action:manipulation}.scrollable{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.header,.navigation,.main-content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}body{overscroll-behavior-y:contain}@media screen and (max-width:768px){.form-control,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--border-radius);font-size:16px}}:root{--primary-color: #20b2aa;--primary-dark: #008b8b;--primary-light: #e0f7f7;--secondary-color: #ff5a5f;--success-color: #27ae60;--danger-color: #e74c3c;--warning-color: #f39c12;--text-primary: #222222;--text-secondary: #717171;--border-light: #ebebeb;--background-light: #f7f7f7;--white: #ffffff;--shadow-light: 0 2px 4px rgba(0,0,0,.08);--shadow-medium: 0 6px 16px rgba(0,0,0,.12);--shadow-large: 0 10px 28px rgba(0,0,0,.25);--border-radius: 8px;--border-radius-large: 12px;--success-light: #d4edda;--danger-light: #f8d7da}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.status-success-popup,.success-checkmark,.checkmark-circle,.checkmark-stem,.checkmark-kick,.auto-close-bar{animation-duration:revert!important;animation-iteration-count:revert!important}}.permission-denied:not(.legend-icon):not(.permission-toggle){position:fixed!important;inset:0!important;background:#f8f9faf2!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;z-index:1000!important;padding:2rem!important;box-sizing:border-box!important}.permission-denied-content{position:absolute!important;top:50vh!important;left:50%!important;transform:translate(-50%,-50%)!important;text-align:center!important;padding:3rem!important;background:#fff!important;border-radius:16px!important;box-shadow:0 10px 40px #00000026!important;border:1px solid #e9ecef!important;max-width:600px!important;min-width:400px!important;width:auto!important;margin:0!important}.permission-denied-content h2{color:#dc3545!important;margin-bottom:1rem!important;font-size:2rem!important;font-weight:600!important}.permission-denied-content p{color:#6c757d!important;margin-bottom:1rem!important;line-height:1.6!important;font-size:1rem!important}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;font-family:inherit;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none}.btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-sm{padding:6px 12px;font-size:12px;min-height:32px}.btn-md{padding:12px 20px;font-size:14px;min-height:40px}.btn-lg{padding:16px 24px;font-size:16px;font-weight:600;min-height:48px}.btn-primary{background:var(--primary-color);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #20b2aa4d}.btn-secondary{background:var(--white);color:var(--text-secondary);border:1px solid var(--border-light)}.btn-secondary:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-primary);background:#00000005;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#20b2aa,#008b8b);color:var(--white)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#008b8b,#20b2aa);transform:translateY(-1px);box-shadow:0 4px 12px #20b2aa4d}.btn-danger{background:var(--secondary-color);color:var(--white)}.btn-danger:hover:not(:disabled){background:#e04e53;transform:translateY(-1px);box-shadow:0 4px 12px #ff5a5f4d}.btn-warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:var(--white)}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#ef6c00);transform:translateY(-1px);box-shadow:0 4px 12px #ff98004d}.btn-info{background:linear-gradient(135deg,#20b2aa,#008b8b);color:var(--white)}.btn-info:hover:not(:disabled){background:linear-gradient(135deg,#008b8b,#155724);transform:translateY(-1px);box-shadow:0 4px 12px #20b2aa4d}.btn-outline-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light)}.btn-outline-secondary:hover:not(:disabled){background:var(--background-light);color:var(--text-primary);border-color:var(--text-secondary);transform:translateY(-1px)}.full-width-button{width:100%}@keyframes ms-button-flash{0%{box-shadow:0 0 #0078d400}30%{box-shadow:0 0 0 4px #0078d459}60%{box-shadow:0 0 0 6px #0078d400}to{box-shadow:0 0 #0078d400}}.full-width-button.ms-flash{animation:ms-button-flash .85s ease-out 3}@media(prefers-reduced-motion:reduce){.full-width-button.ms-flash{animation:none;box-shadow:0 0 0 3px #0078d459}}.btn-shimmer: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}.btn-shimmer:hover:not(:disabled):before{left:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--white);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.required:after{content:" *";color:red;font-weight:700}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}@media screen and (max-width:768px){.desktop-header{display:none!important}.app{padding-bottom:calc(80px + env(safe-area-inset-bottom)/2)}}.app-header{background:var(--white);border-bottom:1px solid var(--border-light);padding:16px 0;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-light)}.role-country-info{display:flex;align-items:center;gap:8px;position:relative}.info-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.header-admin-panel{position:relative;margin-left:16px}.header-admin-toggle{background:linear-gradient(135deg,var(--white) 0%,#f8f9fa 100%);border:2px solid var(--border-light);padding:8px 14px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:6px;text-shadow:0 1px 2px rgba(0,0,0,.05);min-width:fit-content;height:42px}.header-admin-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.header-admin-toggle:hover{border-color:var(--primary-color);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #20b2aa26;background:linear-gradient(135deg,var(--white) 0%,#f0fdfc 100%)}.header-admin-toggle:hover:before{left:100%}.header-admin-toggle.expanded:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.header-admin-toggle.expanded{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);border-color:var(--primary-dark);box-shadow:0 8px 32px #20b2aa66;transform:translateY(-2px);text-shadow:0 1px 3px rgba(0,0,0,.3)}.header-admin-toggle .admin-icon{font-size:16px;line-height:1}.header-admin-toggle .admin-label{text-align:center;font-size:14px}.header-admin-toggle .chevron{font-size:8px;transition:transform .3s ease;line-height:1}.header-admin-toggle .chevron.down{transform:rotate(0)}.header-admin-submenu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;padding:12px;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;box-shadow:0 8px 25px #00000026;display:flex;flex-direction:column;gap:6px;animation:slideRight .3s ease;z-index:1000;min-width:180px}@keyframes slideRight{0%{opacity:0;transform:translate(20px);max-width:0}to{opacity:1;transform:translate(0);max-width:250px}}.header-admin-item{background:linear-gradient(135deg,var(--white) 0%,#f8f9fa 100%);border:1px solid var(--border-light);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:500;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden;text-align:left;box-shadow:0 1px 3px #00000014}.header-admin-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.header-admin-item:hover{border-color:var(--primary-color);transform:translateY(-1px) scale(1.01);box-shadow:0 3px 10px #20b2aa1f;background:linear-gradient(135deg,var(--white) 0%,#f0fdfc 100%)}.header-admin-item:hover:before{left:100%}.header-admin-item.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);border-color:var(--primary-dark);box-shadow:0 3px 12px #20b2aa4d;transform:translateY(-1px);text-shadow:0 1px 2px rgba(0,0,0,.3)}.header-admin-item.active:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.logged-in-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-right:16px}.logged-in-label{font-size:12px;font-weight:400;color:var(--text-secondary)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 24px;position:relative;min-height:60px}.header-left{display:flex;flex-direction:column;gap:8px}.header-left h1{margin:0;font-size:24px;color:var(--text-primary)}.header-info{display:flex;align-items:center;gap:12px}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.header-right .user-display-name{font-size:18px!important;font-weight:700!important;color:var(--primary-color)!important;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;align-items:center;gap:12px}.header-content h1{font-size:22px;font-weight:600;color:var(--primary-color);letter-spacing:-.5px}.user-display-name{font-size:16px;font-weight:600;color:var(--text-primary)}.role-badge{padding:4px 8px;border-radius:16px;font-size:12px;font-weight:500;text-transform:capitalize}.country-badge{padding:4px 8px;border-radius:16px;font-size:12px;font-weight:600;background-color:#fff;color:#000;border:1px solid #ccc;box-shadow:0 1px 3px #0000001a}.country-badge-enhanced{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:25px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;box-shadow:0 4px 15px #ff6b3566;border:2px solid rgba(255,255,255,.3);position:relative;z-index:300;min-width:fit-content;white-space:nowrap;transition:all .3s ease}.country-badge-enhanced:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3599}.country-flag{font-size:18px;line-height:1}.country-name{font-weight:600;letter-spacing:.5px}.selection-indicator{margin-top:8px;padding:8px 12px;background-color:#f8f9fa;border-radius:6px;border-left:3px solid var(--primary-color);font-size:13px}.indicator-label{font-weight:500;color:var(--text-secondary)}.selected-item{color:var(--primary-color);font-weight:500}.selected-items-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.selected-item-badge{display:inline-block;background:var(--primary-light);color:var(--primary-dark);padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap;border:1px solid var(--primary-color)}.form-section-surgery-sets,.form-section-implant-boxes{margin-bottom:24px}.form-section-special-instructions{margin-top:24px}.form-section-doctor-hierarchy{margin-bottom:24px;background:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-light)}.form-section-doctor-hierarchy h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.form-section-doctor-hierarchy .section-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.form-section-procedure-sets{margin-bottom:24px;background:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-light)}.form-section-procedure-sets h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.form-section-procedure-sets .section-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.pending-indicator{margin-top:4px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#000;background-color:#fff;padding:2px 6px;border-radius:8px;font-weight:600;text-align:center}.pending-icon{font-size:12px}.pending-text{line-height:1.2}.clickable-pending{cursor:default!important;color:var(--text-primary)!important;text-decoration:none!important;transition:none!important}.clickable-pending:hover{color:var(--text-primary)!important;transform:none!important}.dropdown-header{padding:8px;border-bottom:1px solid var(--border-light);display:flex;gap:8px;align-items:center;background:var(--background-light)}.search-input{flex:1;padding:6px 8px;border:1px solid var(--border-light);border-radius:4px;font-size:12px;outline:none}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #20b2aa1a}.select-all-btn{white-space:nowrap;font-size:11px;padding:4px 8px}.options-container{max-height:180px;overflow-y:auto;overflow-x:hidden}.multi-select-option{min-height:32px;height:32px;display:flex;align-items:center;padding:6px 12px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.no-options{padding:12px;text-align:center;color:var(--text-secondary);font-style:italic;font-size:12px}.pagination-container{margin-top:20px;padding:16px;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.pagination-info{font-size:14px;color:var(--text-secondary);font-weight:500}.pagination-controls{display:flex;gap:6px;align-items:center}.pagination-ellipsis{padding:8px 4px;color:var(--text-secondary);font-weight:500}@media(max-width:768px){.pagination-container{flex-direction:column;align-items:center;gap:8px}.pagination-controls{flex-wrap:wrap;justify-content:center}}.collapsible-header{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light);transition:color .2s ease}.collapsible-header:hover{color:var(--primary-color)}.collapse-arrow{transition:transform .3s ease;font-size:14px;color:var(--text-secondary)}.collapse-arrow.expanded{transform:rotate(180deg)}.role-descriptions-content{animation:slideDown .3s ease-out;padding-top:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-history{margin-top:8px}.status-history-item{margin-bottom:16px;padding:12px;background-color:#f8f9fa;border-radius:6px;position:relative}.status-history-item:last-child{margin-bottom:0;background-color:#f0f9ff}.status-history-header{display:flex;align-items:flex-start;margin-bottom:8px;width:100%}.history-status{font-weight:600;color:#fff;padding:4px 8px;background-color:var(--primary-color);border-radius:4px;font-size:12px;display:inline-block;min-width:fit-content;flex-shrink:0}.history-timestamp-row{margin-top:8px;margin-bottom:8px}.history-timestamp{font-size:12px;color:#666;font-weight:500;white-space:nowrap}.history-details{display:flex;flex-direction:column;gap:4px}.history-processor{font-size:13px;color:var(--text-secondary);font-weight:500}.history-notes{font-size:13px;color:var(--text-primary);background-color:#fff;padding:8px;border-radius:4px;margin-top:4px}.status-history-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.expand-history-button{background:#20b2aa1a;color:var(--primary-color);border:1px solid rgba(32,178,170,.2);padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.expand-history-button:hover{background:#20b2aa26;border-color:#20b2aa4d;transform:translateY(-1px)}.status-history-item.current-status{background:color-mix(in srgb,var(--status-color, var(--primary-color)) 5%,#f8f9fa)}.history-status.current{background:var(--status-color, var(--primary-color));color:#fff;font-weight:600}.edit-sets-container{padding:24px;max-width:1200px;margin:0 auto}.sets-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.sets-section{background:var(--white);border-radius:var(--border-radius-large);padding:12px;box-shadow:var(--shadow-medium);border:1px solid var(--border-light)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border-light)}.section-header h3{font-size:20px;color:var(--text-primary);margin:0}.add-button{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.add-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.add-form{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:16px;border-left:4px solid var(--primary-color)}.add-input{width:100%;padding:12px;border:1px solid var(--border-light);border-radius:6px;font-size:14px;margin-bottom:12px}.add-actions{display:flex;gap:8px}.save-button{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px}.cancel-button{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px}.sets-list{display:flex;flex-direction:column;gap:8px}.set-item{padding:12px;border:1px solid var(--border-light);border-radius:8px;background:#fafafa}.set-display{display:flex;justify-content:space-between;align-items:center}.set-name{font-size:14px;color:var(--text-primary);font-weight:500}.set-actions{display:flex;gap:6px}.edit-button-small{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:14px;transition:background-color .2s ease}.edit-button-small:hover{background:#20b2aa1a}.edit-form{display:flex;gap:8px;align-items:center}.edit-input{flex:1;padding:8px;border:1px solid var(--border-light);border-radius:4px;font-size:14px}.edit-actions{display:flex;gap:4px}.save-button-small,.cancel-button-small{background:none;border:1px solid;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.save-button-small{border-color:var(--primary-color);color:var(--primary-color)}.cancel-button-small{border-color:#6c757d;color:#6c757d}.user-management-button,.edit-sets-button,.permissions-button{background:var(--white);color:var(--text-primary);border:1px solid var(--border-light);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;margin-left:8px}.user-management-button:hover,.edit-sets-button:hover,.permissions-button:hover{background:var(--background-light);border-color:var(--text-primary);transform:translateY(-1px)}.user-management-button.active,.edit-sets-button.active,.permissions-button.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);box-shadow:0 2px 8px #20b2aa4d}.form-actions{display:flex;gap:12px;justify-content:flex-start;align-items:center;margin-top:24px}.clear-button{background:#6c757d;color:#fff;border:none;padding:12px 20px;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:8px}.clear-button:hover{background:#5a6268;transform:translateY(-1px);box-shadow:var(--shadow-light)}.role-badge.admin{background-color:#ff5a5f;color:#fff}.role-badge.user{background-color:#00a699;color:#fff}.role-badge.operations{background-color:#fc642d;color:#fff}.role-badge.operations-manager{background-color:#fd5c63;color:#fff}.role-badge.sales{background-color:#7b68ee;color:#fff}.role-badge.sales-manager{background-color:#6a5acd;color:#fff}.role-badge.driver{background-color:#ff8c00;color:#fff}.role-badge.it{background-color:#4682b4;color:#fff}.user-management-button,.permissions-button,.logout-button{padding:8px 16px;border:1px solid var(--border-light);border-radius:22px;background:var(--white);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.user-management-button:hover,.permissions-button:hover,.logout-button:hover{box-shadow:var(--shadow-medium);border-color:var(--text-primary)}.user-management-button.active,.permissions-button.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);box-shadow:0 4px 12px #20b2aa4d}.logout-button{border-color:var(--secondary-color);color:var(--secondary-color)}.logout-button:hover{background:var(--secondary-color);color:var(--white)}.app-nav{padding:32px 24px;display:flex;flex-direction:column;gap:20px;max-width:1280px;margin:0 auto;position:relative}.nav-buttons{display:flex;gap:20px}.app-nav button{background:linear-gradient(135deg,var(--white) 0%,#f8f9fa 100%);border:2px solid var(--border-light);padding:16px 32px;border-radius:30px;cursor:pointer;font-size:15px;font-weight:600;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.05);min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px}.app-nav button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.app-nav button:hover{border-color:var(--primary-color);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #20b2aa26;background:linear-gradient(135deg,var(--white) 0%,#f0fdfc 100%)}.app-nav button:hover:before{left:100%}.app-nav button.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);border-color:var(--primary-dark);box-shadow:0 8px 32px #20b2aa66;transform:translateY(-2px);text-shadow:0 1px 3px rgba(0,0,0,.3)}.app-nav button.active:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.app-nav button:active{transform:translateY(-1px) scale(.98);transition:transform .1s ease}.nav-sections{display:flex;flex-direction:column;gap:20px;width:100%}.admin-section{position:relative}.admin-panel-toggle{background:linear-gradient(135deg,#6a1b9a,#8e24aa);border:2px solid #4a148c;padding:16px 32px;border-radius:30px;cursor:pointer;font-size:15px;font-weight:600;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 4px 15px #6a1b9a4d;text-shadow:0 1px 3px rgba(0,0,0,.3);min-width:200px}.admin-panel-toggle: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}.admin-panel-toggle:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #6a1b9a66;background:linear-gradient(135deg,#7b1fa2,#9c27b0)}.admin-panel-toggle:hover:before{left:100%}.admin-panel-toggle.expanded{background:linear-gradient(135deg,#4a148c,#6a1b9a);box-shadow:0 6px 20px #6a1b9a80;transform:translateY(-2px)}.admin-icon{font-size:18px;line-height:1}.admin-label{flex:1;text-align:left}.chevron{font-size:12px;transition:transform .3s ease;line-height:1}.chevron.up{transform:rotate(180deg)}.admin-submenu{margin-top:12px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:20px;box-shadow:0 8px 25px #00000014;display:flex;flex-direction:column;gap:8px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}.admin-submenu-item{background:linear-gradient(135deg,var(--white) 0%,#f8f9fa 100%);border:2px solid var(--border-light);padding:12px 24px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden;text-align:left;box-shadow:0 2px 6px #0000000a}.admin-submenu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.admin-submenu-item:hover{border-color:var(--primary-color);transform:translateY(-2px) scale(1.01);box-shadow:0 6px 18px #20b2aa1f;background:linear-gradient(135deg,var(--white) 0%,#f0fdfc 100%)}.admin-submenu-item:hover:before{left:100%}.admin-submenu-item.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);border-color:var(--primary-dark);box-shadow:0 6px 20px #20b2aa4d;transform:translateY(-1px);text-shadow:0 1px 3px rgba(0,0,0,.3)}.admin-submenu-item.active:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.main-nav{width:100%}.status-legend-button{background:linear-gradient(135deg,var(--white) 0%,#f8f9fa 100%);border:2px solid var(--border-light);padding:16px 32px;border-radius:30px;cursor:pointer;font-size:15px;font-weight:600;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden;flex:1;text-align:center;box-shadow:0 2px 8px #0000000a}.status-legend-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.status-legend-button:hover{border-color:var(--primary-color);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #20b2aa26;background:linear-gradient(135deg,var(--white) 0%,#f0fdfc 100%)}.status-legend-button:hover:before{left:100%}.status-legend-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.status-legend-popup{background:#fff;border-radius:16px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease}.legend-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid var(--border-light);margin-bottom:24px}.legend-header h3{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.close-button{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;margin-top:20px}.close-button:hover{background:var(--background-light);color:var(--text-primary)}.status-legend{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid var(--border-light);max-width:1280px;margin:0 auto;position:relative}.legend-toggle{width:100%;background:none;border:none;padding:16px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:var(--text-primary);transition:all .2s ease}.legend-toggle:hover{background:#20b2aa0d}.legend-title{display:flex;align-items:center;gap:8px}.legend-arrow{transition:transform .3s ease;font-size:12px;color:var(--text-secondary)}.legend-arrow.expanded{transform:rotate(180deg)}.legend-content{padding:0 24px 24px;animation:slideDown .3s ease-out}.legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:100%}.legend-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--white);border-radius:8px;border:1px solid var(--border-light);transition:all .2s ease}.legend-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.status-indicator{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.8);box-shadow:0 1px 3px #0003}.status-info{display:flex;flex-direction:column;gap:2px;min-width:0}.status-name{font-weight:600;font-size:13px;color:var(--text-primary);line-height:1.2}.status-description{font-size:12px;color:var(--text-secondary);line-height:1.3}@media(max-width:768px){.legend-grid{grid-template-columns:1fr;gap:12px}.legend-content{padding:0 16px 16px}.legend-toggle{padding:12px 16px;font-size:13px}.legend-item{padding:10px 12px}}.app-main{flex:1;max-width:1280px;margin:0 auto;padding:40px 24px;width:100%;position:relative}.modern-login-container{min-height:100vh;display:flex;overflow:hidden}.login-split-screen{display:flex;width:100%;min-height:100vh}.login-left{flex:1;background:linear-gradient(135deg,#20b2aa,#008b8b,#066);display:flex;align-items:center;justify-content:center;padding:60px 40px;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.login-branding{text-align:center;color:#fff;z-index:2;position:relative;max-width:500px;animation:slideInLeft .8s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.brand-logo{margin-bottom:40px;display:flex;justify-content:center;align-items:center}.logo-image{max-width:280px;height:auto;filter:brightness(0) invert(1);opacity:.95;transition:all .3s ease}.logo-image:hover{opacity:1;transform:scale(1.02)}.brand-subtitle{font-size:24px;font-weight:300;margin-bottom:20px;opacity:.9}.brand-description{font-size:16px;line-height:1.6;margin-bottom:40px;opacity:.8;max-width:400px;margin-left:auto;margin-right:auto}.feature-list{display:flex;flex-direction:column;gap:20px;max-width:300px;margin:0 auto}.feature-item{display:flex;align-items:center;gap:15px;font-size:16px;opacity:.9}.feature-icon{font-size:20px}.login-right{flex:1;background:var(--white);display:flex;align-items:center;justify-content:center;padding:60px 40px}.login-form-container{width:100%;max-width:400px;animation:slideInRight .8s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.form-header{text-align:center;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.form-header h3{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:10px;letter-spacing:-.5px}.form-header p{font-size:16px;color:var(--text-secondary)}.welcome-title{text-align:center!important;margin:0 auto 12px!important;display:block!important;order:1;width:100%}.welcome-subtitle{text-align:center!important;margin:0 auto!important;display:block!important;order:2;width:100%}.modern-login-form{margin-bottom:30px}.floating-input-group{position:relative;margin-bottom:30px}.floating-input-group input,.floating-input-group .standard-select{width:100%;padding:20px 0 10px;font-size:16px;color:var(--text-primary);border:none;border-bottom:2px solid var(--border-light);background:transparent;outline:none;transition:all .3s ease}.floating-input-group .standard-select{appearance:none;cursor:pointer;position:relative;z-index:10}.floating-input-group .standard-select option{background:var(--white);color:var(--text-primary);padding:8px;position:relative;z-index:100}.floating-input-group .standard-select option[disabled]{display:none}.floating-input-group .standard-select:invalid{color:var(--text-secondary)}.floating-input-group input:focus,.floating-input-group .standard-select:focus{border-bottom-color:var(--primary-color)}.floating-input-group input:disabled{opacity:.6;cursor:not-allowed}.floating-input-group label{position:absolute;top:15px;left:0;font-size:16px;color:var(--text-secondary);font-weight:400;pointer-events:none;transition:all .3s ease}.floating-input-group input:focus+label,.floating-input-group input.has-value+label,.floating-input-group .standard-select:focus+label,.floating-input-group .standard-select.has-value+label{top:-5px;font-size:12px;color:var(--primary-color);font-weight:500}.input-underline{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.floating-input-group input:focus~.input-underline,.floating-input-group .standard-select:focus~.input-underline{width:100%}.dropdown-input-group{position:relative;margin-bottom:30px;z-index:10}.dropdown-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px;transition:color .3s ease}.dropdown-label.required:after{content:" *";color:var(--error-color, #ef4444);font-weight:700}.login-dropdown{width:100%;z-index:20}.login-dropdown .dropdown-input{padding:16px 12px;font-size:16px;border:2px solid var(--border-light);border-radius:8px;background:var(--white);transition:all .3s ease}.login-dropdown .dropdown-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.login-dropdown .dropdown-options{z-index:1000;max-height:200px;border:2px solid var(--primary-color);border-radius:8px;box-shadow:0 8px 32px #0000001f}.password-input-group{position:relative}.password-toggle{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;background:none!important;border:none!important;cursor:pointer!important;font-size:16px!important;color:var(--text-secondary)!important;transition:color .2s ease!important;padding:4px!important;box-shadow:none!important;min-width:auto!important;min-height:auto!important;width:auto!important;height:auto!important}.password-toggle:hover{color:var(--primary-color)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.password-input-wrapper{position:relative;width:100%}.password-toggle-user{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-secondary);transition:color .2s ease;padding:4px}.password-toggle-user:hover{color:var(--primary-color);background-color:transparent}.modern-error-message{display:flex;align-items:center;gap:8px;color:var(--secondary-color);font-size:14px;margin-bottom:20px;padding:12px 16px;background:#ff5a5f1a;border-radius:var(--border-radius);border-left:3px solid var(--secondary-color);animation:slideInUp .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:16px}.modern-login-button{width:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);border:none;padding:18px 24px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #20b2aa4d}.modern-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #20b2aa66}.modern-login-button:disabled{cursor:not-allowed;opacity:.8}.modern-login-button.loading{pointer-events:none}.button-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.remember-me-group{margin-bottom:20px;margin-top:10px}.remember-me-checkbox{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;color:var(--text-primary);transition:all .2s ease}.remember-me-checkbox:hover{color:var(--primary-color)}.remember-me-checkbox input[type=checkbox]{display:none}.remember-me-checkbox .checkmark{position:relative;width:18px;height:18px;border:2px solid var(--border-light);border-radius:3px;margin-right:10px;background:var(--white);transition:all .3s ease;flex-shrink:0}.remember-me-checkbox:hover .checkmark{border-color:var(--primary-color);transform:scale(1.05)}.remember-me-checkbox input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.remember-me-checkbox input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.remember-me-checkbox input[type=checkbox]:disabled+.checkmark{opacity:.5;cursor:not-allowed}.remember-me-checkbox input[type=checkbox]:disabled~.remember-me-text{opacity:.5;cursor:not-allowed}.remember-me-text{font-weight:400;line-height:1.4}.login-footer{text-align:center;margin-top:30px}.demo-credentials{background:var(--background-light);padding:20px;border-radius:var(--border-radius);border:1px solid var(--border-light)}.demo-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.credential-item{font-size:14px;color:var(--text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:var(--white);padding:8px 12px;border-radius:6px;border:1px solid var(--border-light)}@media(max-width:768px){.country-badge-enhanced{order:-1;margin-bottom:4px;font-size:12px;padding:4px 8px}.country-flag{font-size:16px}}@media(max-width:1024px){.login-split-screen{flex-direction:column}.login-left{min-height:40vh;padding:40px 20px}.login-right{min-height:60vh;padding:40px 20px}.logo-image{max-width:220px}.brand-subtitle{font-size:20px}.feature-list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px}.feature-item{font-size:14px}}@media(max-width:768px){.login-left{min-height:30vh;padding:30px 15px}.login-right{padding:30px 15px}.logo-image{max-width:180px}.brand-subtitle{font-size:18px}.form-header h3{font-size:28px}}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:16px;transition:all .2s ease;background:var(--white)}.form-group input[type=date],.filter-datepicker-input,.date-picker-input{border:2px solid var(--border-light, #e9ecef);border-radius:var(--border-radius, 8px);background:var(--white, #ffffff);padding:8px 12px;font-size:13px;color:var(--text-primary, #333);cursor:pointer;width:100%;transition:all .2s ease;min-height:40px;outline:none;position:relative}.form-group input[type=date]:hover,.filter-datepicker-input:hover,.date-picker-input:hover{border-color:var(--primary-color, #20b2aa);box-shadow:0 2px 8px #20b2aa1a}.form-group input[type=date]:focus,.filter-datepicker-input:focus,.date-picker-input:focus{border-color:var(--primary-color, #20b2aa);box-shadow:0 0 0 3px #20b2aa1a}.form-group input[type=date]::placeholder,.filter-datepicker-input::placeholder,.date-picker-input::placeholder{color:var(--text-secondary, #6c757d);font-style:italic}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2320b2aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:16px 16px;width:20px;height:20px;position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;outline:none;opacity:.7}.form-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:#20b2aa1a;border-radius:4px}.form-group input[type=date]::-webkit-inner-spin-button{display:none}.form-group input[type=date]::-webkit-clear-button{display:none}.form-help{display:block;margin-top:4px;font-size:12px;color:var(--text-secondary);font-style:italic}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #20b2aa1a}.form-group textarea,#specialInstruction,.received-details-input,.summary-input,.process-details-input{resize:none!important;overflow-y:auto;min-height:80px}.ssl-checkbox-group{display:flex;align-items:center;justify-content:center;min-height:48px}.ssl-checkbox-group .checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;cursor:pointer;margin:0}.ssl-checkbox-group input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer}.form-group input.error{border-color:var(--secondary-color)}.error-message,.error-text{color:var(--secondary-color);font-size:14px;margin-top:4px}.submit-button{width:100%;background:var(--primary-color);color:var(--white);border:none;padding:16px;border-radius:var(--border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.card{background:var(--white);border-radius:var(--border-radius-large);box-shadow:var(--shadow-light);overflow:hidden;transition:all .2s ease}.card:hover{box-shadow:var(--shadow-medium)}.card-header{padding:24px 24px 0}.card-content{padding:24px}.card-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.card-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:24px}.case-booking-form{background:var(--white);border-radius:var(--border-radius-large);box-shadow:var(--shadow-light);overflow:visible}.case-booking-form .card-content{padding:32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.form-row:last-child{margin-bottom:0}.date-input-wrapper,.time-input-wrapper{cursor:pointer;width:100%;position:relative}.date-input-wrapper input,.time-input-wrapper input{cursor:pointer;width:100%}.multi-select-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:12px}.checkbox-label{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;background:var(--white)}.checkbox-label:hover{border-color:var(--primary-color);background:#20b2aa0d}.checkbox-label input[type=checkbox]{width:auto;margin:0}.checkbox-label input[type=checkbox]:checked+span{font-weight:500;color:var(--primary-color)}.cases-list{background:var(--white);border-radius:var(--border-radius-large);box-shadow:var(--shadow-light);overflow:hidden}.cases-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-light)}.cases-header h2{font-size:24px;font-weight:600;color:var(--text-primary)}.refresh-button{background:var(--primary-color);color:var(--white);border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-weight:500;transition:all .2s ease}.refresh-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.collapsible-section{margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:16px 24px;background:var(--background-light);border-radius:var(--border-radius);transition:all .2s ease;margin-bottom:16px}.section-header:hover{background:var(--border-light)}.section-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.expand-icon{font-size:14px;color:var(--text-secondary);margin-top:10px}.filters-section{background:var(--background-light);padding:24px;border-radius:var(--border-radius);margin-bottom:16px}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.filter-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:14px}.filter-actions{display:flex;gap:12px;justify-content:flex-end}.apply-filters-button,.clear-filters-button{padding:10px 20px;border:none;border-radius:20px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:14px}.apply-filters-button{background:var(--primary-color);color:var(--white)}.apply-filters-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.clear-filters-button{background:var(--white);color:var(--text-secondary);border:1px solid var(--border-light)}.clear-filters-button:hover{color:var(--text-primary);border-color:var(--text-primary)}.cases-count{color:var(--text-secondary);margin-bottom:16px;padding:0 24px;font-size:14px}.cases-container{padding:0 10px 10px}.case-card{border:1px solid var(--border-light);border-left:4px solid var(--status-color, var(--primary-color));border-radius:var(--border-radius-large);margin-bottom:16px;transition:all .2s ease;background:var(--white);position:relative}.case-card.highlighted-case{animation:highlightPulse 2s ease-in-out;box-shadow:0 4px 20px #20b2aa4d;transform:scale(1.02)}@keyframes highlightPulse{0%,to{box-shadow:0 4px 20px #20b2aa1a}50%{box-shadow:0 8px 30px #20b2aa66}}.case-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.case-summary{display:grid;align-items:center;padding:20px 24px;cursor:pointer;transition:all .2s ease}.case-summary:hover{background:color-mix(in srgb,var(--status-color, var(--primary-color)) 4%,transparent)}.case-main-info{flex:1}.case-title{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--status-color, var(--text-primary));display:flex;align-items:center;gap:12px}.case-title-label{font-size:14px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.case-reference{font-size:14px;background:var(--status-color, var(--primary-color));color:#fff;padding:4px 8px;border-radius:12px;font-weight:500}.case-meta{display:flex;gap:24px;color:color-mix(in srgb,var(--status-color, var(--text-secondary)) 70%,var(--text-secondary));font-size:14px;flex-wrap:wrap}.case-status{padding:8px 16px;border-radius:20px;background:var(--status-color, var(--primary-color));color:var(--white);font-weight:500;font-size:14px;text-align:center;min-width:140px;justify-self:end;margin-left:auto}.case-details{padding:24px;border-top:1px solid var(--border-light)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:24px}.detail-item{background:var(--white);padding:16px;border-radius:var(--border-radius);border-left:3px solid var(--primary-color)}.detail-item.full-width{grid-column:1 / -1}.detail-item.amendment-history{border-left-color:#ff9800}.detail-item.prepared-by,.detail-item.prepared-at{border-left-color:#e91e63}.detail-item.prepared-order-details{border-left-color:#9c27b0}.detail-item strong{color:var(--text-primary);display:block;margin-bottom:8px;font-weight:600}.detail-item ul{margin-left:16px;color:var(--text-secondary)}.case-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-light)}.case-buttons{display:flex;gap:12px;justify-content:flex-end}.status-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0;padding:16px;background:#20b2aa05;border-radius:var(--border-radius-large);transition:all .3s ease}.status-buttons:hover{background:#20b2aa0a}.update-status-button,.process-button{padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:14px;min-width:140px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.update-status-button{background:var(--primary-color);color:var(--white)}.update-status-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.process-button{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white)}.process-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.no-cases{text-align:center;color:var(--text-secondary);padding:60px 24px;font-size:16px}.user-management{background:var(--white);border-radius:var(--border-radius-large);box-shadow:var(--shadow-light);overflow:hidden}.user-management-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-light)}.add-user-button{background:var(--primary-color);color:var(--white);border:none;padding:12px 24px;border-radius:20px;cursor:pointer;font-weight:500;transition:all .2s ease}.add-user-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.admin-panel-buttons{display:flex;gap:12px;align-items:center}.add-user-form{background:transparent;padding:32px;margin:24px;border-radius:var(--border-radius)}.country-filter-section{background:var(--background-light);padding:16px 24px;margin:16px 0;border-radius:var(--border-radius);border:1px solid var(--border-light)}.country-filter-header h3{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600}.country-filter-header p{color:var(--text-secondary);margin:0 0 12px;font-size:14px}.country-filter-dropdown{max-width:300px}.country-filter-select{width:100%}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-button{background:var(--white);color:var(--text-secondary);border:1px solid var(--border-light);padding:12px 24px;border-radius:20px;cursor:pointer;font-weight:500;transition:all .2s ease}.cancel-button:hover{color:var(--text-primary);border-color:var(--text-primary)}.users-table{max-height:600px;position:relative}.users-table table{width:100%;border-collapse:collapse;margin-bottom:32px}.users-table th,.users-table td{padding:16px;text-align:left;border-bottom:1px solid var(--border-light)}.users-table th{background:var(--background-light);font-weight:600;color:var(--text-primary);font-size:14px;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000001a}.users-table td{font-size:14px}@media(max-width:1024px){.users-table{padding:16px;overflow-x:auto}.users-table table{min-width:800px}.users-table th,.users-table td{padding:12px 8px;font-size:13px}.role-badge{font-size:11px;padding:3px 6px;white-space:nowrap}}@media(max-width:768px){.user-management-header{flex-direction:column;gap:16px;align-items:stretch;text-align:center}.admin-panel-buttons{flex-direction:column;width:100%}.admin-panel-buttons .btn{width:100%;justify-content:center}.users-table{padding:12px}.users-table table{min-width:700px}.users-table th,.users-table td{padding:8px 6px;font-size:12px}.users-table th:nth-child(4),.users-table td:nth-child(4),.users-table th:nth-child(5),.users-table td:nth-child(5){max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{font-size:10px;padding:3px 6px;display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:12px;line-height:1.2}.edit-button{padding:6px 10px;font-size:11px;margin:2px}}@media(max-width:480px){.users-table table{min-width:600px}.users-table th,.users-table td{padding:6px 4px;font-size:11px}.role-badge{font-size:9px;padding:2px 4px;max-width:90px;border-radius:10px;line-height:1.1}.edit-button{padding:4px 8px;font-size:10px}}.edit-button{background:var(--primary-color);color:var(--white);border:none;padding:8px 16px;border-radius:16px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.edit-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-light)}.role-descriptions{background:var(--background-light);padding:24px;margin:24px;border-radius:var(--border-radius)}.role-description{margin-bottom:20px}.role-description:last-child{margin-bottom:0}.role-description strong{color:var(--text-primary);font-size:16px}.role-description ul{margin-left:20px;margin-top:8px;color:var(--text-secondary)}.access-denied{text-align:center;padding:60px 24px;color:var(--text-secondary)}.app-footer{background:var(--background-light);color:var(--text-secondary);padding:24px;text-align:center;margin-top:auto;border-top:1px solid var(--border-light)}.footer-content p{margin:4px 0;font-size:14px}@media(max-width:768px){.header-content{flex-direction:column;gap:16px;text-align:center}.header-left{align-items:center;text-align:center}.header-left h1{font-size:20px}.header-info{justify-content:center;flex-wrap:wrap}.header-right{align-items:center;text-align:center}.header-right .user-display-name{font-size:16px!important}.header-actions{justify-content:center;flex-wrap:wrap}.header-admin-panel{margin-left:8px}.header-admin-toggle{padding:6px 12px;min-width:100px;font-size:11px}.header-admin-toggle .admin-label{font-size:10px}.header-admin-submenu{min-width:160px;left:50%;transform:translate(-50%)}.header-admin-item{padding:6px 12px;font-size:10px;min-width:120px;text-overflow:ellipsis;overflow:hidden}.app-nav{flex-direction:column;gap:16px;padding:24px 16px}.nav-sections{gap:16px}.nav-buttons{flex-direction:column;gap:16px}.admin-panel-toggle{padding:14px 20px;font-size:14px;min-width:auto;width:100%}.admin-submenu{padding:12px;gap:6px}.admin-submenu-item{padding:10px 16px;font-size:13px;border-radius:15px;width:100%}.app-nav button{padding:18px 24px;font-size:16px;border-radius:25px;width:100%;min-height:56px;text-align:center}.app-nav button:hover{transform:translateY(-2px) scale(1.01)}.app-nav button.active{transform:translateY(-1px);box-shadow:0 6px 20px #20b2aa4d}.role-country-info{flex-direction:column;align-items:flex-start;gap:4px}.logged-in-info{align-items:flex-start;margin-right:0}.app-main{padding:24px 16px}.form-row{grid-template-columns:1fr}.case-summary{flex-direction:column;text-align:center}.case-meta{flex-direction:column;gap:8px}.case-actions{flex-direction:column}.filters-row,.details-grid,.multi-select-container{grid-template-columns:1fr}.login-form{padding:32px 24px}.card-content{padding:24px 16px}}*{transition:all .2s ease}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px}.spinner{border:2px solid var(--border-light);border-top:2px solid var(--primary-color);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;margin:0 auto}.process-order-page{background:var(--white);border-radius:var(--border-radius-large);box-shadow:var(--shadow-light);overflow:hidden}.page-header{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid var(--border-light)}.back-button{background:var(--white);color:var(--text-secondary);border:1px solid var(--border-light);padding:10px 20px;border-radius:20px;cursor:pointer;font-weight:500;transition:all .2s ease}.back-button:hover{color:var(--text-primary);border-color:var(--text-primary)}.case-summary-card{background:var(--background-light);padding:24px;margin:24px;border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.summary-item{background:var(--white);padding:16px;border-radius:var(--border-radius)}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;margin-left:8px;background:var(--primary-color);color:var(--white)}.equipment-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.equipment-item,.special-instructions{background:var(--white);padding:16px;border-radius:var(--border-radius)}.process-order-form{background:var(--background-light);padding:24px;margin:24px;border-radius:var(--border-radius)}.process-details-textarea{min-height:120px;resize:vertical}.process-details-textarea::placeholder{color:var(--text-secondary);font-family:inherit;font-size:inherit;font-weight:400;font-style:normal;opacity:1}.process-actions{text-align:center;margin-top:24px}.process-order-button,.process-button,.deliver-button,.received-button,.complete-button,.office-deliver-button,.billing-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:140px;text-align:center}.process-order-button:before,.process-button:before,.deliver-button:before,.received-button:before,.complete-button:before,.office-deliver-button:before,.billing-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 .6s ease}.process-order-button:hover:not(:disabled):before,.process-button:hover:not(:disabled):before,.deliver-button:hover:not(:disabled):before,.received-button:hover:not(:disabled):before,.complete-button:hover:not(:disabled):before,.office-deliver-button:hover:not(:disabled):before,.billing-button:hover:not(:disabled):before{left:100%}.process-order-button:hover:not(:disabled),.process-button:hover:not(:disabled),.deliver-button:hover:not(:disabled),.received-button:hover:not(:disabled),.complete-button:hover:not(:disabled),.office-deliver-button:hover:not(:disabled),.billing-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #20b2aa4d;filter:brightness(1.1)}.process-order-button:active:not(:disabled),.process-button:active:not(:disabled),.deliver-button:active:not(:disabled),.received-button:active:not(:disabled),.complete-button:active:not(:disabled),.office-deliver-button:active:not(:disabled),.billing-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px #20b2aa33}.process-order-button{background:linear-gradient(135deg,#e91e63,#c2185b)}.process-order-button:hover:not(:disabled){box-shadow:0 8px 25px #e91e634d}.process-button{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.process-button:hover:not(:disabled){box-shadow:0 8px 25px #9c27b04d}.deliver-button{background:linear-gradient(135deg,#4caf50,#388e3c)}.deliver-button:hover:not(:disabled){box-shadow:0 8px 25px #4caf504d}.received-button{background:linear-gradient(135deg,#20b2aa,#008b8b)}.received-button:hover:not(:disabled){box-shadow:0 8px 25px #2196f34d}.complete-button{background:linear-gradient(135deg,#ff9800,#f57c00)}.complete-button:hover:not(:disabled){box-shadow:0 8px 25px #ff98004d}.office-deliver-button{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.office-deliver-button:hover:not(:disabled){box-shadow:0 8px 25px #9c27b04d}.billing-button{background:linear-gradient(135deg,#607d8b,#455a64)}.billing-button:hover:not(:disabled){box-shadow:0 8px 25px #607d8b4d}.process-order-button.disabled,.process-button.disabled,.deliver-button.disabled,.received-button.disabled,.complete-button.disabled,.office-deliver-button.disabled,.billing-button.disabled,.process-order-button:disabled,.process-button:disabled,.deliver-button:disabled,.received-button:disabled,.complete-button:disabled,.office-deliver-button:disabled,.billing-button:disabled{background:#e0e0e0;color:#9e9e9e;cursor:not-allowed;transform:none;opacity:.6;box-shadow:none;filter:none}.process-order-button:disabled:before,.process-button:disabled:before,.deliver-button:disabled:before,.received-button:disabled:before,.complete-button:disabled:before,.office-deliver-button:disabled:before,.billing-button:disabled:before{display:none}.process-order-button:focus,.process-button:focus,.deliver-button:focus,.received-button:focus,.complete-button:focus,.office-deliver-button:focus,.billing-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.received-form,.completed-form{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid var(--border-light);border-radius:var(--border-radius-large);padding:24px;margin:16px 0;box-shadow:var(--shadow-medium);animation:slideDown .3s ease;position:relative;overflow:hidden}.received-form:before,.completed-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),#20b2aa,var(--primary-color));background-size:200% 100%;animation:gradientSlide 3s ease infinite}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}@keyframes gradientSlide{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.received-form h4,.completed-form h4{color:var(--text-primary);margin-bottom:20px;font-weight:600;font-size:18px;display:flex;align-items:center;gap:8px}.received-form h4:before{content:"📥";font-size:20px}.completed-form h4:before{content:"✅";font-size:20px}.image-upload{width:100%;padding:12px;border:2px dashed var(--border-light);border-radius:var(--border-radius);background:#20b2aa05;cursor:pointer;transition:all .3s ease;text-align:center}.image-upload:hover{border-color:var(--primary-color);background:#20b2aa0d}.image-upload:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-color:var(--primary-color)}.image-preview{margin-top:12px;text-align:center;padding:12px;background:var(--white);border-radius:var(--border-radius);border:1px solid var(--border-light)}.image-preview img{border-radius:var(--border-radius);box-shadow:var(--shadow-light);transition:transform .2s ease}.image-preview img:hover{transform:scale(1.05)}.processing-actions,.hospital-delivery-actions,.received-actions,.completed-actions,.pending-office-actions,.office-delivery-actions{display:flex;gap:12px;justify-content:flex-start;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-light)}.processing-actions .primary-button,.hospital-delivery-actions .primary-button,.received-actions .primary-button,.completed-actions .primary-button,.pending-office-actions .primary-button,.office-delivery-actions .primary-button{order:1}.processing-actions .cancel-button,.hospital-delivery-actions .cancel-button,.received-actions .cancel-button,.completed-actions .cancel-button,.pending-office-actions .cancel-button,.office-delivery-actions .cancel-button{order:2}.save-received-button,.save-completed-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius);cursor:pointer;font-weight:500;font-size:14px;transition:all .3s ease;position:relative;overflow:hidden}.save-received-button:before,.save-completed-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}.save-received-button:hover:not(:disabled):before,.save-completed-button:hover:not(:disabled):before{left:100%}.save-received-button:hover:not(:disabled),.save-completed-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 6px 20px #4caf504d}.save-received-button:disabled,.save-completed-button:disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.6;transform:none}.cancel-received-button,.cancel-completed-button{background:var(--white);color:var(--text-secondary);border:1px solid var(--border-light);padding:12px 24px;border-radius:var(--border-radius);cursor:pointer;font-weight:500;font-size:14px;transition:all .3s ease}.cancel-received-button:hover,.cancel-completed-button:hover{color:var(--text-primary);border-color:var(--text-primary);background:#00000005;transform:translateY(-1px)}.received-details-input,.attachments-input,.summary-input,.do-number-input{transition:all .3s ease;font-family:inherit}.received-details-input:focus,.attachments-input:focus,.summary-input:focus,.do-number-input:focus{transform:scale(1.01);box-shadow:0 4px 12px #20b2aa1a}@media(max-width:768px){.received-actions,.completed-actions{flex-direction:column}.save-received-button,.save-completed-button,.cancel-received-button,.cancel-completed-button{width:100%;text-align:center}.received-form,.completed-form{padding:16px}}.processing-indicator{text-align:center;margin-top:16px}.process-info{background:#20b2aa1a;padding:24px;border-radius:var(--border-radius);border-left:4px solid var(--primary-color);margin:24px}.process-info h4{color:var(--primary-color);margin-bottom:16px;font-weight:600}.process-info ul{margin-left:20px;color:var(--text-primary)}.popup-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-popup{background:var(--white);border:none;border-radius:var(--border-radius-large);padding:48px 40px;box-shadow:var(--shadow-large);text-align:center;max-width:500px;width:90%;animation:slideInScale .4s ease}@keyframes slideInScale{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-icon{margin-bottom:24px}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;margin:0 auto;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.popup-content h2{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.popup-content p{font-size:16px;color:var(--text-secondary);margin-bottom:24px}.progress-container{margin-bottom:32px;text-align:center}.progress-container p{margin-bottom:16px;font-size:16px;color:var(--text-secondary)}.progress-bar{width:100%;height:8px;background-color:var(--border-light);border-radius:4px;overflow:hidden;margin:0 auto}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:4px;transition:width .1s linear;animation:progressGlow 2s ease-in-out infinite}@keyframes progressGlow{0%,to{box-shadow:0 0 5px #20b2aa80}50%{box-shadow:0 0 20px #20b2aacc}}.popup-close-button{background:var(--primary-color);color:#fff;border:none;padding:12px 32px;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.popup-close-button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.custom-multi-select{position:relative;width:100%}.multi-select-trigger{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--border-radius);background:var(--white);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:16px;transition:all .2s ease;min-height:44px}.multi-select-trigger:hover{border-color:var(--primary-color)}.multi-select-trigger:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #20b2aa1a}.multi-select-trigger.disabled{background-color:#f5f5f5;color:#9ca3af;cursor:not-allowed;opacity:.6}.multi-select-trigger.disabled:hover{border-color:var(--border-light);cursor:not-allowed}.multi-select-trigger .placeholder{color:var(--text-secondary)}.multi-select-trigger .selected-text{color:var(--text-primary)}.dropdown-arrow{transition:transform .2s ease;color:var(--text-secondary);font-size:12px}.dropdown-arrow.open{transform:rotate(180deg)}.multi-select-dropdown-content{position:absolute;top:100%;left:0;right:0;background:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);z-index:1000;max-height:310px;overflow-y:hidden;margin-top:2px}.multi-select-option:last-child{border-bottom:none}.multi-select-option:hover{background-color:#20b2aa0d}.multi-select-option input[type=checkbox]{margin:0 12px 0 0;width:16px;height:16px;cursor:pointer}.multi-select-option .option-text{flex:1;font-size:14px;color:var(--text-primary);text-align:left;line-height:16px}.multi-select-option input[type=checkbox]{appearance:none;width:16px;height:16px;border:2px solid var(--border-light);border-radius:3px;position:relative;cursor:pointer;transition:all .2s ease}.multi-select-option input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.multi-select-option input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:1px;color:#fff;font-size:12px;font-weight:700}.amendment-form{background:var(--background-light);padding:20px;border-radius:var(--border-radius)}.amendment-form h4{margin-bottom:16px;color:var(--primary-color)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.form-grid .full-width{grid-column:1 / -1}.amendment-actions{display:flex;gap:12px;justify-content:flex-end}.save-amendment-button{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;font-weight:500}.save-amendment-button:hover{background:var(--primary-dark)}.cancel-amendment-button{background:var(--text-secondary);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;font-weight:500}.cancel-amendment-button:hover{background:#555}.department-filter-section{margin:20px 0;padding:20px;background-color:#f0f8ff;border-radius:8px;border:1px solid #b3d9ff}.department-filter-header h3{margin:0 0 8px;color:#2c5aa0;font-size:16px;font-weight:600}.filter-description{margin:0 0 15px;color:#5a6c7d;font-size:14px;font-style:italic}.department-filter-dropdown{max-width:300px}.department-filter-select{width:100%;background-color:#fff;border:2px solid #b3d9ff;border-radius:6px}.department-filter-select:focus{border-color:#2c5aa0;box-shadow:0 0 0 3px #2c5aa01a}.procedure-type-selector{margin:20px 0;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.procedure-type-selector h3{margin:0 0 15px;color:#333;font-size:16px;font-weight:600}.procedure-tabs{display:flex;gap:8px;flex-wrap:wrap}.procedure-tab{padding:10px 16px;border:2px solid #ddd;background-color:#fff;color:#666;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;text-align:center}.procedure-tab:hover{border-color:#20b2aa;color:#20b2aa}.procedure-tab.active{background-color:#20b2aa;border-color:#20b2aa;color:#fff;box-shadow:0 2px 4px #20b2aa33;text-align:center}.mute-button{background:transparent;border:2px solid #ddd;color:#666;padding:8px 12px;border-radius:var(--border-radius);cursor:pointer;font-size:16px;margin-right:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}.mute-button:hover{border-color:#20b2aa;color:#20b2aa;transform:scale(1.05)}.mute-button.sound-on{background:#20b2aa;border-color:#20b2aa;color:#fff}.mute-button.sound-on:hover{background:#218838;border-color:#218838}.mute-button.sound-off{background:#dc3545;border-color:#dc3545;color:#fff}.mute-button.sound-off:hover{background:#c82333;border-color:#c82333}.notification-bell-container{position:relative;display:inline-block;margin-right:8px}.notification-bell{background:transparent;border:2px solid #ddd;color:#666;padding:8px 12px;border-radius:var(--border-radius);cursor:pointer;font-size:18px;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;overflow:visible!important;flex:0 0 auto!important}.notification-bell:hover{border-color:#20b2aa;color:#20b2aa;transform:scale(1.05)}.notification-bell.has-unread{animation:bellShake .8s ease-in-out infinite;border-color:#ffc107;color:#ffc107}@keyframes bellShake{0%,50%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.notification-badge{position:absolute;top:-3px;right:-4px;background:#dc3545;color:#fff;border-radius:50%;padding:2px 6px;font-size:11px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid white}.notification-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:var(--border-radius);box-shadow:var(--shadow-large);width:380px;max-height:450px;z-index:1000;margin-top:8px;overflow:hidden}.notification-backdrop-mobile{display:none}@media(max-width:768px){.notification-backdrop-mobile{display:block;position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-bell-container{position:relative!important;margin-right:4px}.notification-dropdown{position:fixed!important;top:70px!important;right:10px!important;left:10px!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 90px)!important;z-index:100000!important;margin-top:0!important;box-shadow:0 8px 32px #0003!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;border:none!important;animation:slideDown .3s ease-out!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-list{overflow-y:auto!important;max-height:calc(100vh - 160px)!important}.notification-item{border-bottom:1px solid #f0f0f0!important;padding:12px 16px!important}.notification-header{padding:1rem!important;position:sticky!important;top:0!important;z-index:10!important;background:#f8f9fa!important}.notification-list{max-height:calc(100vh - 140px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.notification-item{padding:1rem!important;border-bottom:1px solid #eee!important;min-height:60px!important;touch-action:manipulation!important}.no-notifications{padding:20px 16px!important}.no-notifications-icon{font-size:24px!important;margin-bottom:8px!important}.notification-header{padding:16px 20px!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-bottom:2px solid #e2e8f0!important}.notification-header h3{font-size:18px!important;font-weight:700!important}.notification-header-actions{flex-direction:row!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important}.notification-header-actions .btn{font-size:13px!important;padding:8px 12px!important;border-radius:8px!important;font-weight:600!important;white-space:nowrap!important}.notification-item:last-child{border-bottom:none!important}.mark-all-read-button{padding:.5rem 1rem!important;font-size:14px!important;min-height:44px!important;touch-action:manipulation!important}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;background:#f8f9fa;border-radius:var(--border-radius) var(--border-radius) 0 0;min-height:60px}.notification-header h3{margin:0;font-size:18px;font-weight:600;color:#333;flex:1}.mark-all-read-button{background:none;border:none;color:#20b2aa;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px;transition:background .2s ease}.mark-all-read-button:hover{background:#20b2aa1a}.notification-list{max-height:300px;overflow-y:auto;overflow-x:hidden}.notification-item{padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:default;transition:all .2s ease;position:relative}.notification-item.clickable{cursor:pointer}.notification-item:hover{background:#f8f9fa}.notification-item.clickable:hover{background:#20b2aa1f;transform:translate(2px)}.notification-item.clickable:active{background:#20b2aa2e}.notification-item.unread{background:#20b2aa0d;border-left:4px solid #20b2aa}.notification-item.urgent{border-left:4px solid #dc3545;background:#dc35450d}.notification-case-ref{color:#20b2aa;font-weight:600;font-size:.9em}.notification-content{display:flex;align-items:flex-start;gap:12px}.notification-icon{font-size:16px;margin-top:2px}.notification-text{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;color:#333;margin-bottom:4px}.notification-message{font-size:13px;color:#666;line-height:1.4;margin-bottom:4px}.notification-time{font-size:11px;color:#999}.notification-close{background:none;border:none;color:#999;cursor:pointer;font-size:12px;padding:4px;border-radius:4px;transition:all .2s ease;margin-left:8px;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.notification-close:hover{background:#dc35451a;color:#dc3545}.unread-indicator{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#20b2aa;border-radius:50%}.no-notifications{padding:40px 20px;text-align:center;color:#666}.no-notifications-icon{font-size:32px;margin-bottom:12px}.no-notifications p{margin:0 0 8px;font-weight:500}.no-notifications small{color:#999}.notification-footer{padding:12px 16px;text-align:center;border-top:1px solid #eee;background:#f8f9fa;border-radius:0 0 var(--border-radius) var(--border-radius)}.notification-footer small{color:#666}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast-notification{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-large);border:1px solid #ddd;overflow:hidden;position:relative;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);max-width:100%;min-width:300px}.toast-notification.toast-visible{transform:translate(0);opacity:1}.toast-notification.toast-leaving{transform:translate(100%);opacity:0;transition:all .3s ease-in}.toast-content{display:flex;align-items:flex-start;padding:16px;gap:12px;position:relative}.toast-icon{font-size:20px;margin-top:2px;flex-shrink:0}.toast-text{flex:1;min-width:0}.toast-title{font-weight:600;font-size:14px;color:#333;margin-bottom:4px;line-height:1.4}.toast-message{font-size:13px;color:#666;line-height:1.4}.toast-action{background:none;border:1px solid #20b2aa;color:#20b2aa;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;margin-right:8px;flex-shrink:0}.toast-action:hover{background:#20b2aa;color:#fff}.toast-close{background:none;border:none;color:#999;cursor:pointer;font-size:12px;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0;align-self:flex-start}.toast-close:hover{background:#0000001a;color:#666}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#20b2aa;animation:toastProgress linear forwards;transform-origin:left}@keyframes toastProgress{0%{width:100%}to{width:0%}}.toast-clickable{cursor:pointer;user-select:none;-webkit-user-select:none}.toast-clickable:hover{box-shadow:var(--shadow-large),0 4px 20px #007bff26;transform:translate(-2px)}.toast-case-hint{font-size:11px;color:#20b2aa;margin-top:4px;font-style:italic}.toast-swipe-hint{position:absolute;top:50%;right:16px;transform:translateY(-50%);font-size:10px;color:#999;opacity:.7;pointer-events:none}@media(max-width:768px){.toast-notification{min-width:280px;max-width:calc(100vw - 32px)}.toast-clickable{-webkit-tap-highlight-color:transparent}.toast-swipe-hint{display:block}}@media(min-width:769px){.toast-swipe-hint{display:none}}@keyframes highlight-case{0%,to{background-color:transparent;transform:scale(1)}50%{background-color:#20b2aa1a;transform:scale(1.02)}}.toast-success{border-left:4px solid #20b2aa}.toast-success .toast-icon{color:#20b2aa}.toast-error{border-left:4px solid #dc3545}.toast-error .toast-icon{color:#dc3545}.toast-warning{border-left:4px solid #ffc107}.toast-warning .toast-icon{color:#ffc107}.toast-info{border-left:4px solid #17a2b8}.toast-info .toast-icon{color:#17a2b8}@media(max-width:480px){.toast-container{left:16px;right:16px;top:16px;max-width:none}.toast-notification{min-width:0;max-width:100%}.toast-content{padding:12px}.toast-title{font-size:13px}.toast-message{font-size:12px}}.settings-container{position:relative;display:inline-block;margin-right:8px}.settings-button{background:transparent;border:2px solid #ddd;color:#666;padding:8px 12px;border-radius:var(--border-radius);cursor:pointer;font-size:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}.settings-button:hover{border-color:#20b2aa;color:#20b2aa;transform:scale(1.05)}.settings-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:var(--border-radius);box-shadow:var(--shadow-large);width:350px;max-height:500px;z-index:1000;margin-top:8px;overflow:hidden}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee;background:#f8f9fa}.settings-header h3{margin:0;font-size:16px;color:#333}.settings-close{background:none;border:none!important;box-shadow:none!important;color:#999;cursor:pointer;font-size:16px;padding:8px;border-radius:4px;transition:all .2s ease;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.settings-close:hover{background:#0000000d;color:#666}@media(max-width:768px){.settings-dropdown{position:fixed!important;top:70px!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 90px)!important;z-index:100000!important;margin-top:0!important;box-shadow:0 8px 32px #0003!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;border:none!important;animation:slideDown .3s ease-out!important}.settings-header{padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}.settings-header h3{font-size:18px!important;font-weight:700!important;text-align:left!important;margin:0!important;flex:0 1 auto!important}.settings-close{font-size:18px;padding:10px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px!important;flex-shrink:0!important}.settings-dropdown{max-width:95vw;margin:0 8px}}.settings-content{max-height:400px;overflow-y:auto}.settings-section{padding:16px;border-bottom:1px solid #f0f0f0}.settings-section:last-child{border-bottom:none}.settings-section h4{margin:0 0 16px;font-size:14px;color:#333;font-weight:600;display:flex;align-items:center;gap:8px}.settings-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.settings-item:last-child{margin-bottom:0}.settings-item-info{flex:1}.settings-item-info label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:2px}.settings-item-info small{color:#666;font-size:12px}.toggle-switch{position:relative;width:50px;height:26px;background:#ddd;border:none;border-radius:13px;cursor:pointer;transition:background .2s ease}.toggle-switch.enabled{background:#20b2aa}.toggle-switch.disabled{background:#ccc}.toggle-slider{position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-switch.enabled .toggle-slider{transform:translate(24px)}.toggle-switch.disabled .toggle-slider{transform:translate(0)}.volume-control{display:flex;align-items:center;gap:12px}.volume-slider{width:100px;height:4px;background:#ddd;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#20b2aa;border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:#20b2aa;border-radius:50%;cursor:pointer;border:none}.volume-percentage{font-size:12px;color:#666;min-width:35px;text-align:right}.test-sound-button,.notification-permission-button,.reset-settings-button{background:#20b2aa;color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius);cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px}.test-sound-button:hover,.notification-permission-button:hover{background:#0056b3}.reset-settings-button{background:#ffc107;color:#333}.reset-settings-button:hover{background:#e0a800}.notification-permission-button{background:#17a2b8;width:100%;justify-content:center}.notification-permission-button:hover{background:#138496}.notification-control{display:flex;align-items:center;min-width:80px}.user-actions{display:flex;align-items:center;gap:8px;justify-content:center}.user-actions .btn{min-width:60px}.app-info{width:100%}.info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px}.info-row:first-child{padding-top:0}.info-row:last-child{padding-bottom:0}.info-row span:first-child{color:#666;font-weight:500}.info-row span:last-child{color:#333}.settings-actions{display:flex;justify-content:center}@media(max-width:480px){.settings-dropdown{width:320px;right:-50px}.volume-control{flex-direction:column;gap:8px;align-items:stretch}.volume-slider{width:100%}.volume-percentage{text-align:center;min-width:auto}}.set-item{position:relative;transition:all .2s ease}.set-item.dragging{opacity:.5;transform:scale(1.02);z-index:1000}.set-display{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e0e0e0;border-radius:var(--border-radius);background:#fff;transition:all .2s ease}.set-display:hover{border-color:#20b2aa;box-shadow:0 2px 4px #20b2aa1a}.drag-handle{color:#666;cursor:grab;font-size:14px;line-height:1;-webkit-user-select:none;user-select:none;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:#0000000a;border:1px solid rgba(0,0,0,.1);min-width:32px;min-height:32px;box-shadow:0 1px 3px #0000001a}.drag-handle:hover{color:var(--primary-color);background:#20b2aa26;border-color:#20b2aa4d;transform:scale(1.05);box-shadow:0 2px 6px #20b2aa33}.drag-handle svg{transition:all .2s ease}.drag-handle:hover svg{transform:scale(1.1)}.set-item[draggable=true]:active .drag-handle{cursor:grabbing;background:#20b2aa26;transform:scale(.95)}.set-name{flex:1;font-weight:500;color:#333}.set-actions{display:flex;align-items:center;gap:8px}.arrow-controls{display:flex;flex-direction:row;gap:4px;flex-wrap:wrap;align-items:center}.arrow-button{background:#e3f2fd;border:1px solid #20b2aa;color:#008b8b;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;line-height:1;transition:all .2s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #2196f333}.arrow-button:hover:not(:disabled){background:#20b2aa;border-color:#20b2aa;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.arrow-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.arrow-button.move-to-top{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;color:#fff}.arrow-button.move-to-top:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 8px #4caf504d}.arrow-button.move-to-bottom{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#ff9800;color:#fff}.arrow-button.move-to-bottom:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#ef6c00);box-shadow:0 4px 8px #ff98004d}.edit-button-small{background:none;border:1px solid #dee2e6;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.edit-button-small:hover{background:#20b2aa;border-color:#20b2aa;color:#fff}.set-item[data-dragover=true]{border-top:2px solid #20b2aa}.sets-list:empty:after{content:"No items yet. Add your first item above.";display:block;text-align:center;color:#999;font-style:italic;padding:40px 20px;border:2px dashed #e0e0e0;border-radius:var(--border-radius);background:#f8f9fa}.add-input.error,.edit-input.error{border-color:#dc3545;background:#dc35450d}.add-input.error:focus,.edit-input.error:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.error-message{color:#dc3545;font-size:12px;margin-top:4px;display:block;line-height:1.3}.add-form{padding:16px;background:#f8f9fa;border-radius:var(--border-radius);border:1px solid #e0e0e0;margin-bottom:16px}.add-input,.edit-input{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.add-input:focus,.edit-input:focus{outline:none;border-color:#20b2aa;box-shadow:0 0 0 .2rem #20b2aa40}.add-actions,.edit-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.save-button,.cancel-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.save-button{background:#20b2aa;color:#fff}.save-button:hover{background:#218838}.cancel-button{background:#6c757d;color:#fff}.cancel-button:hover{background:#5a6268}.save-button-small,.cancel-button-small{padding:4px 8px;border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.save-button-small{background:#20b2aa;color:#fff}.save-button-small:hover{background:#218838}.cancel-button-small{background:#6c757d;color:#fff}.cancel-button-small:hover{background:#5a6268}.add-input[maxlength]:after{content:attr(maxlength)}.add-form .form-info{font-size:11px;color:#666;margin-top:4px}.add-form .validation-rules{font-size:11px;color:#666;margin-top:8px;padding:8px;background:#20b2aa0d;border-radius:4px;border-left:3px solid #20b2aa}.add-form .validation-rules ul{margin:0;padding-left:16px}.add-form .validation-rules li{margin-bottom:2px}.modern-filters-section{background:linear-gradient(135deg,var(--white) 0%,var(--primary-light) 100%);border-radius:var(--border-radius-large);border:1px solid var(--primary-color);margin-bottom:24px;overflow:hidden;box-shadow:0 2px 8px #20b2aa1a;transition:all .3s ease}.modern-filters-section:hover{box-shadow:0 4px 12px #20b2aa26}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.filters-header:hover{background:#ffffff80}.filters-title{display:flex;align-items:center;gap:12px}.filters-title h3{margin:0;font-size:18px;font-weight:600;color:#495057;display:flex;align-items:center;gap:8px}.active-filters-count{background:#20b2aa;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.filters-toggle{background:#20b2aa;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.filters-toggle:hover{background:#0056b3;transform:scale(1.05)}.filters-toggle.expanded{background:#20b2aa}.filters-content{padding:24px;background:#fff}.filters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.filter-category{background:#f8f9fa;border-radius:var(--border-radius);padding:16px;border-left:4px solid #20b2aa}.filter-category h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#495057;display:flex;align-items:center;gap:8px}.filter-row{display:grid;grid-template-columns:1fr;gap:16px}.modern-filter-group{display:flex;flex-direction:column;gap:6px}.modern-filter-group.full-width{grid-column:1 / -1}.modern-filter-group label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.filter-input-wrapper{position:relative;display:flex;align-items:center}.filter-input-wrapper input,.filter-input-wrapper .searchable-dropdown input{padding-left:45px!important}.modern-filter-input{width:100%;padding:10px 12px 10px 45px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.modern-filter-input:focus{outline:none;border-color:#20b2aa;box-shadow:0 0 0 3px #20b2aa1a}.modern-filter-input::placeholder{color:#adb5bd;font-style:italic}.filter-icon{position:absolute;left:12px;font-size:16px;pointer-events:none;z-index:10;color:#717171}.status-filter-wrapper{position:relative}.modern-filter-select{width:100%;padding:10px 36px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:20px;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modern-filter-select:focus{outline:none;border-color:#20b2aa;box-shadow:0 0 0 3px #20b2aa1a}.status-filter-wrapper .select-arrow{display:none}.special-instructions-search{margin:24px 0;padding:16px;background:#f8f9fa;border-radius:var(--border-radius);border-left:4px solid #20b2aa}.special-instructions-search .modern-filter-group{width:100%}.special-instructions-search label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.special-instructions-input{width:100%;padding:12px 16px;border:1px solid #ced4da;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.special-instructions-input:focus{outline:none;border-color:#20b2aa;box-shadow:0 0 0 3px #20b2aa1a}.special-instructions-input::placeholder{color:#adb5bd;font-style:italic}.modern-filter-actions{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:var(--border-radius);border:1px dashed #dee2e6}.filter-stats{font-size:14px;color:#6c757d;font-weight:500}.filter-buttons{display:flex;gap:12px}.modern-clear-button,.modern-apply-button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:8px}.modern-clear-button{background:#6c757d;color:#fff}.modern-clear-button:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.modern-clear-button:disabled{opacity:.5;cursor:not-allowed}.modern-apply-button{background:linear-gradient(135deg,#20b2aa,#0056b3);color:#fff;box-shadow:0 2px 4px #20b2aa33}.modern-apply-button:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.quick-filters-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(135deg,var(--white),var(--primary-light));border-radius:var(--border-radius);border:1px solid var(--primary-color)}.quick-filters-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.quick-filters-label{font-size:13px;font-weight:600;color:var(--primary-color);margin-right:8px;min-width:100px}.quick-filter-button{background:var(--white);color:var(--primary-color);border:1px solid var(--primary-color);padding:6px 12px;border-radius:20px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:4px}.quick-filter-button:hover{background:var(--primary-color);color:var(--white);transform:scale(1.05)}@media(max-width:768px){.filters-grid{grid-template-columns:1fr;gap:16px}.filter-row{grid-template-columns:1fr;gap:12px}.modern-filter-actions{flex-direction:column;gap:12px;align-items:stretch}.filter-buttons,.quick-filters-row{justify-content:center}.quick-filters-label{min-width:auto;width:100%;text-align:center}.filters-title{flex-direction:column;align-items:flex-start;gap:4px}}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-content{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:9999;box-shadow:0 4px 12px #00000026;pointer-events:none}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6}.date-picker-wrapper{position:relative;width:100%}.date-picker-label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:14px}.date-picker-label.required:after{content:" *";color:var(--secondary-color)}.date-picker-input-wrapper{position:relative;display:flex;align-items:center;background:var(--white);border:2px solid var(--border-light);border-radius:var(--border-radius);padding:12px 16px;cursor:pointer;transition:all .2s ease;min-height:48px;width:100%;box-sizing:border-box}.date-picker-input-wrapper:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #20b2aa1a}.date-picker-input-wrapper.focused{border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.date-picker-input-wrapper.error{border-color:var(--secondary-color)}.date-picker-input-wrapper.disabled{background:var(--background-light);cursor:not-allowed;opacity:.6}.date-picker-input{position:relative;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2;top:0;left:0;margin:0;padding:0;border:none;background:transparent;font-size:16px}.date-picker-input:disabled{cursor:not-allowed}.date-display{flex:1;font-size:14px;color:var(--text-primary);display:flex;align-items:center;min-height:20px}.date-placeholder{color:var(--text-secondary);font-style:italic}.date-picker-icon{font-size:20px;margin-left:8px;pointer-events:none;opacity:1;color:var(--text-secondary);min-width:20px;flex-shrink:0}.date-picker-error{display:block;margin-top:4px;font-size:12px;color:var(--secondary-color);font-weight:500}@media(max-width:768px){.date-picker-input-wrapper{padding:10px 12px;min-height:44px}.date-display{font-size:13px}.date-picker-icon{font-size:16px}}.filter-date-picker .date-picker-input-wrapper{min-height:40px;padding:8px 12px}.filter-date-picker .date-display{font-size:13px}.filter-date-picker .date-picker-icon{font-size:16px}.file-upload-input{width:100%;padding:12px;border:2px dashed var(--border-light);border-radius:var(--border-radius);background:var(--background-light);cursor:pointer;transition:all .2s ease;font-size:14px}.file-upload-input:hover{border-color:var(--primary-color);background:#20b2aa0d}.file-upload-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.attachment-list{margin-top:12px}.attachment-list p{margin:0 0 8px;font-weight:600;color:var(--text-primary);font-size:13px}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;background:transparent;border:none;border-radius:0;font-size:13px}.attachment-item:last-child{margin-bottom:0}.file-name{flex:1;color:var(--text-primary);font-weight:500;margin-right:8px;word-break:break-word}.file-size{color:var(--text-secondary);font-size:12px;margin-right:8px}.remove-attachment{background:var(--secondary-color);color:var(--white);border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;transition:all .2s ease}.remove-attachment:hover{background:#dc3545;transform:scale(1.1)}@media(max-width:768px){.attachment-item{flex-direction:column;align-items:flex-start;gap:4px}.file-name,.file-size{margin-right:0}.remove-attachment{align-self:flex-end}}.process-order-button,.case-action-button{padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;margin:0;min-width:0;max-width:none;width:auto;text-align:center;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.case-action-button.process-order-button{background-color:#e91e63;color:#fff}.case-action-button.process-button{background-color:#9c27b0;color:#fff}.case-action-button.deliver-button{background-color:#4caf50;color:#fff}.case-action-button.received-button{background-color:#00bcd4;color:#fff}.case-action-button.complete-button{background-color:#8bc34a;color:#fff}.case-action-button.pending-office-button{background-color:#03a9f4;color:#fff}.case-action-button.office-deliver-button{background-color:#607d8b;color:#fff}.case-action-button.billing-button{background-color:#795548;color:#fff}.case-action-button.case-closed-button{background-color:#4caf50;color:#fff}.case-action-button.transfer-button{background-color:#9c27b0;color:#fff;border:2px solid #9c27b0;flex:none}.case-action-button.copy-button{background-color:#00897b;color:#fff;border:2px solid #00897b}.case-action-button.copy-button:hover{background-color:#00695c;border-color:#00695c;transform:translateY(-2px);box-shadow:0 4px 12px #00897b4d}.case-action-button.amend-button{background-color:#ffc107;color:#333}.case-action-button.sales-approval-button{background-color:#ff8c00;color:#fff;border:2px solid #ff7700;padding:8px 12px;font-weight:600;box-shadow:0 2px 4px #ff8c004d}.case-action-button.sales-approval-button:hover:not(.disabled){background-color:#f70;border-color:#f60;box-shadow:0 4px 8px #ff8c0066;transform:translateY(-2px)}.case-action-button.delete-button{background-color:#f44336;color:#fff}.case-action-button.cancel-button{background-color:#ff9800;color:#fff;border:2px solid #f57c00;padding:8px 12px}.case-action-button.cancel-button:hover:not(.disabled){background-color:#f57c00;border-color:#ef6c00}.case-action-button:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0003}.case-action-button.disabled{background-color:#ccc;color:#666;cursor:not-allowed}.amend-button,.delete-button{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;min-width:140px;text-align:center;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.process-order-button{background-color:#667eea;color:#fff}.process-order-button:hover{background-color:#5a6fd8}.amend-button{background-color:#20b2aa;color:#fff}.amend-button:hover{background-color:#008b8b}.delete-button{background-color:#f44336;color:#fff}.delete-button:hover{background-color:#d32f2f}.process-order-button:disabled,.amend-button:disabled,.delete-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.permission-denied:not(.legend-icon):not(.permission-toggle){position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0000000d;z-index:100;padding:40px}.permission-denied-content{text-align:center;background:var(--white);border-radius:var(--border-radius-large);box-shadow:var(--shadow-medium);padding:48px;max-width:500px;border:1px solid var(--border-light)}.permission-denied-content h2{color:var(--text-primary);font-size:32px;margin-bottom:24px;font-weight:600}.permission-denied-content p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin-bottom:16px}.permission-denied-content p:last-of-type{margin-bottom:32px}.permission-denied-content strong{color:var(--text-primary);font-weight:600}.notification-disabled{opacity:.6;cursor:not-allowed}.notification-blocked-info{background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);border-radius:6px;padding:12px;margin-top:8px}.email-config-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.email-config-modal{background:#fff;border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease}.email-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--border-light);padding-bottom:16px}.email-config-header h3{margin:0;color:var(--text-primary);font-size:20px;font-weight:600}.email-config-content{margin-bottom:24px}.form-row{display:grid;gap:16px;align-items:end}.form-row .form-group{flex:1}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px;font-weight:500;color:var(--text-primary)}.form-group label.required:after{content:" *";color:var(--danger-color)}.form-group input[type=text],.form-group input[type=email],.form-group input[type=number],.form-group input[type=password]{width:100%;padding:8px 12px;border:2px solid var(--border-light);border-radius:var(--border-radius);font-size:14px;transition:border-color .2s ease}.form-group input[type=checkbox]{margin-right:8px}.email-config-info{background:var(--background-light);padding:16px;border-radius:var(--border-radius);margin-top:20px}.email-config-info h4{margin:0 0 12px;color:var(--text-primary);font-size:14px}.email-config-info ul{margin:0;padding-left:20px}.email-config-info li{margin-bottom:8px;font-size:13px;color:var(--text-secondary)}.email-config-actions{display:flex;gap:12px;justify-content:flex-end;border-top:1px solid var(--border-light);padding-top:16px}.email-status{background:var(--background-light);padding:12px;border-radius:var(--border-radius);border-left:4px solid var(--success-color)}.info-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:13px}.info-row:last-child{margin-bottom:0}.info-row span:first-child{color:var(--text-secondary)}.info-row span:last-child{color:var(--text-primary);font-weight:500}.date-picker-container,.time-picker-container{position:relative;width:100%}.date-picker-input,.time-picker-input{position:relative;display:flex;align-items:center;border:2px solid var(--border-light);border-radius:6px;background:var(--white);cursor:pointer;transition:all .2s ease}.date-picker-input:hover:not(.disabled),.time-picker-input:hover:not(.disabled){border-color:var(--primary-color)}.date-picker-input.open,.time-picker-input.open{border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.date-picker-input.disabled,.time-picker-input.disabled{background:var(--background-light);cursor:not-allowed;opacity:.6}.date-display-input,.time-display-input{flex:1;padding:10px 12px;border:none!important;background:transparent;font-size:14px;cursor:pointer;outline:none}.date-display-input:disabled,.time-display-input:disabled{cursor:not-allowed}.date-picker-icons,.time-picker-icons{display:flex;align-items:center;gap:8px;padding:0 12px}.date-clear-button,.time-clear-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;border-radius:3px;font-size:12px;transition:color .2s ease}.date-clear-button:hover,.time-clear-button:hover{color:var(--danger-color);background:#e74c3c1a}.date-picker-icon,.time-picker-icon{font-size:16px;color:var(--text-secondary)}.date-picker-dropdown,.time-picker-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:2px solid var(--primary-color);border-radius:8px;box-shadow:var(--shadow-medium);z-index:1000;animation:slideDown .2s ease;max-height:400px;overflow-y:auto}.date-picker-header,.time-picker-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-light);background:var(--primary-light)}.date-picker-header h4,.time-picker-header h4{margin:0;font-size:14px;font-weight:600;color:var(--primary-color)}.date-picker-close,.time-picker-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;font-size:14px;transition:all .2s ease}.date-picker-close:hover,.time-picker-close:hover{color:var(--danger-color);background:#e74c3c1a}.native-date-input,.native-time-input{width:100%;padding:12px 16px;border:none;border-bottom:1px solid var(--border-light);font-size:14px;background:var(--white)}.native-date-input:focus,.native-time-input:focus{outline:none;background:var(--primary-light)}.date-picker-shortcuts{display:flex;gap:8px;padding:12px 16px;flex-wrap:wrap}.date-shortcut-button{padding:6px 12px;border:1px solid var(--border-light);border-radius:20px;background:var(--white);color:var(--text-primary);cursor:pointer;font-size:12px;transition:all .2s ease}.date-shortcut-button:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.time-input-section{padding:16px;border-bottom:1px solid var(--border-light)}.time-input-section label{display:block;margin-bottom:8px;font-size:12px;font-weight:500;color:var(--text-secondary)}.time-shortcuts-section{padding:16px;border-bottom:1px solid var(--border-light)}.time-shortcuts-section h5{margin:0 0 12px;font-size:12px;font-weight:600;color:var(--text-primary)}.time-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.time-shortcut-button{padding:8px 12px;border:1px solid var(--border-light);border-radius:6px;background:var(--white);color:var(--text-primary);cursor:pointer;font-size:12px;text-align:center;transition:all .2s ease}.time-shortcut-button:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.time-shortcut-button.selected{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.time-options-section{padding:16px}.time-options-section h5{margin:0 0 12px;font-size:12px;font-weight:600;color:var(--text-primary)}.time-options-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:4px;max-height:200px;overflow-y:auto}.time-option-button{padding:6px 8px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;font-size:11px;text-align:center;border-radius:4px;transition:all .2s ease}.time-option-button:hover{background:var(--primary-light);color:var(--primary-color)}.time-option-button.selected{background:var(--primary-color);color:var(--white)}@media(max-width:768px){.date-picker-dropdown,.time-picker-dropdown{max-height:300px}.time-shortcuts,.time-options-list{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}}.procedure-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.procedure-type-header h3{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.add-procedure-type-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-procedure-type-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #20b2aa4d}.procedure-tab-container{position:relative;display:inline-block}.procedure-tab{position:relative;padding-right:30px}.custom-type-indicator{color:var(--warning-color);font-size:12px;margin-left:4px;font-weight:700}.delete-procedure-type-button{position:absolute;top:-4px;right:-4px;background:var(--danger-color);color:var(--white);border:none;border-radius:50%;width:20px;height:20px;min-width:20px;min-height:20px;font-size:10px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2;padding:0}.delete-procedure-type-button:hover{background:#c0392b;transform:scale(1.1)}.hidden-procedure-types-section{margin-top:24px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.hidden-procedure-types-section h4{margin:0 0 8px;color:var(--text-primary);font-size:16px;font-weight:600}.hidden-procedure-types-section .section-description{margin:0 0 16px;color:var(--text-secondary);font-size:14px;line-height:1.4}.hidden-types-grid{display:flex;flex-wrap:wrap;gap:12px}.hidden-type-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;transition:all .2s ease}.hidden-type-item:hover{border-color:var(--primary-color);box-shadow:0 2px 4px #0000001a}.hidden-type-name{font-weight:500;color:var(--text-primary);font-size:14px}.restore-procedure-type-button{background:var(--success-color);color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.restore-procedure-type-button:hover{background:#218838;transform:translateY(-1px)}.add-procedure-type-form{background:var(--white);border:2px solid var(--primary-color);border-radius:var(--border-radius);margin-top:20px;box-shadow:var(--shadow-medium);animation:slideDown .3s ease}.add-procedure-type-form .form-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--primary-light);border-bottom:1px solid var(--border-light);border-radius:var(--border-radius) var(--border-radius) 0 0}.add-procedure-type-form .form-header h4{margin:0;color:var(--primary-color);font-size:16px;font-weight:600}.close-form-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;font-size:16px;transition:all .2s ease}.add-procedure-type-form .form-content{padding:20px}.add-procedure-type-form .form-group{margin-bottom:20px}.add-procedure-type-form .form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:14px}.add-procedure-type-form .form-group input{width:100%;padding:12px;border:2px solid var(--border-light);border-radius:6px;font-size:14px;transition:border-color .2s ease}.add-procedure-type-form .form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.add-procedure-type-form .form-group .error-message{display:block;color:var(--danger-color);font-size:12px;margin-top:6px;font-weight:500}.add-procedure-type-form .form-actions{display:flex;gap:12px;justify-content:flex-end}.add-procedure-type-form .form-actions .btn{min-width:120px}@media(max-width:768px){.procedure-type-header{flex-direction:column;align-items:stretch;gap:12px}.procedure-type-header h3{text-align:center}.add-procedure-type-button{align-self:center}.procedure-tab-container{margin-bottom:8px}.add-procedure-type-form .form-content{padding:16px}.add-procedure-type-form .form-actions{flex-direction:column}.add-procedure-type-form .form-actions .btn{min-width:auto}}.logout-confirmation-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .2s ease}.logout-confirmation-modal{background:var(--white);border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);width:90%;max-width:450px;overflow:hidden;animation:slideDown .3s ease;border:1px solid var(--border-light)}.logout-confirmation-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:var(--white)}.logout-icon{font-size:24px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.logout-confirmation-header h3{margin:0;font-size:18px;font-weight:600}.logout-confirmation-content{padding:24px}.logout-confirmation-content p{margin:0 0 16px;font-size:16px;color:var(--text-primary);text-align:center;line-height:1.5}.logout-warning{display:flex;align-items:flex-start;gap:12px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:12px;margin-top:16px}.warning-icon{font-size:20px;flex-shrink:0;margin-top:2px}.warning-text{font-size:13px;color:#856404;line-height:1.4}.warning-text strong{font-weight:600}.logout-confirmation-actions{display:flex;gap:12px;padding:20px 24px;background:var(--background-light);border-top:1px solid var(--border-light)}.logout-cancel-button{flex:1;background:var(--white);border:2px solid var(--border-light);color:var(--text-primary)}.logout-cancel-button:hover{background:var(--background-light);border-color:var(--text-secondary)}.logout-confirm-button{flex:1;background:linear-gradient(135deg,var(--danger-color),#c0392b);border:2px solid var(--danger-color);color:var(--white)}.logout-confirm-button:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c4d}@media(max-width:768px){.logout-confirmation-modal{width:95%;margin:20px}.logout-confirmation-header{padding:16px 20px}.logout-confirmation-header h3{font-size:16px}.logout-confirmation-content{padding:20px}.logout-confirmation-content p{font-size:15px}.logout-confirmation-actions{flex-direction:column;padding:16px 20px}.logout-cancel-button,.logout-confirm-button{flex:none}}@keyframes pageSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pageSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pageZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.case-booking-form,.cases-list-container,.user-management-container,.edit-sets-container,.permission-matrix-page{animation:pageSlideUp .5s ease-out}.process-order-page{animation:pageZoomIn .4s ease-out}.btn{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);border-radius:inherit;transition:left .5s ease;pointer-events:none;z-index:1}.btn>*:not(.notification-badge):not(.badge):not([class*=-badge]){position:relative;z-index:2}.btn.notification-bell>.notification-badge{position:absolute;z-index:3}.btn.notification-bell:before{display:none!important}.btn:hover:not(:disabled):before{left:100%}.btn:disabled:before{display:none}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.btn:active{transform:translateY(0);transition:transform .1s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s ease-in-out infinite;margin-right:8px}.case-card,.stat-card,.summary-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.case-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026}.stat-card:hover,.summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.amendment-input:focus{transform:scale(1.02);transition:transform .2s ease}.navigation-tabs .tab-button{transition:all .3s ease;position:relative}.navigation-tabs .tab-button:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--primary-color);transition:all .3s ease;transform:translate(-50%)}.navigation-tabs .tab-button.active:after{width:100%}.navigation-tabs .tab-button:hover{transform:translateY(-2px)}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.7}}.status-badge.processing{animation:statusPulse 2s ease-in-out infinite}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.3) translateY(-50px)}50%{opacity:1;transform:scale(1.05) translateY(0)}70%{transform:scale(.95)}to{transform:scale(1)}}.email-config-modal,.role-summary-modal,.logout-confirmation-modal{animation:modalBounceIn .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes featureStagger{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.feature-item:nth-child(1){animation:featureStagger .6s ease .1s both}.feature-item:nth-child(2){animation:featureStagger .6s ease .2s both}.feature-item:nth-child(3){animation:featureStagger .6s ease .3s both}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes notificationSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-notification{animation:notificationSlideIn .3s ease-out}.toast-notification.closing{animation:notificationSlideOut .3s ease-in}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.5}}.loading-state{animation:loadingPulse 1.5s ease-in-out infinite}.notification-bell:hover{animation:bellRing .5s ease-in-out}@keyframes bellRing{0%,50%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.search-input:focus{box-shadow:0 0 0 3px #20b2aa1a,0 4px 12px #00000026;transition:box-shadow .3s ease}.procedure-tab:hover,.role-summary-button:hover,.add-procedure-type-button:hover{transform:translateY(-1px);transition:transform .2s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-group.error input,.form-group.error select{animation:errorShake .5s ease-in-out}.login-container{animation:pageZoomIn .6s ease-out}.login-form-container{animation:pageSlideUp .7s ease-out .2s both}.floating-input-group{transition:all .3s ease}.floating-input-group:focus-within{transform:scale(1.02)}.settings-dropdown{animation:slideDown .2s ease-out;transform-origin:top right}.case-actions .case-action-button{transition:all .2s ease}.case-actions .case-action-button:hover{transform:scale(1.05)}.pending-office-button{background-color:#03a9f4!important;color:#fff!important;border:none!important}.pending-office-button:hover{background-color:#0288d1!important}.sales-approval-form{background:var(--white);border:1px solid var(--border-light);border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 2px 8px #0000001a}.sales-approval-form h4{color:#ff8c00;margin-bottom:16px;font-weight:600;font-size:18px;border-bottom:2px solid #ff8c00;padding-bottom:8px}.sales-approval-actions{display:flex;gap:16px;justify-content:flex-start;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light)}.sales-approval-actions .primary-button{background-color:#ff8c00;color:#fff;border:2px solid #ff7700;font-weight:600;padding:12px 24px;border-radius:8px;min-width:180px;transition:all .2s ease}.sales-approval-actions .primary-button:hover{background-color:#f70;border-color:#f60;transform:translateY(-1px);box-shadow:0 4px 8px #ff8c004d}.sales-approval-actions .cancel-button{background-color:#6c757d;color:#fff;border:2px solid #5a6268;padding:12px 24px;border-radius:8px;min-width:120px;transition:all .2s ease}.sales-approval-actions .cancel-button:hover{background-color:#5a6268;border-color:#495057;transform:translateY(-1px)}.amendment-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.expand-amendment-button{margin-left:15px;font-size:12px!important;padding:4px 12px!important}.case-item:nth-child(odd){animation:pageSlideUp .5s ease .1s both}.case-item:nth-child(2n){animation:pageSlideUp .5s ease .2s both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.success-checkmark,.loading-spinner,.status-success-popup{animation-duration:revert!important;animation-iteration-count:revert!important}}.original-value-display{margin-top:6px;padding:6px 10px;background:linear-gradient(135deg,#fff3cd,#fff8e1);border:1px solid #ffeaa7;border-radius:6px;font-size:12px;color:#856404;font-style:italic;box-shadow:0 1px 3px #0000001a}.original-value-label{font-weight:600;color:#6c5214;font-style:normal;margin-right:4px}.detail-item.amendment-history{position:relative;display:flex;flex-direction:column}.amendment-content{flex:1;padding:12px;background:linear-gradient(135deg,#fff3cd,#fff8e1);border:1px solid #ffeaa7;border-radius:8px;margin-bottom:8px}.amendment-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #ff6b6b4d;flex-shrink:0}.amendment-metadata{align-self:flex-end;padding:8px;background:#ffffffe6;border-radius:6px;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.amendment-metadata div{margin-bottom:2px;font-size:12px;color:#666}.amendment-entry{border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:12px;background:#fafafa}.amendment-entry .amendment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.amendment-meta{display:flex;gap:16px;font-size:12px;color:#666}.amendment-reason{margin-bottom:12px;padding:8px;background:#f0f0f0;border-radius:4px;font-size:14px}.amendment-changes{margin-top:12px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.changes-grid{margin-top:8px;display:flex;flex-direction:column;gap:10px}.change-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;background:#fff;border-radius:6px;border:1px solid #e9ecef;font-size:14px;transition:all .2s ease}.change-item:hover{box-shadow:0 2px 4px #0000000d;border-color:#d1d5db}.change-field{font-weight:600;color:#495057;min-width:140px;font-size:13px;text-transform:capitalize}.change-from{color:#dc3545;font-family:Courier New,monospace;background:#ffebee;padding:4px 8px;border-radius:4px;text-decoration:line-through;border:1px solid #ffcdd2;font-size:13px;font-weight:500}.change-arrow{color:#6c757d;margin:0 8px;font-weight:700;font-size:16px}.change-to{color:#20b2aa;font-family:Courier New,monospace;background:#e8f5e9;padding:4px 8px;border-radius:4px;border:1px solid #c8e6c9;font-size:13px;font-weight:600}.edit-sets-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-country-selector{display:flex;align-items:center;gap:12px;background:var(--background-light);padding:8px 16px;border-radius:8px;border:1px solid var(--border-light)}.admin-country-selector label{font-weight:600;color:var(--text-primary);font-size:14px;white-space:nowrap}.admin-country-selector .country-select{padding:6px 12px;border:2px solid var(--border-light);border-radius:6px;font-size:14px;min-width:140px;background:#fff;color:var(--text-primary);font-weight:500}.admin-country-selector .country-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}@media(max-width:768px){.edit-sets-title-row{flex-direction:column;align-items:flex-start;gap:12px}.admin-country-selector{align-self:stretch;justify-content:space-between}}.attachment-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:8px;max-width:100%}.attachment-preview-item{border:1px solid var(--border-light);border-radius:8px;padding:8px;background:var(--white);transition:all .2s ease}.attachment-preview-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.image-attachment{display:flex;flex-direction:column;align-items:center;gap:6px}.attachment-thumbnail{border-radius:4px;border:1px solid var(--border-light);transition:all .2s ease}.attachment-thumbnail:hover:not(.modal-opening){transform:scale(1.05);box-shadow:0 2px 8px #00000026;transition:transform .2s ease,box-shadow .2s ease}body.attachment-modal-active .attachment-thumbnail:hover{transform:none;box-shadow:none}.attachment-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1001;cursor:pointer}.attachment-modal{background:var(--white);border-radius:8px;max-width:90vw;max-height:90vh;overflow:hidden;cursor:default;box-shadow:0 10px 30px #0000004d}.attachment-modal-header{padding:16px 20px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background:var(--surface)}.attachment-modal-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.attachment-modal-close{background:none;border:none;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;color:var(--text-secondary);transition:background-color .2s ease}.attachment-modal-close:hover{background:var(--background-hover);color:var(--text-primary)}.attachment-modal-body{padding:20px;text-align:center;max-height:70vh;overflow:auto}.attachment-modal-body img{max-width:100%;max-height:60vh;border-radius:4px;object-fit:contain}.attachment-modal-footer{padding:16px 20px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:12px;background:var(--surface)}.attachment-modal-download,.attachment-modal-replace{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.file-attachment{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.file-attachment.error{opacity:.6}.file-icon{font-size:24px;margin-bottom:4px}.attachment-info{text-align:center;width:100%}.file-name{font-size:11px;font-weight:600;color:var(--text-primary);margin-bottom:2px;line-height:1.2;word-break:break-word}.file-size{font-size:10px;color:var(--text-secondary);font-weight:400}.download-button{position:absolute;top:-4px;right:-4px;background:var(--primary-color);color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transition:all .2s ease;opacity:.8}.download-button:hover{opacity:1;transform:scale(1.1);background:var(--primary-dark)}.image-modal .image-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.attachment-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.attachment-preview-item{padding:6px}.file-name{font-size:10px}.file-size{font-size:9px}}@media(max-width:480px){.attachment-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.attachment-thumbnail{max-width:80px!important;max-height:60px!important}}.tab-navigation{display:flex;border-bottom:2px solid var(--border-light);margin-bottom:24px;background:var(--white);border-radius:8px 8px 0 0;overflow:hidden;box-shadow:var(--shadow-light)}.tab-button{background:var(--background-light);border:none;padding:16px 24px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;color:#000;border-bottom:3px solid transparent;position:relative;display:flex;align-items:center;gap:8px;min-height:60px}.tab-button:hover{background:var(--primary-light);color:var(--primary-dark);transform:translateY(-1px)}.tab-button.active{color:#fff;font-weight:600}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:2px 2px 0 0}.tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.tab-navigation{flex-direction:column}.tab-button{padding:12px 16px;min-height:auto;border-bottom:1px solid var(--border-light)}.tab-button.active{border-bottom-color:var(--primary-color)}}@media(max-width:480px){.tab-button{padding:10px 12px;font-size:13px}}.header-left h1{display:flex;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:700;color:var(--text-primary)}.header-db-indicator{flex-shrink:0}.header-db-indicator .connection-status-light{padding:4px 8px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #0000001a}.header-db-indicator .connection-status-light:hover{background:#fff;box-shadow:0 4px 8px #00000026}.header-db-indicator .status-text{display:none}.header-db-indicator .connection-details-panel{top:calc(100% + 8px);left:0;transform:none}@media(max-width:768px){.header-left h1{font-size:20px;gap:8px}.header-db-indicator .connection-status-light{padding:3px 6px}}@media(max-width:480px){.header-left h1{font-size:18px;gap:6px}}.cases-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-controls{display:flex;align-items:center;gap:12px}.realtime-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--border-radius);font-size:12px;font-weight:600;transition:all .3s ease}.realtime-status.connected{background:var(--success-light);color:var(--success-color);border:1px solid var(--success-color)}.realtime-status.disconnected{background:var(--danger-light);color:var(--danger-color);border:1px solid var(--danger-color)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.realtime-status.disconnected .status-dot{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.case-action-button{padding:8px 12px;border:none;border-radius:var(--border-radius);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;margin:0;box-shadow:var(--shadow-light)}.case-action-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.case-action-button:active{transform:translateY(0);box-shadow:var(--shadow-light)}.case-action-button.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.case-action-button.delete-button{background:var(--danger-color);color:#fff;border:2px solid var(--danger-color);padding:8px 12px}.case-action-button.delete-button:hover{background:#c0392b;border-color:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.case-action-button.delete-button:active{background:#a93226;border-color:#a93226;transform:translateY(0)}.case-action-button.amend-button{background:var(--warning-color);color:#fff;border:2px solid var(--warning-color);padding:8px 12px}.case-action-button.amend-button:hover{background:#e67e22;border-color:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.case-action-button.process-order-button,.case-action-button.process-button{background:var(--primary-color);color:#fff;border:2px solid var(--primary-color)}.case-action-button.process-order-button:hover,.case-action-button.process-button:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #20b2aa4d}.case-action-button.sales-approval-button{background:var(--success-color);color:#fff;border:2px solid var(--success-color)}.case-action-button.sales-approval-button:hover{background:#229954;border-color:#229954;transform:translateY(-2px);box-shadow:0 4px 12px #27ae604d}.case-action-button.deliver-button,.case-action-button.received-button,.case-action-button.complete-button{background:#3498db;color:#fff;border:2px solid #3498db}.case-action-button.deliver-button:hover,.case-action-button.received-button:hover,.case-action-button.complete-button:hover{background:#2980b9;border-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.case-action-button.cancel-button{background:#95a5a6;color:#fff;border:2px solid #95a5a6}.case-action-button.cancel-button:hover{background:#7f8c8d;border-color:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 12px #95a5a64d}.case-action-button.resend-email-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:2px solid #3b82f6;box-shadow:0 2px 8px #3b82f64d}.case-action-button.resend-email-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e3a8a);border-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}@media(min-width:768px)and (max-width:1024px){.form-section-procedure-sets .procedure-sets-form .form-row,.form-section-procedure-sets .quantities-section .form-row{grid-template-columns:1fr 1fr!important}}.filter-row .modern-filter-group:nth-child(1) .modern-filter-select option[value=""]:before{content:none!important;display:none!important}.filter-row .modern-filter-group:nth-child(1) .modern-filter-select option[value=""]{font-size:14px;color:#6c757d}.modern-filter-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-top:16px}.quick-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-stats{flex:0 0 auto}.master-list-controls{display:flex;gap:12px;align-items:center}.master-list-search{flex:1;width:100%}.master-list-buttons{display:flex;gap:8px}.master-list-edit-btn{width:auto}@media(max-width:768px){.master-list-controls{display:grid;grid-template-columns:1fr;gap:12px}.master-list-search,.master-list-buttons,.master-list-edit-btn{width:100%}.master-list-buttons button{flex:1}}@media(max-width:768px){.master-list-stats-mobile .card-body{padding:.5rem!important}.master-list-stats-mobile .stat-label{font-size:9px!important;margin-bottom:2px!important}.master-list-stats-mobile .stat-value{font-size:16px!important}}.status-config-fields{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.form{display:flex;flex-direction:column;gap:1.5rem;max-width:100%}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}.form-row.two-columns{grid-template-columns:1fr 1fr;align-items:start}.form-row.three-columns{grid-template-columns:1fr 1fr 1fr;align-items:start}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.inline{flex-direction:row;align-items:center;gap:1rem}.form-group.full-width{grid-column:1 / -1}.form-label,label{font-weight:600;color:var(--text-primary);font-size:.875rem;line-height:1.4}.form-label.required:after,label.required:after{content:" *";color:var(--danger-color);font-weight:700}.form-label.optional:after,label.optional:after{content:" (optional)";color:var(--text-secondary);font-weight:400;font-size:.75rem}.form-input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],input[type=datetime-local],textarea,select{width:100%;padding:.75rem 1rem;font-size:.875rem;font-family:inherit;background-color:var(--white);color:var(--text-primary);transition:all .2s ease;min-height:44px}.form-input:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.form-input:hover,input:hover,textarea:hover,select:hover{border-color:var(--primary-color)}.form-input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-secondary);font-style:italic}.form-input:disabled,input:disabled,textarea:disabled,select:disabled{background-color:var(--background-light);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.form-input.error,input.error,textarea.error,select.error{border-color:var(--danger-color);box-shadow:0 0 0 3px #e74c3c1a}.error-text{color:var(--danger-color);font-size:.75rem;font-weight:500;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.error-text:before{content:"⚠️";font-size:.875rem}.form-input.success,input.success,textarea.success,select.success{border-color:var(--success-color);box-shadow:0 0 0 3px #27ae601a}.success-text{color:var(--success-color);font-size:.75rem;font-weight:500;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.success-text:before{content:"✅";font-size:.875rem}textarea{resize:vertical;min-height:120px;line-height:1.5}select{cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem;appearance:none}select:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2320b2aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:flex;align-items:center;gap:.75rem;margin:.5rem 0}.form-check input[type=checkbox],.form-check input[type=radio]{width:1.25rem;height:1.25rem;margin:0;cursor:pointer;accent-color:var(--primary-color)}.form-check label{margin:0;cursor:pointer;font-weight:400}.input-group{display:flex;align-items:stretch;width:100%}.input-group .form-input{border-radius:0;border-right:none}.input-group .form-input:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.input-group .form-input:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-right:2px solid var(--border-light)}.input-group-prepend,.input-group-append{display:flex;align-items:center;padding:.75rem 1rem;background-color:var(--background-light);border:2px solid var(--border-light);color:var(--text-secondary);font-size:.875rem;white-space:nowrap}.input-group-prepend{border-right:none;border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.input-group-append{border-left:none;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.form-help{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.4}.file-input-wrapper{position:relative;display:inline-block;cursor:pointer;width:100%}.file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-input-label{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:2px dashed var(--border-light);border-radius:var(--border-radius);background-color:var(--white);color:var(--text-secondary);font-size:.875rem;transition:all .2s ease;min-height:44px}.file-input-wrapper:hover .file-input-label{border-color:var(--primary-color);background-color:var(--primary-light)}.file-input:focus+.file-input-label{border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.search-input-wrapper{position:relative;width:100%}.search-input{padding-left:2.5rem}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1rem;pointer-events:none}.floating-label{position:relative}.floating-label input,.floating-label textarea{padding-top:1.5rem;padding-bottom:.5rem}.floating-label label{position:absolute;top:1rem;left:1rem;color:var(--text-secondary);font-size:.875rem;font-weight:400;transition:all .2s ease;pointer-events:none;background-color:var(--white);padding:0 .25rem}.floating-label input:focus+label,.floating-label input:not(:placeholder-shown)+label,.floating-label textarea:focus+label,.floating-label textarea:not(:placeholder-shown)+label{top:-.5rem;left:.75rem;font-size:.75rem;color:var(--primary-color);font-weight:600}.searchable-dropdown input,.multi-select-dropdown input,.custom-dropdown input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-light);border-radius:var(--border-radius);font-size:.875rem;font-family:inherit;background-color:var(--white);color:var(--text-primary);transition:all .2s ease;min-height:44px}.searchable-dropdown input:focus,.multi-select-dropdown input:focus,.custom-dropdown input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.searchable-dropdown input:hover,.multi-select-dropdown input:hover,.custom-dropdown input:hover{border-color:var(--primary-color)}.quantity-field{padding:.75rem!important;border:2px solid var(--border-light)!important;border-radius:var(--border-radius)!important;font-size:.875rem!important;background:var(--white)!important;color:var(--text-primary)!important;transition:all .2s ease!important;min-height:44px!important}.quantity-field:focus{outline:none!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #20b2aa1a!important}.quantity-field:hover{border-color:var(--primary-color)!important}.case-booking-form input,.case-booking-form textarea,.case-booking-form select{width:100%;padding:.75rem 1rem;border:2px solid var(--border-light);border-radius:var(--border-radius);font-size:.875rem;font-family:inherit;background-color:var(--white);color:var(--text-primary);transition:all .2s ease;min-height:44px}.case-booking-form input:focus,.case-booking-form textarea:focus,.case-booking-form select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.case-booking-form input:hover,.case-booking-form textarea:hover,.case-booking-form select:hover{border-color:var(--primary-color)}.responsive-sets-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.surgery-sets-container,.implant-boxes-container{display:flex;flex-direction:column;align-self:flex-start}@media(max-width:768px){.selected-sets-grid{grid-template-columns:1fr;gap:1rem}.surgery-sets-container{margin-bottom:2rem}.implant-boxes-container{margin-top:1rem}}.quantities-section{margin-top:.5rem}.quantities-label{font-size:.9rem;color:#6c757d;margin-bottom:.5rem;display:block}.quantities-container{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.quantity-item{display:grid;grid-template-columns:1fr auto;gap:.5rem;width:100%;align-items:center}.item-name{font-size:.85rem;color:var(--text-primary);word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.quantity-input{width:60px;padding:.25rem;border-radius:4px;border:1px solid #ced4da;font-size:.875rem;text-align:center}.quantity-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #20b2aa1a}.quantity-item-with-remaining{display:grid;grid-template-columns:1fr auto;gap:0 12px;width:100%;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.quantity-item-with-remaining:last-child{border-bottom:none}.quantity-item-info{display:flex;flex-direction:column;gap:4px;min-width:0}.quantity-item-info .item-name{font-size:.85rem;color:var(--text-primary);font-weight:500}.inventory-remaining-badge{color:#fff;padding:2px 8px;border-radius:4px;fontSize:11px;font-size:11px;font-weight:600;white-space:nowrap;display:inline-block;width:fit-content}.inventory-loading-text{font-size:11px;color:#999}.quantity-item-with-remaining>.quantity-input{grid-row:1;grid-column:2;align-self:center;width:64px;min-width:56px;padding:8px 4px;text-align:center;box-sizing:border-box}@media(max-width:768px){.form-row.two-columns,.form-row.three-columns{grid-template-columns:1fr}.responsive-sets-layout{grid-template-columns:1fr;gap:1.5rem}.quantities-container{gap:.75rem}.quantity-item{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;width:100%}.item-name{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-weight:500;width:100%}.quantity-input{width:100%;padding:.75rem;font-size:16px}.quantity-item-with-remaining{grid-template-columns:1fr 56px;gap:0 8px;padding:6px 0}.quantity-item-with-remaining>.quantity-input{width:56px!important;min-width:56px;max-width:72px;padding:6px 2px;font-size:16px;box-sizing:border-box}.quantity-item-info .item-name{font-size:.8rem;word-break:break-word;overflow-wrap:break-word}.form-group.inline{flex-direction:column;align-items:stretch}.input-group{flex-direction:column}.input-group .form-input,.input-group-prepend,.input-group-append{border-radius:var(--border-radius);border:2px solid var(--border-light)}}.custom-field-multi-values{margin:0;padding-left:18px;list-style:disc}.custom-field-multi-values li{margin:0}.code-table-setup{padding:24px;max-width:1200px;margin:0 auto;background:var(--white);min-height:100vh}.read-only-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#6c757d;border:1px solid #dee2e6;border-radius:6px;font-size:14px;font-weight:500;letter-spacing:.02em;cursor:help;transition:all .2s ease}.read-only-badge:hover{background:linear-gradient(135deg,#e9ecef,#d6dbdf);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.code-table-header{margin-bottom:32px;border-bottom:2px solid var(--border-light);padding-bottom:16px}.code-table-header h2{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 8px}.code-table-header p{color:var(--text-secondary);font-size:16px;margin:0;line-height:1.5}.permission-denied-message{text-align:center;padding:60px 20px;background:var(--background-light);border-radius:12px;border:1px solid var(--border-light)}.permission-denied-message h3{color:var(--danger-color);font-size:24px;font-weight:600;margin:0 0 16px}.permission-denied-message p{color:var(--text-secondary);font-size:16px;margin:8px 0;line-height:1.5}.category-selector{margin-bottom:24px}.category-selector-header{margin-bottom:16px}.category-selector-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 4px}.category-selector-header p{color:var(--text-secondary);font-size:14px;margin:0;line-height:1.4}.category-tabs{display:flex;gap:12px;margin-bottom:8px}.category-tab{background:var(--background-light);border:2px solid var(--border-light);color:var(--text-secondary);padding:16px 20px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:180px;text-align:center}.category-tab:hover{border-color:var(--primary-color);background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-light)}.category-tab.active{background:var(--primary-color);border-color:var(--primary-dark);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-medium)}.category-count{font-size:11px;opacity:.8;font-weight:400;background:#fff3;padding:2px 8px;border-radius:10px}.category-tab.active .category-count{opacity:.9;background:#ffffff40}.table-selector{margin-bottom:32px}.table-selector-header{margin-bottom:16px}.table-selector-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 4px}.table-selector-header p{color:var(--text-secondary);font-size:14px;margin:0;line-height:1.4}.table-dropdown{margin-top:12px}.table-select-dropdown{width:100%;max-width:400px}.country-selector{margin-bottom:24px;padding:20px;background:var(--background-light);border:1px solid var(--border-light);border-radius:12px}.country-selector-header{margin-bottom:16px}.country-selector-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 4px}.country-selector-header p{color:var(--text-secondary);font-size:14px;margin:0;line-height:1.4}.country-dropdown{max-width:300px}.country-select-dropdown{width:100%}.add-table-button{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-table-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.table-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.table-tab{background:var(--background-light);border:2px solid var(--border-light);color:var(--text-secondary);padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px}.table-tab:hover{border-color:var(--primary-color);background:var(--primary-light);transform:translateY(-1px)}.table-tab.active{background:var(--primary-color);border-color:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-medium)}.item-count{font-size:11px;opacity:.8;font-weight:400}.table-tab.active .item-count{opacity:.9}.add-table-form{background:var(--white);border:2px solid var(--primary-color);border-radius:12px;padding:20px;margin-top:16px;box-shadow:var(--shadow-medium)}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.form-header h4{color:var(--primary-color);font-size:16px;font-weight:600;margin:0}.close-form-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:16px;transition:all .2s ease}.close-form-button:hover{color:var(--danger-color);background:#e74c3c1a}.form-content{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary);margin-top:2rem}.form-group input{padding:10px 12px;border:2px solid var(--border-light);border-radius:6px;font-size:14px;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20b2aa1a}.error-message{color:var(--danger-color);font-size:12px;font-weight:500;margin-top:4px}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.table-content{background:var(--white);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-light)}.table-content-header{background:var(--primary-light);padding:20px 24px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.table-info h3{color:var(--primary-color);font-size:20px;font-weight:600;margin:0 0 4px}.table-info p{color:var(--text-secondary);font-size:14px;margin:0 0 8px;line-height:1.4}.table-info .item-count{color:var(--primary-color);font-size:12px;font-weight:500;background:#fff;padding:2px 8px;border-radius:12px;display:inline-block}.add-item-button{background:var(--success-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-item-button:hover{background:#218838;transform:translateY(-1px)}.add-item-form{padding:20px 24px;background:var(--background-light);border-bottom:1px solid var(--border-light)}.items-list{padding:24px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state p{font-size:16px;margin:0 0 16px}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.item-card{background:var(--white);border:1px solid var(--border-light);border-radius:8px;padding:16px;transition:all .2s ease}.item-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-light);transform:translateY(-1px)}.item-display{display:flex;justify-content:space-between;align-items:center;gap:12px}.item-name{color:var(--text-primary);font-size:14px;font-weight:500;flex:1;word-break:break-word}.item-actions{display:flex;gap:6px;flex-shrink:0}.item-actions button{padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-outline-primary{background:none;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline-primary:hover{background:var(--primary-color);color:#fff}.btn-outline-danger{background:none;border:1px solid var(--danger-color);color:var(--danger-color)}.btn-outline-danger:hover{background:var(--danger-color);color:#fff}.edit-item-form{display:flex;flex-direction:column;gap:12px}.edit-item-form input{padding:8px 12px;border:2px solid var(--primary-color);border-radius:4px;font-size:14px}.edit-item-form input:focus{outline:none;box-shadow:0 0 0 3px #20b2aa1a}.edit-actions{display:flex;gap:6px;justify-content:flex-end}@media(max-width:768px){.code-table-setup,.country-selector{padding:16px}.country-dropdown{max-width:100%}.category-tabs{flex-direction:column;gap:8px}.category-tab{min-width:auto;padding:12px 16px}.table-selector-header{text-align:center}.table-select-dropdown{max-width:100%}.table-content-header{flex-direction:column;align-items:stretch;gap:16px}.items-grid{grid-template-columns:1fr}.form-actions{justify-content:stretch}.form-actions button{flex:1}}@media(max-width:480px){.code-table-header h2{font-size:24px}.table-content-header,.items-list{padding:16px}.item-display{flex-direction:column;align-items:stretch;gap:8px}.item-actions{justify-content:center}}.delete-department-modal{max-width:560px}.delete-department-modal .modal-body{overflow-y:auto;max-height:60vh}.delete-department-modal .modal-body p{margin:0 0 12px;line-height:1.5}.delete-department-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.delete-blocker{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:6px;padding:14px 16px;margin:16px 0}.delete-blocker-hard{background:#fef2f2;border-color:#fecaca;border-left-color:#dc2626}.delete-blocker-group{margin-top:10px}.delete-blocker-group ul{margin:6px 0 0;padding-left:22px}.delete-blocker-group li{margin-bottom:3px;line-height:1.45}.delete-bypass-toggle{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #fde68a;cursor:pointer;line-height:1.45}.delete-bypass-toggle input[type=checkbox]{width:17px;height:17px;margin:1px 0 0;flex-shrink:0;accent-color:#dc2626;cursor:pointer}.delete-bypass-warning{margin:12px 0 0!important;padding:10px 12px;background:#fef2f2;border-radius:4px;color:#991b1b;font-size:.9rem}.delete-confirm-input{margin-top:18px}.delete-confirm-input label{display:block;margin-bottom:6px}.delete-confirm-input input{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.95rem;letter-spacing:.04em}.delete-confirm-input input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}@media(max-width:640px){.delete-department-modal .modal-footer{flex-direction:column-reverse}.delete-department-modal .modal-footer .btn{width:100%}}@keyframes rotate-refresh{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-refresh{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.refresh-button,.btn-refresh,button[title*=Refresh],button[title*=refresh],button:has(.refresh-icon),button:contains("🔄"){position:relative;transition:all .3s ease;cursor:pointer}.refresh-button.refreshing,.btn-refresh.refreshing,button[title*=Refresh].refreshing,button[title*=refresh].refreshing{pointer-events:none;opacity:.8}.refresh-button.refreshing:after,.btn-refresh.refreshing:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:rotate-refresh .8s linear infinite}.refresh-icon,.refresh-button span,.btn-refresh span,[class*=refresh]>span:first-child{display:inline-block;transition:transform .5s ease}.refresh-button:not(.refreshing):hover .refresh-icon,.refresh-button:not(.refreshing):hover span,.btn-refresh:not(.refreshing):hover span{transform:rotate(180deg)}.refresh-button:active:not(.refreshing) .refresh-icon,.refresh-button:active:not(.refreshing) span,.btn-refresh:active:not(.refreshing) span{transform:rotate(360deg);transition:transform .3s ease}.refresh-button:not(.refreshing):active,.btn-refresh:not(.refreshing):active{transform:scale(.95)}.refresh-button.success,.btn-refresh.success{animation:pulse-refresh .5s ease;background-color:#27ae60!important;color:#fff!important}.refresh-button.success:before,.btn-refresh.success:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;color:#fff;animation:fadeInOut 1s ease}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.refresh-button,.btn-refresh{min-width:44px;min-height:44px}.refresh-button.refreshing:after,.btn-refresh.refreshing:after{width:16px;height:16px;margin-top:-8px;margin-left:-8px}}.header-actions button[title*=Refresh],.database-status button,.cases-header button[title*=refresh]{position:relative;overflow:hidden}.header-actions button[title*=Refresh]:hover,.database-status button:hover,.cases-header button[title*=refresh]:hover{background-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}button:has(span:contains("🔄")){transition:all .3s ease}button:has(span:contains("🔄")):not(:disabled):hover{background-color:var(--primary-light)}button:has(span:contains("🔄")):not(:disabled):active{transform:scale(.95)}button span:contains("🔄"){display:inline-block;transition:transform .5s ease}button:not(:disabled):hover span:contains("🔄"){transform:rotate(180deg)}button:not(:disabled):active span:contains("🔄"){transform:rotate(360deg);transition:transform .3s ease}@media screen and (max-width:768px){.app-main{padding:8px 12px calc(80px + env(safe-area-inset-bottom)) 12px}h1,.h1{font-size:20px!important;line-height:1.3;margin-bottom:12px}h2,.h2{font-size:18px!important;line-height:1.3;margin-bottom:10px}h3,.h3{font-size:16px!important;line-height:1.3;margin-bottom:8px}h4,.h4{font-size:15px!important;line-height:1.3;margin-bottom:6px}h5,.h5{font-size:14px!important;line-height:1.3;margin-bottom:6px}.btn,button{padding:8px 12px!important;font-size:14px!important;min-height:44px;border-radius:6px!important}.btn-lg{padding:10px 16px!important;font-size:15px!important;min-height:48px}.btn-sm{padding:6px 10px!important;font-size:12px!important;min-height:36px}input,select,textarea{padding:8px 10px!important;font-size:16px!important;border-radius:6px!important}.form-group{margin-bottom:12px!important}.form-group label{font-size:13px!important;font-weight:600;margin-bottom:4px!important;display:block}.card,.container,.content-container{margin-bottom:12px!important;padding:12px!important;border-radius:8px!important}table{font-size:13px!important}table th{padding:8px 6px!important;font-size:12px!important;font-weight:600}table td{padding:8px 6px!important;font-size:13px!important}.mobile-compact{padding:8px!important;margin-bottom:8px!important}.mobile-spacing{margin-bottom:12px!important}.mobile-text-left{text-align:left!important}.mobile-text-center{text-align:center!important}.mobile-text-right{text-align:right!important}.mobile-flex-column{display:flex!important;flex-direction:column!important;gap:8px!important}.mobile-flex-row{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important}.desktop-only{display:none!important}.cases-list-container{padding:8px!important}.case-card{margin-bottom:10px!important;padding:12px!important;border-radius:8px!important}.case-card h3{font-size:16px!important;margin-bottom:6px!important}.case-card .case-info{font-size:13px!important;line-height:1.4}.case-actions{margin-top:8px!important;display:flex!important;gap:6px!important;flex-wrap:wrap!important}.case-actions .btn{flex:1!important;min-width:0!important;font-size:12px!important;padding:6px 8px!important}.user-management{padding:16px!important;margin:8px!important}.user-management table{display:block!important;overflow-x:auto!important;white-space:nowrap!important;margin:12px 0!important}.user-management th,.user-management td{padding:12px 8px!important;font-size:14px!important;line-height:1.4!important}.user-management .btn-group{display:flex!important;flex-direction:column!important;gap:8px!important;padding:4px!important}.user-management .btn-group .btn{font-size:12px!important;padding:8px 12px!important;min-height:36px!important;margin:2px 0!important}.user-management .form-group{margin-bottom:16px!important;padding:0 8px!important}.user-management .form-control{padding:12px!important;font-size:16px!important;margin-bottom:8px!important}.form-container{padding:8px!important}.form-row{display:block!important;margin-bottom:8px!important}.form-row .form-group{width:100%!important;margin-bottom:10px!important}.modal-dialog{margin:10px!important;max-width:calc(100vw - 20px)!important}.modal-content{border-radius:12px!important}.modal-header{padding:12px 16px!important}.modal-body{padding:16px!important}.modal-footer{padding:12px 16px!important;gap:8px!important}.modal-footer .btn{flex:1!important;font-size:14px!important}.alert{padding:8px 12px!important;font-size:13px!important;border-radius:6px!important;margin-bottom:10px!important}.badge{font-size:10px!important;padding:2px 6px!important;border-radius:10px!important}.progress{height:6px!important;border-radius:3px!important}.breadcrumb{font-size:12px!important;padding:6px 0!important;margin-bottom:8px!important}.pagination{font-size:12px!important}.pagination .page-link{padding:6px 8px!important;min-width:36px!important;min-height:36px!important}.dropdown-menu{font-size:13px!important;border-radius:8px!important}.dropdown-item{padding:8px 12px!important;font-size:13px!important}.nav-tabs{border-bottom:1px solid var(--border-light)}.nav-tabs .nav-link{padding:8px 12px!important;font-size:13px!important;border-radius:6px 6px 0 0!important}.tab-content{padding:12px 8px!important}.list-group-item{padding:8px 12px!important;font-size:13px!important}.mobile-db-indicator{transform:scale(.8)}.settings-dropdown{position:fixed!important;top:60px!important;right:10px!important;left:auto!important;width:calc(100vw - 20px)!important;max-width:350px!important;min-width:280px!important;max-height:calc(100vh - 80px)!important;overflow-y:auto!important;z-index:100000!important;margin-top:0!important;box-shadow:0 4px 20px #00000026!important;border:1px solid #ddd!important;border-radius:8px!important;background:#fff!important}@media(max-width:768px){.notification-header{padding:12px 16px!important;flex-wrap:wrap!important;gap:8px!important}.notification-header h3{font-size:14px!important;margin:0!important;text-align:center!important;flex:1!important}.notification-header-actions{gap:6px!important;flex-wrap:wrap!important}.notification-header-actions .btn{font-size:11px!important;padding:3px 6px!important;min-width:auto!important}.notification-list{max-height:250px!important}.notification-item{padding:10px 12px!important}.notification-content{gap:8px!important}.notification-close{display:none!important}.notification-dropdown .notification-item{padding:12px 16px!important;font-size:14px!important;line-height:1.4!important;min-height:60px!important}.notification-dropdown .notification-settings{padding:16px!important;font-size:16px!important}.notification-dropdown .toggle-switch{transform:scale(1.2)!important;margin:8px 16px!important}}.notification-bell-container{z-index:1020!important}.search-container,.filter-container{margin-bottom:10px!important}.search-input,.filter-select{width:100%!important;margin-bottom:8px!important}.status-badge{font-size:10px!important;padding:2px 6px!important;border-radius:8px!important}.action-buttons{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:8px!important}.action-buttons .btn{flex:1!important;min-width:0!important;font-size:12px!important}.error-message,.success-message{font-size:13px!important;padding:8px 10px!important;border-radius:6px!important;margin-bottom:10px!important}.loading-spinner{transform:scale(.8)}.loading-text{font-size:13px!important}}@media screen and (max-width:480px){.app-main{padding:6px 8px calc(80px + env(safe-area-inset-bottom)) 8px}h1,.h1{font-size:18px!important}h2,.h2{font-size:16px!important}h3,.h3{font-size:15px!important}.btn,button{padding:6px 10px!important;font-size:13px!important}.card,.container,.content-container{padding:8px!important}table th,table td{padding:6px 4px!important;font-size:12px!important}}@media screen and (max-width:768px)and (orientation:landscape){.app-main{padding:6px 12px calc(70px + env(safe-area-inset-bottom)) 12px}.mobile-nav-container{height:56px!important}.mobile-nav-item{min-height:40px!important}.mobile-nav-icon{font-size:18px!important}.mobile-nav-label{font-size:9px!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutToBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(2);opacity:0}}@media screen and (max-width:1366px){*{max-width:100%!important;box-sizing:border-box!important}html,body{overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;height:100%!important;position:relative!important}.multi-select-option{min-height:44px!important;padding:12px 16px!important;display:flex!important;align-items:center!important;gap:0!important;touch-action:manipulation}.multi-select-option input[type=checkbox]{width:20px!important;height:20px!important;margin:0 12px 0 0!important;flex-shrink:0!important;appearance:none!important;border:2px solid var(--border-light)!important;border-radius:4px!important;background:var(--white)!important;position:relative!important;cursor:pointer!important}.multi-select-option input[type=checkbox]:checked{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.multi-select-option input[type=checkbox]:checked:after{content:"✓"!important;position:absolute!important;top:-1px!important;left:3px!important;color:#fff!important;font-size:14px!important;font-weight:700!important}.multi-select-option .checkmark{display:none!important}.multi-select-option .option-text{flex:1!important;font-size:16px!important;color:var(--text-primary)!important;text-align:left!important;line-height:20px!important;-webkit-user-select:none!important;user-select:none!important}.multi-select-option:hover{background-color:#20b2aa14!important}.multi-select-dropdown-content{max-height:300px!important;overflow-y:auto!important}.options-container{max-height:240px!important;overflow-y:auto!important}.password-change-modal form{margin-top:24px!important}.password-change-modal .password-input-container~.form-group{margin-top:24px!important}.case-actions{display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px!important;margin:0!important;align-items:center!important;animation:fadeInUp .3s ease-out .1s both!important}.case-buttons{display:flex!important;flex-direction:column!important;gap:12px!important;justify-content:center!important;align-items:center!important;width:100%!important}.case-action-button,.case-action-button.process-order-button,.case-action-button.process-button,.case-action-button.sales-approval-button,.case-action-button.deliver-button,.case-action-button.received-button,.case-action-button.complete-button,.case-action-button.pending-office-button,.case-action-button.office-deliver-button,.case-action-button.billing-button,.case-action-button.case-closed-button,.case-action-button.amend-button,.case-action-button.delete-button,.case-action-button.cancel-button,.case-action-button.resend-email-button,.case-action-button.transfer-button{width:280px!important;max-width:90%!important;min-height:48px!important;padding:14px 20px!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.3!important;white-space:nowrap!important;text-overflow:ellipsis!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;box-shadow:0 3px 6px #0000001f!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transform:translateZ(0)!important;position:relative!important;overflow:hidden!important;border:none!important;cursor:pointer!important;margin:0 auto!important}.case-action-button:before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;width:0!important;height:0!important;border-radius:50%!important;background:#ffffff4d!important;transform:translate(-50%,-50%)!important;transition:width .3s,height .3s!important}.case-action-button:active:before{width:300px!important;height:300px!important}.case-action-button:hover:not(.disabled){transform:translateY(-1px)!important;box-shadow:0 4px 8px #00000026!important}.case-action-button:active:not(.disabled){transform:scale(.98)!important}.case-action-button.disabled{opacity:.6!important;pointer-events:none!important}.sales-approval-actions,.form-actions{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:center!important;justify-content:center!important;margin-top:20px!important;padding:16px 16px 80px!important;border-top:2px solid #e9ecef!important;width:100%!important}.sales-approval-actions .primary-button,.sales-approval-actions .cancel-button,.form-actions .btn,.form-actions .primary-button,.form-actions .cancel-button{width:280px!important;max-width:90%!important;min-height:48px!important;padding:14px 20px!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;margin:0 auto!important;box-sizing:border-box!important}.sales-approval-form,.form-container{padding-bottom:0!important;overflow:visible!important}.main-content{padding:8px!important;margin:0!important}.case-card{margin-bottom:8px!important;padding:12px!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important}.case-header{margin-bottom:8px!important;padding-bottom:8px!important}.case-body{padding:0!important;margin:0!important}.form-group{margin-bottom:12px!important}.form-group label{margin-bottom:4px!important;font-size:14px!important}.form-control{padding:10px 12px!important;margin-bottom:0!important}.section-divider{margin:8px 0!important;height:1px!important;opacity:.3!important}.status-history{margin-top:8px!important;padding-top:8px!important}.history-item{padding:6px 0!important;margin-bottom:4px!important;border-bottom:none!important}.history-item:not(:last-child){border-bottom:1px solid rgba(0,0,0,.05)!important}.cases-container{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.case-card{margin-bottom:8px!important;padding:0!important;border-radius:12px!important;box-shadow:0 2px 8px #00000014!important;background:var(--white)!important;border:1px solid rgba(32,178,170,.1)!important;overflow:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;animation:fadeInUp .3s ease-out!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transform:translateZ(0)!important}.case-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #0000001f!important}.case-card:active{transform:translateY(0) scale(.99)!important;transition:transform .1s ease!important}.case-header{background:#20b2aa0d!important;padding:10px 12px!important;text-align:center!important;border-bottom:1px solid rgba(32,178,170,.1)!important;margin-bottom:0!important;display:flex!important;justify-content:center!important;align-items:center!important}.case-status{display:inline-block!important;padding:6px 16px!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.case-reference{font-size:16px!important;font-weight:700!important;color:var(#ffffff)!important;margin-bottom:4px!important;line-height:1.2!important}.case-title span,.case-title strong{margin-bottom:2px!important;line-height:1.3!important;display:block!important}.case-title-label{font-size:11px!important;font-weight:500!important;color:var(--text-secondary)!important;margin-bottom:1px!important}.case-meta-section,.case-meta{display:flex!important;flex-direction:column!important;width:100%!important;padding:0!important;margin:0!important}.case-meta span{font-size:12px!important;margin-bottom:3px!important;line-height:1.3!important;color:var(--text-primary)!important;word-wrap:break-word!important;display:block!important}.case-submitted-by{background:#4caf500d!important;padding:6px 12px!important;border-top:1px solid rgba(0,0,0,.05)!important;font-size:11px!important;text-align:center!important}.submitted-by-label{color:var(--text-secondary)!important;font-weight:500!important}.submitted-by-user{color:var(--text-primary)!important;font-weight:600!important;margin-left:4px!important}.status-update-container{padding:8px!important}.status-update-item{background:var(--white)!important;border-radius:8px!important;padding:10px!important;margin-bottom:8px!important;box-shadow:0 1px 3px #0000001a!important;border-left:3px solid var(--primary-color)!important}.status-update-header{display:flex!important;flex-direction:column!important;gap:6px!important;margin-bottom:8px!important}.status-badge{display:inline-block!important;padding:6px 12px!important;border-radius:16px!important;font-size:12px!important;font-weight:600!important;margin-bottom:0!important;max-width:fit-content!important;box-shadow:0 2px 4px #0000001a!important}.status-datetime{font-size:11px!important;color:var(--text-secondary)!important;line-height:1.3!important;word-break:break-word!important;margin-top:4px!important;display:block!important}.status-user{font-size:12px!important;color:var(--text-primary)!important;font-weight:500!important;margin:4px 0!important}.status-details{font-size:13px!important;color:var(--text-primary)!important;line-height:1.4!important;margin-top:6px!important;word-wrap:break-word!important}.status-history-header,.history-item-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:8px!important}.history-status{display:inline-block!important;flex-shrink:0!important;order:1!important}.history-timestamp{font-size:12px!important;color:var(--text-secondary)!important;order:2!important;line-height:1.2!important;flex-shrink:0!important;margin:0 0 0 auto!important}.detail-item.full-width{width:100%!important;grid-column:1 / -1!important;margin:8px 0!important;padding:12px!important;background:var(--background-light)!important;border-radius:8px!important;border:1px solid var(--border-light)!important;box-sizing:border-box!important}.detail-item.full-width .detail-label{font-size:12px!important;font-weight:600!important;color:var(--text-secondary)!important;display:block!important;margin-bottom:4px!important}.detail-item.full-width .detail-value{font-size:13px!important;color:var(--text-primary)!important;line-height:1.4!important;margin:0!important}.detail-item.amendment-history,.amendment-history,.amendment-history-section,.amendment-history-details,.amendment-details{width:100%!important;max-width:calc(100vw - 32px)!important;overflow-x:hidden!important;overflow-wrap:break-word!important;word-wrap:break-word!important;box-sizing:border-box!important;margin:8px 0!important;padding:8px!important;contain:layout style!important}.amendment-history *,.amendment-history-section *,.amendment-details *,.changes-grid *,.change-item *,.change-field,.change-from,.change-to{max-width:100%!important;overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;white-space:normal!important}.amendment-content{width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-wrap:break-word!important;word-wrap:break-word!important;box-sizing:border-box!important;padding:0!important;contain:layout style!important}.amendment-entry{background:var(--white)!important;border-radius:12px!important;padding:12px!important;margin-bottom:12px!important;box-shadow:0 2px 8px #00000014!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.amendment-header{display:flex!important;flex-direction:column!important;gap:6px!important;margin-bottom:10px!important;padding-bottom:8px!important;border-bottom:1px solid rgba(0,0,0,.1)!important;width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.amendment-header-container{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;box-sizing:border-box!important;flex-wrap:wrap!important}.amendment-id{font-size:12px!important;font-weight:600!important;color:#ff9800!important;background:#ff98001a!important;padding:3px 8px!important;border-radius:12px!important;align-self:flex-start!important}.amendment-meta{display:flex!important;flex-direction:column!important;gap:4px!important}.amendment-user{font-size:13px!important;font-weight:500!important;color:var(--text-primary)!important}.amendment-datetime{font-size:11px!important;color:var(--text-secondary)!important;font-weight:400!important}.amendment-changes{margin-top:8px!important;width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.amendment-changes-title{font-size:12px!important;font-weight:600!important;color:var(--text-secondary)!important;margin-bottom:6px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.amendment-change-item{background:#00000005!important;border-radius:6px!important;padding:8px!important;margin-bottom:6px!important;border-left:2px solid var(--primary-color)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.amendment-field{font-size:12px!important;font-weight:600!important;color:var(--primary-color)!important;margin-bottom:4px!important;max-width:100%!important;overflow-wrap:break-word!important;word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;line-height:1.3!important}.amendment-values{display:flex!important;flex-direction:column!important;gap:2px!important;width:100%!important;max-width:100%!important}.amendment-value{font-size:11px!important;padding:2px 6px!important;border-radius:4px!important;word-break:break-word!important;max-width:100%!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;line-height:1.3!important;white-space:normal!important}.amendment-old-value{background:#f443361a!important;color:#d32f2f!important}.amendment-new-value{background:#4caf501a!important;color:#388e3c!important}.amendment-value-label{font-size:10px!important;font-weight:500!important;opacity:.8!important;margin-bottom:1px!important}.amendment-history{width:100%!important;max-width:calc(100vw - 16px)!important;overflow-x:hidden!important;padding:8px!important;margin:0!important;box-sizing:border-box!important}.amendment-history-container{width:100%!important;max-width:calc(100vw - 16px)!important;overflow-x:hidden!important;box-sizing:border-box!important;padding:8px!important;margin:0!important}.database-connectivity-indicator .connection-details-panel,.header-db-indicator .connection-details-panel,div.connection-details-panel{border-radius:12px;box-shadow:0 8px 32px #0000001f;max-height:80vh;overflow:hidden}.database-connectivity-indicator .connection-details-panel *,.header-db-indicator .connection-details-panel *,div.connection-details-panel *{position:relative!important;z-index:49999!important;opacity:1!important;visibility:visible!important}@keyframes mobileConnectionSlideIn{0%{opacity:0;transform:translateZ(0) translateY(-30px) scale(.9)}50%{opacity:.8;transform:translateZ(0) translateY(-5px) scale(.98)}to{opacity:1;transform:translateZ(0) translateY(0) scale(1)}}.connection-details-panel:before{content:""!important;position:fixed!important;inset:0!important;background:#00000080!important;z-index:-1!important;pointer-events:none!important;transform:translateZ(0)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.database-connectivity-indicator{z-index:49999!important;position:relative!important;touch-action:manipulation!important}.connection-status-light{cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;pointer-events:all!important;min-height:44px!important;min-width:44px!important}.connection-status-light:active{transform:scale(.95)!important}.connection-details-panel .panel-header{padding:16px 20px!important;background:var(--primary-light)!important;color:var(--primary-color)!important;font-weight:600!important;border-bottom:2px solid var(--primary-color)!important}.connection-details-panel .panel-content{padding:20px!important}.connection-details-panel .close-button{font-size:20px!important;padding:8px!important;min-width:36px!important;min-height:36px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}.connection-details-panel .close-button:active{transform:scale(.9)!important;background:#ef44441a!important}.settings-item{padding:16px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:60px!important;touch-action:manipulation!important;gap:16px!important;margin-bottom:0!important;border-bottom:1px solid var(--border-light)!important}.settings-item:last-child{border-bottom:none!important}.settings-item button.toggle-switch,.settings-dropdown .toggle-switch,button.toggle-switch.enabled,button.toggle-switch.disabled{flex-shrink:0!important;width:62px!important;height:36px!important;border-radius:18px!important;position:relative!important;display:inline-block!important;background:#ccc!important;border:none!important;cursor:pointer!important;transition:all .3s ease!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;padding:0!important;margin:0!important;overflow:visible!important;box-sizing:border-box!important;outline:none!important}.settings-item button.toggle-switch.enabled,.settings-dropdown .toggle-switch.enabled,button.toggle-switch.enabled{background:#20b2aa!important}.settings-item button.toggle-switch.disabled,.settings-dropdown .toggle-switch.disabled,button.toggle-switch.disabled{background:#ccc!important}.settings-item button.toggle-switch .toggle-slider,.settings-dropdown .toggle-switch .toggle-slider,button.toggle-switch .toggle-slider{position:absolute!important;top:3px!important;left:3px!important;width:30px!important;height:30px!important;background:#fff!important;border-radius:50%!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 3px 8px #0000004d!important;pointer-events:none!important;z-index:3!important;border:1px solid rgba(0,0,0,.1)!important}.settings-item button.toggle-switch.enabled .toggle-slider,.settings-dropdown .toggle-switch.enabled .toggle-slider,button.toggle-switch.enabled .toggle-slider{transform:translate(26px)!important;box-shadow:0 3px 8px #0003!important}.settings-item button.toggle-switch.disabled .toggle-slider,.settings-dropdown .toggle-switch.disabled .toggle-slider,button.toggle-switch.disabled .toggle-slider{transform:translate(0)!important}.settings-item button.toggle-switch:active .toggle-slider,.settings-dropdown .toggle-switch:active .toggle-slider,button.toggle-switch:active .toggle-slider{transform:scale(1.05) translate(0)!important}.settings-item button.toggle-switch.enabled:active .toggle-slider,.settings-dropdown .toggle-switch.enabled:active .toggle-slider,button.toggle-switch.enabled:active .toggle-slider{transform:scale(1.05) translate(26px)!important}.notification-dropdown.show,.settings-dropdown.show{display:block!important;position:fixed!important;top:60px!important;right:10px!important;left:auto!important;width:min(calc(100vw - 20px),350px)!important;max-width:350px!important;z-index:100000!important;max-height:calc(100vh - 80px)!important;overflow-y:auto!important;background:var(--white)!important;border-radius:12px!important;box-shadow:0 8px 32px #0000004d!important;border:1px solid var(--border-light)!important}.notification-dropdown:not(.show),.settings-dropdown:not(.show){display:none!important;visibility:hidden!important;pointer-events:none!important}.settings-content{padding:0!important}.settings-section{margin-bottom:10px!important;padding:12px!important}.settings-section h4{padding:16px 20px 8px!important;margin:10px!important;background:var(--background-light)!important;font-size:14px!important;font-weight:600!important;color:var(--text-secondary)!important;text-transform:uppercase!important;letter-spacing:.5px!important;border-bottom:1px solid var(--border-light)!important}.settings-item-info{flex:1!important;margin-right:16px!important;min-width:0!important}.settings-item-info label{font-size:16px!important;font-weight:600!important;color:var(--text-primary)!important;display:block!important;margin-bottom:4px!important;line-height:1.3!important}.settings-item-info small{font-size:13px!important;color:var(--text-secondary)!important;display:block!important;line-height:1.4!important}.user-management-header{padding:12px!important;margin-bottom:16px!important}.user-management-title{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:18px!important;font-weight:600!important;color:var(--primary-color)!important;margin-bottom:16px!important;text-align:center!important}.user-management .header-stats,.user-management-container .header-stats,.user-stats-container{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-top:12px!important;width:100%!important;max-width:100%!important}.audit-logs .header-stats,.audit-logs-container .header-stats,body[class*=audit] .header-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-top:12px!important;width:100%!important;max-width:100%!important}.stat-card,.user-stat-card,.stat-item{background:var(--white)!important;border-radius:8px!important;padding:10px 6px!important;text-align:center!important;box-shadow:0 2px 8px #00000014!important;border:1px solid rgba(32,178,170,.1)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:60px!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}.stat-number,.user-stat-number,.stat-value{font-size:18px!important;font-weight:700!important;color:var(--primary-color)!important;line-height:1!important;margin-bottom:4px!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.stat-label,.user-stat-label{font-size:9px!important;font-weight:600!important;color:var(--text-secondary)!important;text-transform:uppercase!important;letter-spacing:.3px!important;line-height:1.1!important;text-align:center!important;word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;max-width:100%!important}.user-stat-card.total .user-stat-number{color:var(--primary-color)!important}.user-stat-card.active .user-stat-number{color:#4caf50!important}.user-stat-card.disabled .user-stat-number{color:#9e9e9e!important}.case-card.modern{margin-bottom:12px!important;padding:16px!important;border-radius:16px!important;box-shadow:0 4px 16px #20b2aa1a!important;background:linear-gradient(135deg,#fff,#f8fffe)!important;border:none!important;position:relative!important}.case-card.modern:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark))!important;border-radius:16px 16px 0 0!important}.case-card.modern .case-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important}.case-card.modern .case-reference{font-size:20px!important;font-weight:700!important;color:var(--text-primary)!important}.case-card.modern .case-status{padding:6px 14px!important;border-radius:24px!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.case-card.minimal{margin-bottom:4px!important;padding:12px 16px!important;border-radius:8px!important;box-shadow:none!important;background:var(--white)!important;border:none!important;border-left:4px solid var(--primary-color)!important}.case-card.minimal+.case-card.minimal{border-top:1px solid rgba(0,0,0,.05)!important;margin-top:0!important;border-radius:0!important}.case-card.minimal:first-child{border-radius:8px 8px 0 0!important}.case-card.minimal:last-child{border-radius:0 0 8px 8px!important}.case-card.minimal .case-content{display:flex!important;justify-content:space-between!important;align-items:center!important}.case-card.minimal .case-info{flex:1!important}.case-card.minimal .case-reference{font-size:16px!important;font-weight:600!important;color:var(--text-primary)!important;margin-bottom:4px!important}.case-card.minimal .case-subtitle{font-size:13px!important;color:var(--text-secondary)!important}.case-card.minimal .case-status{padding:4px 10px!important;border-radius:16px!important;font-size:11px!important;font-weight:500!important;white-space:nowrap!important}.cases-list{padding:10px!important;margin:0!important}.cases-header{padding:10px 12px!important;margin-bottom:8px!important;background:var(--white);border-radius:6px!important;box-shadow:var(--shadow-light);display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.cases-header h2{font-size:16px!important;margin:0!important;text-align:left!important}.cases-header .header-controls{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:8px!important;width:100%!important}.cases-header .header-controls .refresh-button,.cases-header .header-controls .batch-usage-form-button{flex:1 1 0!important;margin:0!important;min-height:40px!important;padding:8px 10px!important;font-size:12px!important;border-radius:8px!important;white-space:nowrap!important}.cases-header .header-controls .status-legend-container.inline-legend{display:none!important}.collapsible-section{margin-bottom:8px!important}.section-header{padding:6px 8px!important;font-size:11px!important;background:var(--primary-light);border-radius:4px!important;cursor:pointer;display:flex!important;align-items:center!important;justify-content:space-between!important}.expand-icon{font-size:8px!important;margin-right:4px!important}.expand-arrow:not(.filters-toggle),.chevron-down:not(.filters-toggle),.fa-chevron-down:not(.filters-toggle),.fa-angle-down:not(.filters-toggle),.arrow-icon:not(.filters-toggle),.dropdown-arrow:not(.filters-toggle),.collapse-arrow:not(.filters-toggle),.toggle-arrow:not(.filters-toggle),.section-arrow:not(.filters-toggle){display:none!important}.filters-toggle,.btn.filters-toggle,button.filters-toggle,.filters-header .filters-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;min-width:24px!important;height:24px!important;border-radius:4px!important;visibility:visible!important;opacity:1!important}.filters-toggle:before,.filters-toggle:after,.btn.filters-toggle:before,.btn.filters-toggle:after{display:inline!important;visibility:visible!important}.filters-header{display:flex!important;align-items:center!important;justify-content:space-between!important;cursor:pointer!important;padding:8px 12px!important}.filters-header .filters-toggle{background:var(--primary-light)!important;border:1px solid var(--primary-color)!important;color:var(--primary-color)!important;font-weight:600!important;transition:all .2s ease!important}.filters-header .filters-toggle:hover,.filters-header .filters-toggle.expanded{background:var(--primary-color)!important;color:#fff!important}.pagination-arrow,.page-arrow,.nav-arrow{display:none!important}.cases-count{font-size:10px!important;color:var(--text-secondary);background:var(--white);padding:2px 5px!important;border-radius:8px!important;font-weight:500}.cases-container{background:var(--white);border-radius:6px!important;padding:6px!important;margin-bottom:8px!important}.no-cases{text-align:center!important;padding:20px!important;color:var(--text-secondary);font-size:14px!important;font-style:italic}.case-card{margin-bottom:8px!important;padding:12px!important;border-radius:8px!important;border:none!important;background:var(--white)!important;box-shadow:0 2px 8px #0000001a!important;display:flex!important;flex-direction:column!important;width:100%!important;position:relative!important;transition:transform .2s ease,box-shadow .2s ease!important}.case-card:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000026!important}.case-card h3{font-size:14px!important;margin:0 0 8px!important;text-align:left!important;color:var(--text-primary);font-weight:600;line-height:1.3}.case-summary{display:flex!important;flex-direction:row!important;gap:12px!important;width:100%!important;padding:0 0 25px!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.case-summary:hover{transform:translateY(-1px)!important}.case-main-info{display:contents!important}.case-title-section,.case-title{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;padding:8px!important;margin:0!important;min-height:80px!important}.case-meta-section,.case-meta{flex:1!important;align-items:center!important;padding:8px!important;margin:0!important;min-height:80px!important;gap:4px!important}.case-status{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;background:#fff0!important;width:100%!important;min-height:auto!important}.case-summary .expand-icon{position:absolute!important;bottom:0!important;left:0!important;right:0!important;display:flex!important;justify-content:center!important;align-items:center!important;font-size:16px!important;color:var(--primary-color)!important;background:#20b2aa1a!important;border-radius:8px!important;width:100%!important;height:25px!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transform:translateZ(0)!important}.case-summary .expand-icon:hover{background:#20b2aa33!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #20b2aa4d!important}.case-summary .expand-icon:active{transform:translateY(0) scale(.98)!important;transition:transform .1s ease!important}.case-summary .expand-icon.expanded{transform:rotate(180deg)!important}.case-summary .expand-icon.expanded:hover{transform:rotate(180deg) translateY(-1px)!important}.section-header .expand-icon{font-size:8px!important;margin-right:4px!important;display:inline-block!important;position:static!important;background:transparent!important;width:auto!important;height:auto!important;color:inherit!important;border-radius:0!important;padding:0!important;transition:none!important}.case-status .status-text{font-size:8px!important;font-weight:600!important;padding:4px 12px!important;border-radius:16px!important;box-shadow:0 2px 4px #0000001a!important;background:#f0f0f0!important;color:#333!important;white-space:normal!important;overflow-wrap:break-word!important;line-height:1.2!important;text-align:center!important;max-width:100%!important;min-height:auto!important}.case-status .status-text[style*=background]{background:#f0f0f0!important;color:#333!important}.case-status .pending-indicator{margin-top:6px!important;font-size:10px!important;text-align:center!important;display:flex!important;align-items:center!important;gap:4px!important;background:#ffffffe6!important;padding:4px 8px!important;border-radius:12px!important;border:1px solid rgba(0,0,0,.1)!important}.status-text{font-size:9px!important;font-weight:600!important;padding:4px 8px!important;border-radius:8px!important;background:var(--status-color, #e5e5e5)!important;color:#fff!important;text-align:center!important;line-height:1.1!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;max-width:70px!important;min-width:50px!important;box-shadow:0 2px 4px #0000001a!important;-webkit-hyphens:auto!important;hyphens:auto!important}.pending-indicator{font-size:8px!important;margin-top:4px!important;display:flex!important;align-items:center!important;gap:2px!important;background:#ffffffe6!important;padding:2px 6px!important;border-radius:6px!important;border:1px solid rgba(0,0,0,.1)!important}.pending-icon{font-size:8px!important}.pending-text{font-size:8px!important;color:var(--text-primary)!important;text-align:center!important;line-height:1.2!important;font-weight:500!important}.case-header{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-bottom:4px!important}.case-expand-button,.expand-button{background:none!important;border:none!important;font-size:12px!important;color:var(--primary-color)!important;cursor:pointer!important;padding:2px 4px!important;border-radius:3px!important;min-height:24px!important;min-width:24px!important}.case-expand-button:hover,.expand-button:hover{background:var(--primary-light)!important}.case-title{font-size:12px!important;line-height:1.4!important;margin-bottom:0!important;display:flex!important;flex-direction:column!important;gap:2px!important;align-items:center!important}.case-title-label{font-size:11px!important;font-weight:500!important;color:var(--text-secondary)!important}.case-title strong{font-size:12px!important;font-weight:600!important;color:var(--text-primary)!important}.case-reference{font-size:11px!important;color:var(#ffffff)!important;font-weight:500!important}.case-meta{display:flex!important;flex-direction:column!important;gap:4px!important}.case-meta span{font-size:12px!important;line-height:1.3!important;color:var(--text-primary)!important;font-weight:400!important;margin:0!important}.case-info{font-size:12px!important;line-height:1.3!important;color:var(--text-primary);margin-bottom:4px!important;display:flex!important;flex-wrap:wrap!important;gap:1px 4px!important}.case-info strong{font-weight:600!important;color:var(--text-primary);font-size:10px!important}.case-info p{margin:0!important;display:inline-block!important;white-space:nowrap;font-size:10px!important}.case-info-item{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:0 1 auto!important}.case-details,.case-expanded-content{width:100%!important;margin-top:6px!important;padding:0!important;border-top:1px solid var(--border-light)!important;animation:slideInFromTop .4s cubic-bezier(.4,0,.2,1)!important;transform:translateZ(0)!important}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}.case-card{animation:fadeInUp .3s ease-out!important;transform:translateZ(0)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-history,.amendment-history{width:100%!important;margin-top:4px!important;font-size:8px!important}.history-item{padding:6px!important;margin-bottom:2px!important;background:var(--background-light);border-radius:3px!important;font-size:8px!important;line-height:1.2!important;border:1px solid var(--border-light)}.history-empty,.no-history{padding:12px!important;text-align:center!important;color:var(--text-secondary);font-size:10px!important;font-style:italic;background:var(--background-light);border-radius:4px!important;border:1px dashed var(--border-light)}.amendment-history-item{background:#fef7ff!important;border:1px solid #e9d5ff!important}.amendment-history-item .amendment-field{font-weight:600;color:#7c3aed}.amendment-history-item .amendment-old-value{text-decoration:line-through;color:#dc2626}.amendment-history-item .amendment-new-value{color:#059669;font-weight:600}.case-actions{margin-top:12px!important;display:flex!important;gap:6px!important;flex-wrap:nowrap!important;align-items:center!important;width:100%!important;padding-top:8px!important;border-top:1px solid var(--border-light)!important}.case-actions .btn{flex:1!important;min-width:60px!important;font-size:11px!important;padding:8px 12px!important;min-height:32px!important;border-radius:6px!important;font-weight:500;text-align:center;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.case-actions .btn-sm{font-size:10px!important;padding:6px 10px!important;min-height:28px!important}.status-badge{font-size:10px!important;padding:3px 6px!important;border-radius:8px!important;font-weight:500;text-transform:uppercase;background:transparent!important;color:inherit!important;border:1px solid currentColor!important;letter-spacing:.5px}.case-card-header{background:#f8f9fa!important;background-image:none!important}.modern-filters-section{margin:8px 0!important;border-radius:8px!important;overflow:hidden!important}.filters-header{padding:12px 16px!important}.filters-title h3{font-size:14px!important;margin:0!important}.filters-content{padding:8px 16px 16px!important;max-width:100%!important;overflow-x:hidden!important}.filters-grid{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}.filter-category{width:100%!important;margin-bottom:8px!important}.filter-category h4{font-size:12px!important;margin:0 0 8px!important;padding:0!important}.filter-row{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.modern-filter-group{width:100%!important;margin-bottom:8px!important}.modern-filter-group label{margin-bottom:6px!important;display:block!important;padding-left:0!important}.modern-filter-group .filter-input-wrapper{margin-top:4px!important}.modern-filter-group .filter-icon{left:12px!important;top:50%!important;transform:translateY(-50%)!important}.filter-actions{display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px 0 0!important;border-top:1px solid var(--border-light)!important;margin-top:16px!important}.filter-actions .btn{width:100%!important;margin:0!important;padding:10px!important;font-size:14px!important}.case-status-history,.status-updates,.delivery-details,.case-details .status-info{font-size:11px!important;line-height:1.3!important}.status-history-section{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;margin:12px 0!important}.status-history-list{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;margin:8px 0!important;border:1px solid var(--border-light)!important;border-radius:8px!important}.status-history-item{width:100%!important;max-width:100%!important;padding:12px!important;overflow-x:hidden!important;box-sizing:border-box!important;border-bottom:1px solid rgba(0,0,0,.1)!important}.status-history-item:last-child{border-bottom:none!important}.history-status,.history-user,.history-time,.history-details{width:100%!important;max-width:100%!important;overflow-wrap:break-word!important;word-wrap:break-word!important;font-size:14px!important;line-height:1.4!important;margin-bottom:4px!important}.amendment-history-section{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;margin:12px 0!important}.amendment-history-details{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;margin:8px 0!important;padding:12px!important;background:#8b45130d!important;border:1px solid rgba(139,69,19,.2)!important;border-radius:8px!important;font-size:14px!important;line-height:1.4!important}.amendment-history-details div{width:100%!important;max-width:100%!important;overflow-wrap:break-word!important;word-wrap:break-word!important;margin-bottom:6px!important}.amendment-history-details div:last-child{margin-bottom:0!important}.section-toggle{width:100%!important;padding:12px!important;background:#20b2aa1a!important;border:1px solid rgba(32,178,170,.3)!important;border-radius:8px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:16px!important;font-weight:500!important;cursor:pointer!important;transition:background-color .2s ease!important}.section-toggle:hover{background:#20b2aa26!important}.toggle-arrow{transition:transform .2s ease!important}.toggle-arrow.open{transform:rotate(180deg)!important}.status-update-item{padding:8px!important;margin-bottom:4px!important;border-radius:6px!important;background:var(--white);border-left:3px solid var(--primary-color);font-size:11px!important;line-height:1.3!important}.status-update-item .status-text,.status-update-item .pending-text{word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;max-width:100%!important}.case-card .case-status .status-text,.case-summary .status-text{overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}.pagination-container{margin-top:12px!important;margin-bottom:16px!important;padding:12px!important;background:var(--white);border-radius:8px!important;box-shadow:var(--shadow-light)}.pagination-info{text-align:center!important;font-size:13px!important;font-weight:500!important;color:var(--text-secondary);margin-bottom:8px!important}.pagination-controls{display:flex!important;justify-content:center!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;padding:4px 0 8px!important}.pagination-controls .btn{padding:8px 12px!important;font-size:14px!important;font-weight:500!important;min-height:40px!important;min-width:40px!important;border-radius:6px!important;flex-shrink:0!important;white-space:nowrap!important;touch-action:manipulation!important}.pagination-ellipsis{padding:8px!important;color:var(--text-secondary);font-size:14px!important;font-weight:500!important}.modern-login-container{background:var(--white)!important}.login-split-screen{flex-direction:column!important}.login-left{display:none!important}.login-right{flex:1!important;width:100%!important;padding:20px!important;min-height:100vh!important;min-height:100dvh!important;justify-content:flex-start!important}.login-form-container{width:100%!important;max-width:400px!important;margin:0 auto!important;padding-top:60px!important}.form-header{text-align:center!important;margin-bottom:40px!important}.welcome-title{font-size:28px!important;margin-bottom:8px!important;color:var(--text-primary)!important}.welcome-subtitle{font-size:16px!important;color:var(--text-secondary)!important}.modern-login-form{width:100%!important}.floating-input-group{margin-bottom:24px!important}.floating-input-group input{padding:16px 16px 12px!important;font-size:16px!important;border-radius:8px!important;border:1px solid var(--border-light)!important}.floating-input-group label{font-size:14px!important;color:var(--text-secondary)!important;left:16px!important}.dropdown-input-group{margin-bottom:24px!important}.dropdown-label{font-size:14px!important;margin-bottom:8px!important}.remember-me-group{margin-bottom:32px!important}.full-width-button{padding:16px!important;font-size:16px!important;border-radius:8px!important;width:100%!important}.modern-error-message{padding:12px!important;margin-bottom:20px!important;border-radius:8px!important;font-size:14px!important}.user-management{padding:0!important}.user-management-header{padding:8px 12px!important;margin-bottom:12px!important;background:var(--white);border-radius:8px!important;box-shadow:var(--shadow-light)}.user-management-header h2{font-size:18px!important;margin-bottom:8px!important;text-align:left!important}.user-management-table{background:var(--white);border-radius:8px!important;overflow:hidden;box-shadow:var(--shadow-light);margin-bottom:12px!important}.user-management table{width:100%!important;margin:0!important;font-size:12px!important}.user-management table th{padding:8px 4px!important;font-size:11px!important;font-weight:600;text-align:left!important;background:var(--primary-light);color:var(--primary-color);border-bottom:1px solid var(--border-light)}.user-management table td{padding:8px 4px!important;font-size:12px!important;text-align:left!important;border-bottom:1px solid var(--border-light);vertical-align:top}.user-management .btn-group,.user-management .action-buttons,.user-management .button-group,.user-actions{display:flex!important;flex-direction:row!important;gap:2px!important;flex-wrap:wrap!important;width:100%!important}.user-management .btn-group .btn,.user-management .action-buttons .btn,.user-management .button-group .btn,.user-actions .btn{font-size:7px!important;padding:2px 3px!important;min-height:22px!important;border-radius:3px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1!important;min-width:0!important;text-align:center;line-height:1.1}.user-management .btn.active,.user-management .btn-group .btn.active,.user-management .action-buttons .btn.active,.user-management .button-group .btn.active,.user-actions .btn.active,.user-management .status-indicator.active,.user-management .status-badge.active{background:var(--success)!important;color:#fff!important;border:1px solid var(--success)!important;font-weight:600!important;min-width:40px!important;padding:3px 6px!important;border-radius:6px!important;font-size:8px!important;min-height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;width:auto!important;max-width:80px!important;overflow:visible!important;text-overflow:unset!important;white-space:nowrap!important}.user-management .status-indicator,.user-management .status-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:35px!important;height:20px!important;border-radius:10px!important;font-size:8px!important;font-weight:600!important;padding:0 6px!important;text-align:center!important;line-height:1!important}.form-container{padding:0!important}.form-section{background:var(--white);padding:12px!important;margin-bottom:12px!important;border-radius:8px!important;box-shadow:var(--shadow-light)}.form-section h3{font-size:16px!important;margin-bottom:12px!important;text-align:left!important;color:var(--text-primary)}.form-row{display:block!important;margin-bottom:10px!important}.form-group{margin-bottom:12px!important;width:100%!important}.form-group label{font-size:13px!important;font-weight:600;margin-bottom:4px!important;display:block!important;text-align:left!important;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%!important;padding:8px 10px!important;font-size:16px!important;background:var(--white);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #20b2aa1a!important;outline:none!important}.modal,.modal-backdrop{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:9999!important}.modal-dialog{margin:8px!important;max-width:calc(100vw - 16px)!important;width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;max-height:calc(100dvh - 16px)!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:auto!important}.modal-content{border-radius:8px!important;border:none!important;box-shadow:0 4px 20px #00000026!important;max-height:calc(90vh - 16px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.modal-header{padding:10px 12px!important;border-bottom:1px solid var(--border-light)!important;background:var(--background-light);flex-shrink:0!important}.modal-header h4,.modal-header h5{font-size:14px!important;margin:0!important;color:var(--text-primary);line-height:1.2}.modal-body{padding:12px!important;overflow-y:auto!important;overflow-x:hidden!important;flex:1!important;font-size:12px!important;line-height:1.3!important;-webkit-overflow-scrolling:touch}.modal-body *{word-wrap:break-word!important;overflow-wrap:break-word!important}.modal-footer{padding:8px 12px 70px!important;border-top:1px solid var(--border-light)!important;display:flex!important;gap:6px!important;background:var(--background-light);flex-shrink:0!important}.modal-footer .btn{flex:1!important;font-size:12px!important;padding:6px 10px!important;min-height:36px!important}.modal-body pre{font-size:10px!important;line-height:1.2!important;white-space:pre-wrap!important;word-wrap:break-word!important}.modal-body table{font-size:10px!important;width:100%!important;table-layout:fixed!important}.modal-body table td,.modal-body table th{padding:4px 2px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.modal-overlay:not(.login-popup):not(.success-popup),.custom-modal-overlay{background:#0009!important}.modal-dialog:not(.login-modal):not(.success-modal),.custom-modal-content:not(.login-content):not(.success-content){margin:4px!important;max-width:calc(100vw - 8px)!important;width:calc(100vw - 8px)!important;max-height:calc(100vh - 16px)!important;max-height:calc(100dvh - 16px)!important;min-height:auto!important}.modal-content:not(.login-modal-content):not(.success-modal-content),.custom-modal-content:not(.login-content):not(.success-content){max-height:calc(100vh - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:6px!important;overflow:hidden!important}.modal-header:not(.login-header):not(.success-header):not(.popup-header){padding:8px 10px!important;min-height:auto!important;border-bottom:1px solid #eee!important}.modal-header:not(.login-header):not(.success-header) h1,.modal-header:not(.login-header):not(.success-header) h2,.modal-header:not(.login-header):not(.success-header) h3,.modal-header:not(.login-header):not(.success-header) h4,.modal-header:not(.login-header):not(.success-header) h5{font-size:14px!important;margin:0!important;line-height:1.2!important;font-weight:600!important}.modal-body:not(.login-body):not(.success-body):not(.popup-body){padding:0 16px!important;font-size:12px!important;line-height:1.3!important;max-height:70vh!important;overflow-y:auto!important}.modal-footer:not(.login-footer):not(.success-footer):not(.popup-footer){padding:6px 10px 70px!important;gap:4px!important;border-top:1px solid #eee!important}.modal-footer .btn,.popup-footer .btn{font-size:11px!important;padding:6px 8px!important;min-height:32px!important;border-radius:4px!important}.modal-body .form-group,.popup-body .form-group{margin-bottom:8px!important}.modal-body .form-group label,.popup-body .form-group label{font-size:11px!important;margin-bottom:2px!important;font-weight:600!important}.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea,.popup-body .form-group input,.popup-body .form-group select,.popup-body .form-group textarea{font-size:14px!important;padding:6px 8px!important;border-radius:4px!important;border:1px solid #ccc!important}.modal-close-btn,.popup-close,.close{width:24px!important;height:24px!important;font-size:16px!important;padding:0!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-body .user-status,.modal-body .departments,.modal-body .countries{margin-bottom:8px!important}.modal-body .user-status-section,.modal-body .departments-section,.modal-body .countries-section{padding:6px 0!important}.modal-body .status-toggle,.modal-body .department-list,.modal-body .country-list{font-size:11px!important}.alert{padding:8px 12px!important;font-size:13px!important;border-radius:6px!important;margin-bottom:12px!important;line-height:1.4}.alert-heading{font-size:14px!important;margin-bottom:4px!important}.filters-container{background:var(--white);padding:12px!important;margin-bottom:12px!important;border-radius:8px!important;box-shadow:var(--shadow-light)}.filter-row{display:block!important;margin-bottom:8px!important}.filter-group{margin-bottom:10px!important;width:100%!important}.modern-filter-actions{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:stretch!important;padding:12px!important;background:#f8f9fa!important;border-radius:8px!important;border:1px dashed #dee2e6!important;overflow:visible!important}.filter-stats{text-align:center!important;margin:0!important;order:1!important}.filter-buttons{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;order:2!important;margin-top:0!important}.filter-buttons .btn,.modern-clear-button,.modern-apply-button{width:100%!important;flex:none!important;font-size:14px!important;padding:12px 16px!important;min-height:44px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.search-container{background:var(--white);padding:12px!important;margin-bottom:12px!important;border-radius:8px!important;box-shadow:var(--shadow-light)}.search-input{width:100%!important;padding:10px 12px!important;font-size:16px!important;border:2px solid var(--border-light)!important;border-radius:6px!important;background:var(--white)}.search-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #20b2aa1a!important;outline:none!important}.loading-container{text-align:center!important;padding:20px!important;background:var(--white);border-radius:8px!important;margin-bottom:12px!important}.loading-spinner{transform:scale(.8)}.loading-text{font-size:13px!important;color:var(--text-secondary);margin-top:8px!important}.error-container{text-align:center!important;padding:20px!important;background:var(--white);border-radius:8px!important;margin-bottom:12px!important;border:1px solid #fecaca;background-color:#fef2f2}.error-message{font-size:13px!important;color:#dc2626;line-height:1.4}.success-container{text-align:center!important;padding:20px!important;background:var(--white);border-radius:8px!important;margin-bottom:12px!important;border:1px solid #bbf7d0;background-color:#f0fdf4}.success-message{font-size:13px!important;color:#059669;line-height:1.4}.calendar-title-row{display:flex!important;flex-direction:column!important;gap:16px!important;align-items:center!important;text-align:center!important}.calendar-title-row h2{font-size:20px!important;margin:0!important;text-align:center!important}.admin-country-selector{width:100%!important;display:flex!important;flex-direction:column!important;gap:8px!important}.admin-country-selector label{font-size:14px!important;font-weight:600!important;text-align:center!important;margin-bottom:8px!important}.admin-country-selector select{width:100%!important;padding:12px!important;font-size:16px!important;border-radius:8px!important;border:2px solid var(--border-light)!important;text-align:center!important}.desktop-calendar-view{display:none!important}.mobile-calendar-view{display:block!important}.mobile-calendar-list{display:flex!important;flex-direction:column!important;gap:16px!important;padding:16px!important}.mobile-calendar-day{background:var(--white)!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;border:1px solid var(--border-light)!important;overflow:hidden!important}.mobile-calendar-day-today{border-color:var(--primary-color)!important;box-shadow:0 4px 12px #20b2aa33!important}.mobile-calendar-day-header{background:var(--background-light)!important;padding:12px 16px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid var(--border-light)!important}.mobile-calendar-date{font-size:16px!important;font-weight:600!important;color:var(--text-primary)!important;margin:0!important;display:flex!important;align-items:center!important;gap:8px!important}.today-badge{background:var(--primary-color)!important;color:#fff!important;padding:2px 8px!important;border-radius:12px!important;font-size:10px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.mobile-calendar-day-count{background:var(--primary-light)!important;color:var(--primary-color)!important;padding:4px 8px!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important}.mobile-calendar-cases{padding:0!important}.mobile-calendar-case{padding:12px 16px!important;border-bottom:1px solid var(--border-light)!important;cursor:pointer!important;transition:background-color .2s ease!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}.mobile-calendar-case:last-child{border-bottom:none!important}.mobile-calendar-case:active{background:var(--background-light)!important}.mobile-case-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important}.mobile-case-time{font-size:16px!important;font-weight:600!important;color:var(--primary-color)!important;background:var(--primary-light)!important;padding:4px 8px!important;border-radius:6px!important}.mobile-case-status{padding:4px 8px!important;border-radius:6px!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.mobile-case-details{display:flex!important;flex-direction:column!important;gap:4px!important}.mobile-case-ref{font-size:14px!important;font-weight:600!important;color:var(--text-primary)!important}.mobile-case-procedure{font-size:13px!important;color:var(--text-secondary)!important;font-weight:500!important}.mobile-case-hospital{font-size:12px!important;color:var(--text-secondary)!important}.mobile-case-doctor{font-size:12px!important;color:var(--text-secondary)!important;font-style:italic!important}.mobile-calendar-empty{padding:40px 16px!important;text-align:center!important}.mobile-calendar-empty .empty-state{background:var(--background-light)!important;padding:32px 24px!important;border-radius:12px!important;border:2px dashed var(--border-light)!important}.mobile-calendar-empty h3{color:var(--text-secondary)!important;margin:0 0 8px!important;font-size:18px!important}.mobile-calendar-empty p{color:var(--text-secondary)!important;margin:0!important;font-size:14px!important}.edit-sets-container{padding:12px!important;margin:0!important;max-width:100%!important;overflow-x:hidden!important}.edit-sets-header{background:var(--white)!important;padding:16px!important;margin-bottom:16px!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;border:1px solid var(--border-light)!important}.edit-sets-title-row{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:stretch!important}.edit-sets-header h2{font-size:18px!important;margin:0 0 8px!important;line-height:1.3!important;text-align:center!important;color:var(--primary-color)!important;font-weight:600!important}.edit-sets-header p{font-size:13px!important;color:var(--text-secondary)!important;margin:0!important;line-height:1.4!important;text-align:center!important}.admin-country-selector{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;align-items:stretch!important}.admin-country-selector label{font-size:14px!important;font-weight:600!important;color:var(--text-primary)!important;text-align:center!important;margin:0!important}.procedure-type-selector{background:var(--white)!important;padding:16px!important;margin-bottom:16px!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;border:1px solid var(--border-light)!important}.procedure-type-header{display:flex!important;flex-direction:column!important;gap:12px!important;margin-bottom:16px!important}.procedure-type-header h3{font-size:16px!important;margin:0!important;text-align:center!important;color:var(--primary-color)!important;font-weight:600!important}.add-procedure-type-button{width:100%!important;padding:12px 16px!important;font-size:14px!important;border-radius:8px!important;min-height:44px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}.department-filter-section{margin:12px 0!important;padding:16px!important;background-color:#f0f8ff!important;border-radius:8px!important;border:1px solid #b3d9ff!important}.department-filter-header h3{font-size:14px!important;margin-bottom:6px!important;color:#2c5aa0!important}.filter-description{font-size:12px!important;margin-bottom:12px!important;color:#5a6c7d!important}.department-filter-dropdown{max-width:100%!important}.department-filter-select{font-size:14px!important;padding:10px!important;border:2px solid #b3d9ff!important;border-radius:6px!important}.procedure-tabs{display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:6px!important;max-height:120px!important;overflow-y:auto!important}.procedure-tab-container{position:relative!important;flex:0 1 auto!important;min-width:0!important}.procedure-tab{padding:6px 8px!important;font-size:10px!important;border-radius:4px!important;white-space:nowrap!important;min-height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;border:1px solid var(--border-light)!important;background:var(--white)!important;color:var(--text-secondary)!important;font-weight:500!important;transition:all .2s ease!important;max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important}.procedure-tab.active{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important;font-weight:600!important}.procedure-tab:active{transform:scale(.95)!important}.procedure-tab-container .delete-procedure-type-button{position:absolute!important;top:-6px!important;right:-6px!important;border-radius:50%!important;background:var(--danger-color)!important;color:#fff!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;z-index:10!important;font-weight:700!important;line-height:1!important;box-shadow:0 2px 4px #0003!important;transition:all .2s ease!important}.procedure-tab-container .delete-procedure-type-button:active{transform:scale(.9)!important;background:#c0392b!important}.sets-grid{display:flex!important;flex-direction:column!important;gap:16px!important}.sets-list{background:var(--white)!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;border:1px solid var(--border-light)!important;overflow:hidden!important}.sets-list-header{background:var(--primary-light)!important;padding:12px 16px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid var(--border-light)!important}.sets-list-title{font-size:16px!important;font-weight:600!important;color:var(--primary-color)!important;margin:0!important}.add-item-button{padding:8px 12px!important;font-size:12px!important;border-radius:6px!important;min-height:36px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}.set-item{padding:12px 16px!important;border-bottom:1px solid var(--border-light)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:52px!important}.set-item:last-child{border-bottom:none!important}.set-item-content{flex:1!important;min-width:0!important}.set-item-name{font-size:14px!important;font-weight:500!important;color:var(--text-primary)!important;margin:0!important;word-break:break-word!important}.set-item-actions{display:flex!important;gap:8px!important;flex-shrink:0!important}.set-item-button{width:32px!important;height:32px!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;border:1px solid var(--border-light)!important;background:var(--white)!important;color:var(--text-secondary)!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;transition:all .2s ease!important}.set-item-button:active{transform:scale(.9)!important}.set-item-button.edit{color:var(--primary-color)!important;border-color:var(--primary-color)!important}.set-item-button.delete{color:var(--danger-color)!important;border-color:var(--danger-color)!important}.add-form{padding:16px!important;background:var(--background-light)!important;border-top:1px solid var(--border-light)!important}.add-form-group{display:flex!important;flex-direction:column!important;gap:12px!important}.add-form input{width:100%!important;padding:12px 16px!important;font-size:16px!important;border-radius:8px!important;border:2px solid var(--border-light)!important;background:var(--white)!important;box-sizing:border-box!important;min-height:44px!important}.add-form input:focus{outline:none!important;border-color:var(--primary-color)!important}.add-form-actions{display:flex!important;gap:8px!important}.add-form-actions .btn{flex:1!important;padding:12px 16px!important;font-size:14px!important;border-radius:8px!important;min-height:44px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;font-weight:600!important}.error-message{font-size:12px!important;color:var(--danger-color)!important;margin-top:4px!important;padding:8px 12px!important;background:#ef44441a!important;border-radius:6px!important;border:1px solid rgba(239,68,68,.2)!important}.set-item.editing{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:16px!important;background:var(--background-light)!important}.set-item-edit-form{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}.set-item-edit-input{width:100%!important;padding:12px 16px!important;font-size:16px!important;border-radius:8px!important;border:2px solid var(--border-light)!important;background:var(--white)!important;box-sizing:border-box!important;min-height:44px!important}.set-item-edit-input:focus{outline:none!important;border-color:var(--primary-color)!important}.set-item-edit-actions{display:flex!important;gap:8px!important;justify-content:flex-end!important}.set-item-edit-actions .btn{flex:1!important;max-width:80px!important;padding:10px 16px!important;font-size:14px!important;border-radius:6px!important;min-height:40px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;font-weight:600!important;border:none!important}.set-item-edit-actions .btn-primary{background:var(--primary-color)!important;color:#fff!important}.set-item-edit-actions .btn-secondary{background:var(--text-secondary)!important;color:#fff!important}.set-item-edit-actions .btn:active{transform:scale(.95)!important}.user-management-tabs{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;padding:12px 16px!important;background:var(--white)!important;border-radius:12px!important;margin-bottom:16px!important;box-shadow:0 2px 8px #0000001a!important}.user-management-tabs .tab-button{flex:1!important;max-width:120px!important;padding:10px 16px!important;font-size:13px!important;border-radius:8px!important;text-align:center!important;font-weight:600!important;min-height:40px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;transition:all .2s ease!important;border:2px solid var(--border-light)!important;background:var(--white)!important;color:var(--text-secondary)!important}.user-management-tabs .tab-button.active{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important}.user-management-tabs .tab-button:active{transform:scale(.95)!important}.email-configuration-container,.email-config-container{padding:12px!important;margin:0!important}.email-config-header{background:var(--white)!important;padding:16px!important;margin-bottom:16px!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;text-align:center!important}.email-config-header h2{font-size:18px!important;margin:0 0 8px!important;color:var(--primary-color)!important;font-weight:600!important}.email-config-header p{font-size:13px!important;color:var(--text-secondary)!important;margin:0!important;line-height:1.4!important}.config-section{background:var(--white)!important;border-radius:12px!important;margin-bottom:16px!important;box-shadow:0 2px 8px #0000001a!important;border:1px solid var(--border-light)!important;overflow:hidden!important}.section-header{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:16px 20px!important;background:var(--background-light)!important;border:none!important;border-bottom:1px solid var(--border-light)!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;font-size:16px!important;font-weight:600!important;color:var(--text-primary)!important;text-align:left!important;transition:background-color .2s ease!important}.section-header.collapsible-header{width:100%!important;box-sizing:border-box!important}.section-header:active{background:var(--primary-light)!important}.section-header h3{margin:0!important;font-size:16px!important;font-weight:600!important;color:var(--text-primary)!important;flex:1!important}.section-header .expand-icon{font-size:14px!important;color:var(--text-secondary)!important;transition:transform .2s ease!important;margin-left:12px!important}.section-header.expanded .expand-icon{transform:rotate(180deg)!important}.section-content{padding:20px!important;background:var(--white)!important}.form-group{margin-bottom:16px!important}.form-group:last-child{margin-bottom:0!important}.form-group label{display:block!important;font-size:14px!important;font-weight:600!important;color:var(--text-primary)!important;margin-bottom:6px!important}.form-group input,.form-group select,.form-group textarea{width:100%!important;padding:12px 16px!important;font-size:16px!important;border-radius:8px!important;background:var(--white)!important;box-sizing:border-box!important;min-height:44px!important;transition:border-color .2s ease!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none!important;border-color:var(--primary-color)!important}.form-group textarea{min-height:80px!important;resize:vertical!important}.country-selector-group{display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:20px!important;align-items:stretch!important}.country-selector-group label{text-align:center!important;font-size:14px!important;font-weight:600!important;color:var(--text-primary)!important}.email-actions,.form-actions{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:center!important;justify-content:center!important;margin-top:20px!important;padding:16px 16px 80px!important;width:100%!important}.email-actions .btn,.form-actions .btn{width:280px!important;max-width:90%!important;padding:14px 20px!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important;min-height:48px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;transition:all .2s ease!important;border:2px solid transparent!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important}.email-actions .btn:active,.form-actions .btn:active{transform:scale(.98)!important}.status-indicator{display:flex!important;align-items:center!important;gap:8px!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important}.status-indicator.success{background:#22c55e1a!important;color:#059669!important;border:1px solid rgba(34,197,94,.2)!important}.status-indicator.error{background:#ef44441a!important;color:#dc2626!important;border:1px solid rgba(239,68,68,.2)!important}.status-indicator.warning{background:#f59e0b1a!important;color:#d97706!important;border:1px solid rgba(245,158,11,.2)!important}.email-configuration-container{padding:12px!important;background:var(--background-light)!important}.email-config-header{background:#fff!important;padding:16px!important;margin-bottom:16px!important;border-radius:12px!important;text-align:center!important;box-shadow:0 2px 8px #0000001a!important}.email-config-header h2{font-size:18px!important;margin:0 0 8px!important;color:var(--primary-color)!important}.email-config-header p{font-size:13px!important;margin:0!important;color:var(--text-secondary)!important}.email-config-header .country-selector-group,.email-config-header .country-selector-wrapper{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;margin-top:12px!important}.email-config-header .country-selector-group label{font-size:14px!important;font-weight:600!important;color:var(--text-primary)!important}.email-config-header select{padding:8px 12px!important;font-size:16px!important;border-radius:8px!important;border:2px solid var(--border-light)!important;background:#fff!important;min-width:200px!important}.email-config-content{display:flex!important;flex-direction:column!important;gap:16px!important}.config-section{background:#fff!important;border-radius:12px!important;border:1px solid var(--border-light)!important;box-shadow:0 2px 8px #0000001a!important;overflow:hidden!important}.section-header{background:var(--background-light)!important;padding:5px 10px!important;border-bottom:1px solid var(--border-light)!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.section-header h3{font-size:16px!important;margin:0!important;color:var(--text-primary)!important}.section-header .expand-icon{font-size:14px!important;color:var(--text-secondary)!important}.section-content{padding:20px!important;background:#fff!important}.drag-handle{display:none!important}}@media screen and (max-width:480px){.cases-header h2,.user-management-header h2{font-size:16px!important}.case-card{padding:10px!important}.case-actions .btn{font-size:11px!important;padding:5px 6px!important;min-height:32px!important}.user-management table th,.user-management table td{padding:6px 3px!important;font-size:11px!important}.user-management .btn-group .btn{font-size:9px!important;padding:2px 4px!important;min-height:24px!important}.modal-dialog{margin:5px!important;max-width:calc(100vw - 10px)!important;width:calc(100vw - 10px)!important}.modal-body{padding:12px!important}.btn-group,.action-buttons,.button-group,.button-container,.form-buttons,.modal-buttons,.table-actions,.case-buttons,.user-buttons,.admin-buttons{display:flex!important;flex-direction:row!important;gap:2px!important;flex-wrap:wrap!important;align-items:center!important;width:100%!important;justify-content:space-between!important}.btn-group .btn,.action-buttons .btn,.button-group .btn,.button-container .btn,.form-buttons .btn,.modal-buttons .btn,.table-actions .btn,.case-buttons .btn,.user-buttons .btn,.admin-buttons .btn{flex:1!important;min-width:60px!important;font-size:11px!important;padding:8px 12px!important;min-height:32px!important;border-radius:6px!important;text-align:center!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.login-container,.auth-container,.login-page{padding:10px!important;margin:0!important;min-height:100vh!important;min-height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important;box-sizing:border-box!important;animation:fadeIn .5s ease-out!important}.login-form,.auth-form{width:calc(100% - 20px)!important;max-width:300px!important;padding:20px!important;margin:10px auto!important;background:var(--white);border-radius:8px!important;box-shadow:0 4px 12px #0000001a;box-sizing:border-box!important;position:relative;z-index:1;animation:bounceIn .6s cubic-bezier(.4,0,.2,1)!important;transform:translateZ(0)!important}.login-form h1,.auth-form h1{font-size:18px!important;margin-bottom:20px!important;text-align:center!important;line-height:1.2}.login-form .form-group,.auth-form .form-group{margin-bottom:15px!important}.login-form label,.auth-form label{font-size:14px!important;margin-bottom:5px!important;display:block!important;font-weight:500}.login-form input,.auth-form input,.login-form select,.auth-form select{width:100%!important;padding:12px!important;font-size:16px!important;border:2px solid var(--border-light)!important;border-radius:6px!important;box-sizing:border-box!important;background:var(--white);-webkit-appearance:none;appearance:none}.login-form input:focus,.auth-form input:focus,.login-form select:focus,.auth-form select:focus{border-color:var(--primary-color)!important;outline:none!important;box-shadow:0 0 0 3px #20b2aa1a!important}.login-form .btn,.auth-form .btn{width:100%!important;padding:14px!important;font-size:16px!important;min-height:48px!important;margin-top:10px!important;border-radius:6px!important;box-sizing:border-box!important}.login-error,.auth-error{margin-bottom:15px!important;padding:10px!important;border-radius:6px!important;font-size:14px!important}}.checkbox-list-container{margin-bottom:15px!important}.checkbox-list-label{font-size:14px!important;font-weight:600!important;margin-bottom:8px!important;display:block!important;color:var(--text-primary)}.checkbox-list{display:flex!important;flex-direction:column!important;gap:8px!important;border:1px solid var(--border-light)!important;border-radius:6px!important;background:var(--white)!important;padding:12px!important}.checkbox-list-item{display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;padding:6px 0!important;margin:0!important;position:relative!important}.checkbox-list-item:hover{background:#20b2aa0d!important;border-radius:4px!important;padding-left:4px!important;padding-right:4px!important}.checkbox-list-input{appearance:none!important;-webkit-appearance:none!important;width:18px!important;height:18px!important;border:2px solid #d1d5db!important;border-radius:4px!important;background:#fff!important;cursor:pointer!important;position:relative!important;margin:0!important;flex-shrink:0!important}.checkbox-list-input:checked{background:#20b2aa!important;border-color:#20b2aa!important}.checkbox-list-input:checked:after{content:"✓"!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;color:#fff!important;font-size:12px!important;font-weight:700!important}.checkbox-list-input:focus{outline:none!important;box-shadow:0 0 0 3px #20b2aa1a!important}.checkbox-list-checkmark{display:none!important}.checkbox-list-text{font-size:14px!important;color:var(--text-primary)!important;line-height:1.4!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}@media screen and (min-width:1025px){.desktop-calendar-view{display:block!important}.mobile-calendar-view{display:none!important}}@media screen and (max-width:768px){.mobile-calendar-day-header{flex-direction:column!important;gap:8px!important;align-items:flex-start!important}.mobile-calendar-date{font-size:14px!important}.mobile-case-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.mobile-case-time,.mobile-case-status{font-size:12px!important}}@media screen and (min-width:768px)and (max-width:1366px){.cases-container{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;padding:16px!important;grid-auto-rows:max-content!important}.case-card{margin-bottom:0!important;align-self:start!important;contain:layout style!important}.case-card .case-details{width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.case-action-button,.case-action-button.process-order-button,.case-action-button.process-button,.case-action-button.sales-approval-button,.case-action-button.deliver-button,.case-action-button.received-button,.case-action-button.complete-button,.case-action-button.pending-office-button,.case-action-button.office-deliver-button,.case-action-button.billing-button,.case-action-button.case-closed-button,.case-action-button.amend-button,.case-action-button.delete-button,.case-action-button.cancel-button,.case-action-button.resend-email-button,.case-action-button.transfer-button{width:280px!important;max-width:90%!important;min-height:48px!important;padding:14px 20px!important;font-size:16px!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;margin:0 auto!important;border-radius:12px!important}.case-actions,.case-buttons{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;align-items:center!important}.case-actions>.case-action-button{width:280px!important;max-width:90%!important;min-height:48px!important;padding:14px 20px!important;font-size:16px!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;margin:0 auto!important;border-radius:12px!important}@media screen and (max-width:320px){.case-action-button,.case-action-button.process-order-button,.case-action-button.process-button,.case-action-button.sales-approval-button,.case-action-button.deliver-button,.case-action-button.received-button,.case-action-button.complete-button,.case-action-button.pending-office-button,.case-action-button.office-deliver-button,.case-action-button.billing-button,.case-action-button.case-closed-button,.case-action-button.amend-button,.case-action-button.delete-button,.case-action-button.cancel-button,.case-action-button.resend-email-button{white-space:normal!important;min-height:48px!important;font-size:14px!important;padding:10px 12px!important}}}@media screen and (max-width:1366px)and (orientation:landscape){.cases-container:not([style*=grid]),.user-management-table{max-height:300px!important;overflow-y:auto!important}.modal-body{max-height:calc(70vh - 120px)!important}}@media screen and (max-width:1366px){html body .mobile-header{z-index:1000!important}html body .app-main{z-index:100!important}html body .modal-backdrop:not(.notification-settings-overlay):not(.custom-modal-overlay),html body .modal:not(.notification-settings-modal):not(.custom-modal){z-index:10000!important}html body .connection-details-panel,html body .mobile-database-panel{z-index:50000!important}html body .notification-dropdown,html body .settings-dropdown{z-index:100000!important}html body .notification-settings-overlay,html body .notification-settings-modal,html body .custom-modal-overlay,html body .custom-modal{z-index:200000!important}html body .settings-dropdown{position:absolute!important;top:100%!important;width:350px!important;max-width:350px!important;right:0!important;left:auto!important;max-height:500px!important}html body .settings-dropdown button.toggle-switch,html body button.toggle-switch{width:62px!important;height:36px!important;border-radius:18px!important}html body button.toggle-switch.enabled{background:#20b2aa!important}html body button.toggle-switch .toggle-slider{position:absolute!important;top:3px!important;left:3px!important;width:30px!important;height:30px!important;background:#fff!important;border-radius:50%!important;transition:all .3s ease!important;box-shadow:0 3px 8px #0000004d!important}html body button.toggle-switch.enabled .toggle-slider{transform:translate(26px)!important}}@media(min-width:768px)and (max-width:1024px){html body .form-section-procedure-sets .procedure-sets-form .form-row,html body .form-section-procedure-sets .quantities-section .form-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2rem!important;margin-bottom:2rem!important}html body .form-section-procedure-sets .procedure-sets-form .form-group,html body .form-section-procedure-sets .quantities-section .form-group{width:100%!important;margin-bottom:1rem!important}}@media screen and (max-width:768px){html body .case-status .status-text,html body .status-badge,html body .status-text{font-size:12px!important;padding:4px 8px!important;border-radius:4px!important;font-weight:500!important}}@media screen and (max-width:768px){html body .filters-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 16px!important;background:var(--white)!important;border:1px solid var(--border-light)!important;border-radius:8px!important;margin-bottom:1rem!important}html body .filters-header .filters-title{flex:1!important;min-width:0!important;margin-right:12px!important}html body .filters-header .filters-title h3{font-size:16px!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}html body .filters-header .active-filters-count{font-size:12px!important;color:var(--text-secondary)!important;white-space:nowrap!important}html body .filters-header .filters-toggle{flex-shrink:0!important;min-width:32px!important;max-width:32px!important;height:32px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;line-height:1!important;border-radius:6px!important;background:var(--primary-color)!important;color:#fff!important;border:none!important}html body .filters-header .filters-toggle:hover{background:var(--primary-dark, #0056b3)!important;transform:none!important}html body .mobile-status-legend{width:100%!important}html body .status-legend-button.mobile{width:100%!important;background:var(--primary-light)!important;color:var(--primary-color)!important;border:1px solid var(--primary-color)!important;padding:12px 16px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;margin:0!important}html body .status-legend-button.mobile:hover{background:var(--primary-color)!important;color:#fff!important}html body .status-legend-overlay.mobile{position:fixed!important;inset:0!important;background:#0009!important;z-index:300000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important}html body .status-legend-popup.mobile{background:#fff!important;border-radius:12px!important;max-width:90vw!important;max-height:80vh!important;overflow:hidden!important;box-shadow:0 10px 30px #0000004d!important}html body .legend-content.mobile{max-height:60vh!important;overflow-y:auto!important;padding:16px!important}html body .legend-grid.mobile{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}html body .legend-item.mobile{display:flex!important;align-items:center!important;gap:12px!important;padding:8px 0!important}html body .status-indicator.mobile{width:16px!important;height:16px!important;border-radius:4px!important;flex-shrink:0!important}html body .status-info.mobile{flex:1!important;min-width:0!important}html body .status-name.mobile{display:block!important;font-weight:600!important;font-size:14px!important;color:var(--text-primary)!important;margin-bottom:2px!important}html body .status-description.mobile{display:block!important;font-size:12px!important;color:var(--text-secondary)!important}}.status-legend-button,button.status-legend-button,.status-legend-button.mobile,.status-legend-button.mobile-menu-item,html body .status-legend-button,html body button.status-legend-button,html body .status-legend-button.mobile,body .status-legend-button,div .status-legend-button,.btn.status-legend-button,.button.status-legend-button,[class*=status-legend-button]{position:relative!important;position:static!important;float:none!important;inset:auto!important;display:inline-flex!important;z-index:auto!important;background:linear-gradient(135deg,#20b2aa,#17a398)!important;color:#fff!important;border:none!important;border-radius:50px!important;padding:12px 24px!important;margin:0 10px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;box-shadow:0 2px 8px #20b2aa33!important;transition:all .3s ease!important;width:auto!important;min-width:auto!important;max-width:none!important;height:auto!important;min-height:auto!important;max-height:none!important}.status-legend-button:hover,button.status-legend-button:hover,html body .status-legend-button:hover{transform:scale(1.05)!important;background:linear-gradient(135deg,#17a398,#148f86)!important;box-shadow:0 4px 12px #20b2aa4d!important}.status-legend-modal,.status-legend-overlay,.status-legend-popup{position:fixed!important}@media(max-width:768px){.status-legend-button,button.status-legend-button,html body .status-legend-button{position:relative!important;position:static!important;bottom:auto!important;right:auto!important;padding:10px 20px!important;font-size:12px!important;margin:8px 0!important}}.mobile-menu-item.status-legend-button{position:relative!important;display:flex!important;width:100%!important;margin:0!important}.status-legend-button[style*="position: fixed"],.status-legend-button[style*="position:fixed"],button[style*="position: fixed"].status-legend-button,button[style*="position:fixed"].status-legend-button{display:none!important}.status-legend-container.inline-legend .status-legend-button{position:relative!important;display:inline-flex!important}body>.status-legend-button,.app-footer+.status-legend-button,.status-legend-button:last-of-type{display:none!important}@media screen and (max-width:768px){.case-actions,body .case-actions,body .case-expanded-content .case-actions,body .case-card .case-actions,body .cases-list .case-actions,body [class*=case] .case-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px!important;width:100%!important;box-sizing:border-box!important;align-items:stretch!important;flex-direction:unset!important;flex-wrap:unset!important;justify-content:unset!important}.case-actions>button,body .case-actions>button,.case-actions .case-action-button,body .case-actions .case-action-button{width:100%!important;min-height:44px!important;height:auto!important;max-height:none!important;margin:0!important;padding:8px 6px!important;font-size:12px!important;font-weight:600!important;line-height:1.3!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-radius:8px!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:unset!important;opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important;grid-column:unset!important;cursor:pointer!important;border:none!important;background-image:none!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.case-actions>.tooltip-wrapper{display:contents!important}.case-actions>.tooltip-wrapper>button{width:100%!important;min-height:44px!important;height:auto!important;max-height:none!important;margin:0!important;padding:8px 6px!important;font-size:12px!important;font-weight:600!important;line-height:1.3!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-radius:8px!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:unset!important;opacity:1!important;visibility:visible!important;border:none!important;background-image:none!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.case-actions .process-order-button,.case-actions .tooltip-wrapper .process-order-button,body .case-actions button.process-order-button{background-color:#e91e63!important;color:#fff!important}.case-actions .process-button,.case-actions .tooltip-wrapper .process-button,body .case-actions button.process-button{background-color:#9c27b0!important;color:#fff!important}.case-actions .sales-approval-button,.case-actions .tooltip-wrapper .sales-approval-button,body .case-actions button.sales-approval-button{background-color:#ff8c00!important;color:#fff!important}.case-actions .deliver-button,.case-actions .pending-delivery-hospital,.case-actions .tooltip-wrapper .deliver-button,body .case-actions button.deliver-button{background-color:#4caf50!important;color:#fff!important}.case-actions .received-button,.case-actions .tooltip-wrapper .received-button,body .case-actions button.received-button{background-color:#00bcd4!important;color:#fff!important}.case-actions .complete-button,.case-actions .tooltip-wrapper .complete-button,body .case-actions button.complete-button{background-color:#8bc34a!important;color:#fff!important}.case-actions .pending-office-button,.case-actions .tooltip-wrapper .pending-office-button,body .case-actions button.pending-office-button{background-color:#03a9f4!important;color:#fff!important}.case-actions .office-deliver-button,.case-actions .tooltip-wrapper .office-deliver-button,body .case-actions button.office-deliver-button{background-color:#607d8b!important;color:#fff!important}.case-actions .billing-button,.case-actions .tooltip-wrapper .billing-button,body .case-actions button.billing-button{background-color:#795548!important;color:#fff!important}.case-actions .case-closed-button,.case-actions .tooltip-wrapper .case-closed-button,body .case-actions button.case-closed-button{background-color:#4caf50!important;color:#fff!important}.case-actions .transfer-button,.case-actions .tooltip-wrapper .transfer-button,body .case-actions button.transfer-button{background-color:#9c27b0!important;color:#fff!important}.case-actions .amend-button,.case-actions .tooltip-wrapper .amend-button,body .case-actions button.amend-button{background-color:#ffc107!important;color:#333!important}.case-actions .delete-button,.case-actions .tooltip-wrapper .delete-button,body .case-actions button.delete-button{background-color:#f44336!important;color:#fff!important}.case-actions .resend-email-button,.case-actions .tooltip-wrapper .resend-email-button,body .case-actions button.resend-email-button{background-color:#fff!important;color:#333!important;border:2px solid #999!important}.case-actions .print-button,.case-actions .tooltip-wrapper .print-button,body .case-actions button.print-button{background-color:#6c757d!important;color:#fff!important}.case-actions .cancel-button,.case-actions .tooltip-wrapper .cancel-button,body .case-actions button.cancel-button{background-color:#dc3545!important;color:#fff!important}.case-actions button.disabled,.case-actions button:disabled,.case-actions .tooltip-wrapper button.disabled,.case-actions .tooltip-wrapper button:disabled{background-color:#ccc!important;color:#666!important;cursor:not-allowed!important;opacity:.7!important}}@media screen and (max-width:768px){#case-pagination-widget{display:flex!important;flex-direction:column!important;align-items:center!important;position:relative!important;z-index:10!important;margin:16px 8px 24px!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;overflow:visible!important;max-height:none!important;flex-wrap:nowrap!important}#case-pagination-widget>div{max-height:none!important;flex-direction:unset!important;flex-wrap:unset!important}#case-pagination-widget button{height:44px!important;min-height:44px!important;max-height:44px!important;white-space:nowrap!important;font-size:14px!important;font-weight:500!important;opacity:1!important;visibility:visible!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.cases-list,.case-list-container{padding-bottom:60px!important}.app-footer{position:relative!important;margin-top:20px!important;z-index:auto!important}.mobile-navigation{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1000!important}}.role-tmph_inv-isu .booking-button,.role-tmph_inv-isu .new-case-button{display:none!important}.role-tmph_inv-isu .no-permission-message{display:block!important;padding:20px!important;text-align:center!important;color:#dc3545!important;background:#f8d7da!important;border:1px solid #f5c6cb!important;border-radius:8px!important;margin:20px!important}@media screen and (max-width:768px){.case-actions{display:grid!important;grid-template-columns:1fr 1fr!important;flex-direction:unset!important;flex-wrap:unset!important;min-height:auto!important;overflow:visible!important;opacity:1!important;visibility:visible!important;align-items:stretch!important}.case-action-button,.case-action-button.process-order-button,.case-action-button.process-button,.case-action-button.sales-approval-button,.case-action-button.deliver-button,.case-action-button.pending-delivery-hospital,.case-action-button.received-button,.case-action-button.complete-button,.case-action-button.pending-office-button,.case-action-button.office-deliver-button,.case-action-button.billing-button,.case-action-button.case-closed-button,.case-action-button.amend-button,.case-action-button.delete-button,.case-action-button.cancel-button,.case-action-button.resend-email-button,.case-action-button.transfer-button,.case-action-button.print-button{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;height:auto!important;min-height:44px!important;max-height:none!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:unset!important;line-height:1.3!important;text-align:center!important}.case-actions>.case-action-button{width:100%!important;max-width:100%!important;min-width:0!important;white-space:normal!important}.case-actions>*{opacity:1!important;visibility:visible!important}.case-actions>.case-buttons{display:contents!important}}@media screen and (max-width:768px){.filter-buttons,body .filter-buttons,.modern-filter-actions .filter-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;flex-direction:unset!important}.filter-buttons .btn,.filter-buttons .modern-clear-button,.filter-buttons .modern-apply-button,body .modern-clear-button,body .modern-apply-button{width:100%!important;min-height:44px!important;font-size:14px!important;padding:10px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;white-space:nowrap!important}.quick-filters-row,body .quick-filters-row,.quick-filters-section .quick-filters-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;flex-wrap:unset!important;flex-direction:unset!important}.quick-filters-row .quick-filters-label,body .quick-filters-row .quick-filters-label{grid-column:1 / -1!important;width:100%!important;text-align:left!important;margin-bottom:4px!important}.quick-filters-row .quick-filter-button,.quick-filters-row .btn,body .quick-filters-row .quick-filter-button{width:100%!important;min-height:44px!important;font-size:13px!important;padding:8px 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;white-space:nowrap!important}}body.device-desktop .app-nav{display:flex!important}body.device-desktop .mobile-bottom-nav,body.device-desktop .mobile-header{display:none!important}body.device-desktop .app-main{padding-bottom:0!important}body.device-desktop .app-header .header-info,body.device-desktop .app-header .logged-in-info{display:revert!important}body.device-touch .app-nav{display:none!important}body.device-touch .mobile-bottom-nav{display:block!important}.pwa-install-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);padding:16px 20px;z-index:10000;max-width:90%;width:400px;animation:slideUp .3s ease-out;border:1px solid rgba(255,255,255,.1)}.pwa-install-banner.ios-banner{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);box-shadow:var(--shadow-large);border:1px solid rgba(255,255,255,.1)}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.banner-content{display:flex;align-items:center;gap:12px;color:#fff}.banner-icon{font-size:32px;flex-shrink:0}.banner-text{flex:1}.banner-text strong{display:block;font-size:16px;margin-bottom:4px;font-weight:600}.banner-text p{margin:0;font-size:14px;opacity:.95;line-height:1.4}.banner-text small{display:block;margin-top:4px;font-size:12px;opacity:.85}.ios-share-icon{display:inline-block;padding:0 4px;background:#fff3;border-radius:4px;font-weight:700}.banner-actions{display:flex;gap:8px;flex-shrink:0}.install-button,.later-button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.install-button{background:var(--white);color:var(--primary-color);box-shadow:var(--shadow-light)}.install-button:hover{background:var(--background-light);transform:scale(1.05);box-shadow:var(--shadow-medium)}.later-button{background:#fff3;color:#fff}.later-button:hover{background:#ffffff4d}.dismiss-button{background:#fff3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.dismiss-button:hover{background:#ffffff4d;transform:scale(1.1)}@media(max-width:480px){.pwa-install-banner{bottom:75px;width:calc(100% - 20px);max-width:none;margin:0 10px;left:0;right:0;transform:none}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.banner-content{flex-wrap:wrap}.banner-text{flex:1 1 100%;margin-bottom:12px}.banner-actions{width:100%;justify-content:space-between}.install-button,.later-button{flex:1}}.system-alert-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;box-shadow:0 4px 12px #00000026;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.system-alert-content{display:flex;align-items:center;padding:16px 24px;max-width:1400px;margin:0 auto;gap:16px}.system-alert-icon{font-size:28px;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.system-alert-text{flex:1;min-width:0}.system-alert-title{font-size:16px;font-weight:600;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.system-alert-message{font-size:14px;opacity:.95;line-height:1.4}.system-alert-dismiss{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.system-alert-dismiss:hover{background:#ffffff4d}.system-alert-dismiss:active{transform:scale(.95)}@media(max-width:768px){.system-alert-content{padding:12px 16px;gap:12px}.system-alert-icon{font-size:24px}.system-alert-title{font-size:14px}.system-alert-message{font-size:13px}.system-alert-dismiss{width:28px;height:28px;font-size:16px}}