html,body {box-sizing: border-box;overflow-x: hidden;padding-right: 0 !important;margin-right: 0 !important;}.modern-profile-bg {min-height: 100vh;width: 100%;display: flex;align-items: flex-start;justify-content: center;background: linear-gradient(135deg, #1a1b2e 0%, #23244a 100%);padding: 48px 0;box-sizing: border-box;}.modern-profile-center {width: 100%;max-width: 100%;display: flex;align-items: flex-start;justify-content: center;box-sizing: border-box;}.modern-profile-card {background: rgba(26, 27, 46, 0.85);box-shadow: 0 8px 32px rgba(180, 138, 255, 0.15),0 1.5px 8px rgba(0, 0, 0, 0.12);border-radius: 24px;padding: 48px 64px 40px 64px;width: 100%;max-width: 900px;margin: 0 auto;backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);position: relative;box-sizing: border-box;}@media (max-width: 1200px) {.modern-profile-card {max-width: 98vw;padding: 36px 24px 28px 24px;}}@media (max-width: 600px) {.modern-profile-bg {padding: 12px 0;}.modern-profile-center {padding: 0;}.modern-profile-card {padding: 10vw 2vw 8vw 2vw;max-width: 100vw;border-radius: 12px;}}.modern-profile-header {margin-bottom: 32px;}.modern-profile-avatar {font-size: 56px;color: #b48aff;background: rgba(180, 138, 255, 0.08);border-radius: 50%;width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;margin: 0 auto 8px auto;box-shadow: 0 2px 12px rgba(180, 138, 255, 0.08);}.modern-profile-title {font-size: 2rem;font-weight: 700;color: #fff;margin-bottom: 4px;}.modern-profile-desc {color: #bdb8d7;font-size: 1rem;margin-bottom: 0;}.modern-profile-form-block {margin-top: 12px;}.modern-form-group {margin-bottom: 22px;}.modern-profile-label {color: #e2e8f0;font-weight: 500;margin-bottom: 8px;display: block;font-size: 15px;letter-spacing: 0.01em;}.modern-input-container {position: relative;display: flex;align-items: center;}.modern-input-icon {position: absolute;left: 16px;top: 50%;transform: translateY(-50%);color: #b48aff;font-size: 1.2em;z-index: 2;pointer-events: none;}.modern-form-input {width: 100%;padding: 12px 16px 12px 48px;border-radius: 12px;border: 1.5px solid rgba(180, 138, 255, 0.18);background: rgba(26, 27, 46, 0.92);color: #fff;font-size: 1rem;font-family: inherit;outline: none;transition: border 0.2s, box-shadow 0.2s;box-shadow: 0 1.5px 8px rgba(180, 138, 255, 0.04);}.modern-form-input:focus {border-bottom: 2px solid #b48aff;box-shadow: 0 1.5px 8px rgba(180, 138, 255, 0.04);}.modern-form-input:disabled {background: rgba(26, 27, 46, 0.5);color: #bdb8d7;}.modern-form-input.is-valid {border-color: #00b894;box-shadow: 0 0 0 2px rgba(0, 184, 148, 0.13);}.modern-form-input.is-invalid {border-color: #ff7675;box-shadow: 0 0 0 2px rgba(255, 118, 117, 0.13);}.modern-profile-password-block {margin-top: 8px;}.modern-profile-change-pass {cursor: pointer;color: #b48aff;font-size: 15px;margin: 0 0 12px 0;display: flex;align-items: center;gap: 8px;transition: color 0.2s;}.modern-profile-change-pass:hover {color: #c084fc;}.modern-profile-change-pass .fa-chevron-right {margin-left: auto;transition: transform 0.3s;}.modern-form-actions {display: flex;gap: 16px;margin-top: 18px;}.modern-profile-btn-primary {background: linear-gradient(90deg, #b48aff 0%, #c084fc 100%);color: #fff;border: none;border-radius: 12px;padding: 14px 36px;font-weight: 600;font-size: 1rem;box-shadow: 0 4px 20px rgba(180, 138, 255, 0.13);transition: background 0.2s, box-shadow 0.2s, transform 0.1s;position: relative;overflow: hidden;display: flex;align-items: center;gap: 8px;}.modern-profile-btn-primary:hover {background: linear-gradient(90deg, #c084fc 0%, #b48aff 100%);box-shadow: 0 8px 32px rgba(180, 138, 255, 0.18);transform: translateY(-2px) scale(1.03);}.modern-profile-btn-secondary {background: transparent;color: #bdb8d7;border: 1.5px solid #b48aff;border-radius: 12px;padding: 14px 28px;font-weight: 500;font-size: 1rem;transition: border 0.2s, color 0.2s, background 0.2s;display: flex;align-items: center;gap: 8px;}.modern-profile-btn-secondary:hover {background: rgba(180, 138, 255, 0.08);color: #b48aff;border-color: #c084fc;}@media (max-width: 600px) {.modern-profile-card {padding: 18px 4vw 18px 4vw;max-width: 98vw;}.modern-profile-title {font-size: 1.3rem;}.modern-profile-avatar {font-size: 38px;width: 54px;height: 54px;}.modern-form-input {font-size: 0.98rem;padding: 10px 12px 10px 40px;}.modern-profile-btn-primary,.modern-profile-btn-secondary {padding: 12px 10px;font-size: 0.98rem;}}.auth-bg-icon {z-index: 3;position: absolute;}.auth-bg-icon::before {content: "";position: absolute;inset: 0;width: 100%;height: 100%;filter: blur(4px);opacity: 0.55;z-index: 1;pointer-events: none;}.auth-bg-icon > * {position: relative;z-index: 2;}.auth-container {min-height: 100vh;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, #181a2f 80%, #23244a 100%);position: relative;z-index: 0;}.auth-bg-icons {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;pointer-events: none;}.auth-bg-icon {position: absolute;opacity: 0.85;filter: drop-shadow(0 2px 8px rgba(180, 138, 255, 0.15));animation: floatIcon 3.5s ease-in-out infinite;}.auth-bg-icon:nth-child(1) {left: 92%;top: 10%;font-size: 28px;animation-delay: 0s;}.auth-bg-icon:nth-child(2) {left: 80%;top: 70%;font-size: 32px;animation-delay: 0.7s;}.auth-bg-icon:nth-child(3) {left: 10%;top: 80%;font-size: 26px;animation-delay: 1.4s;}.auth-bg-icon:nth-child(4) {left: 5%;top: 18%;font-size: 30px;animation-delay: 2.1s;}.auth-bg-icon:nth-child(5) {left: 50%;top: 90%;font-size: 24px;animation-delay: 2.8s;}.auth-bg-icon:nth-child(6) {left: 60%;top: 30%;font-size: 36px;animation-delay: 3.5s;}.auth-bg-icon {width: 32px;height: 32px;margin: 0 0 8px 0;opacity: 0.85;filter: drop-shadow(0 2px 8px rgba(180, 138, 255, 0.15));animation: floatIcon 3.5s ease-in-out infinite;}.auth-bg-icon:nth-child(2) {animation-delay: 0.7s;}.auth-bg-icon:nth-child(3) {animation-delay: 1.4s;}.auth-bg-icon:nth-child(4) {animation-delay: 2.1s;}.auth-bg-icon:nth-child(5) {animation-delay: 2.8s;}.auth-bg-icon:nth-child(6) {animation-delay: 3.5s;}@keyframes floatIcon {0% {transform: translateY(0) scale(1);opacity: 0.85;}50% {transform: translateY(-18px) scale(1.08);opacity: 1;}100% {transform: translateY(0) scale(1);opacity: 0.85;}}.auth-card {background: rgba(35, 36, 74, 0.85);border-radius: 22px;box-shadow: 0 8px 40px 0 rgba(180, 138, 255, 0.18),0 2px 16px 0 rgba(36, 40, 80, 0.18);padding: 40px 36px 32px 36px;min-width: 340px;max-width: 380px;width: 100%;display: flex;flex-direction: column;align-items: center;backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);border: 1.5px solid rgba(180, 138, 255, 0.13);transition: box-shadow 0.2s, border 0.2s, background 0.2s;}.auth-card:hover {box-shadow: 0 12px 48px 0 rgba(180, 138, 255, 0.28),0 4px 24px 0 rgba(36, 40, 80, 0.22);border-color: rgba(180, 138, 255, 0.22);background: rgba(35, 36, 74, 0.93);}.auth-header {text-align: center;margin-bottom: 18px;}.auth-logo {display: flex;align-items: center;gap: 8px;font-size: 1.5rem;font-weight: 700;color: #b48aff;text-decoration: none;margin-bottom: 4px;letter-spacing: 0.01em;filter: drop-shadow(0 2px 8px rgba(180, 138, 255, 0.12));}.auth-logo .logo-icon {font-size: 2.1rem;}.auth-logo .logo-text {font-size: 1.2rem;color: #fff;}.auth-subtitle {color: #bfc7e0;font-size: 1.05rem;margin-bottom: 0;}.auth-form-container {width: 100%;}.auth-form {display: flex;flex-direction: column;gap: 16px;}.input-container {position: relative;display: flex;align-items: center;}.form-input {width: 100%;padding: 12px 38px 12px 12px;background: rgba(24, 26, 47, 0.92);border: 1.5px solid #23244a;border-radius: 10px;color: #e8eaed;font-size: 1rem;outline: none;box-shadow: 0 2px 8px 0 rgba(180, 138, 255, 0.06);transition: border 0.2s, box-shadow 0.2s;}.form-input:focus {border-bottom: 2px solid #b48aff;box-shadow: 0 2px 8px 0 rgba(180, 138, 255, 0.06);}.floating-label {position: absolute;left: 12px;top: 50%;transform: translateY(-50%);color: #bfc7e0;font-size: 1rem;pointer-events: none;transition: 0.2s;background: transparent;}.form-input:focus + .floating-label,.form-input:not(:placeholder-shown) + .floating-label {top: -10px;left: 8px;font-size: 0.88rem;color: #b48aff;background: #23244a;padding: 0 4px;}.input-icon {position: absolute;right: 12px;top: 50%;transform: translateY(-50%);color: #bfc7e0;font-size: 1.25rem;transition: color 0.2s, transform 0.2s;}.input-icon:hover {color: #b48aff;transform: translateY(-50%) scale(1.15);}.form-error {color: #ff5c5c;font-size: 0.92rem;margin-top: 2px;}.form-options {display: flex;align-items: center;justify-content: space-between;margin-top: 2px;}.checkbox-container {display: flex;align-items: center;cursor: pointer;font-size: 0.98rem;color: #bfc7e0;}.checkbox-container input[type="checkbox"] {accent-color: #b48aff;margin-right: 6px;}.forgot-password-link {background: none;border: none;color: #b48aff;font-size: 0.98rem;cursor: pointer;text-decoration: underline;padding: 0;}.password-toggle {position: absolute;right: 36px;top: 50%;transform: translateY(-50%);background: none;border: none;color: #bfc7e0;font-size: 1.25rem;cursor: pointer;padding: 0;transition: color 0.2s, transform 0.2s;}.password-toggle:hover {color: #b48aff;transform: translateY(-50%) scale(1.15);}.alert-container {margin-bottom: 12px;}.form-message.error {background: #ff5c5c22;color: #ff5c5c;border-radius: 6px;padding: 8px 12px;margin-bottom: 8px;font-size: 0.98rem;text-align: center;}.submit-btn,.auth-form button[type="submit"] {width: 100%;background: linear-gradient(90deg, #b48aff 0%, #7c3aed 100%);color: #fff;border: none;border-radius: 12px;padding: 14px 0;font-size: 1.12rem;font-weight: 700;margin-top: 12px;cursor: pointer;box-shadow: 0 2px 12px 0 rgba(180, 138, 255, 0.13);letter-spacing: 0.02em;transition: background 0.2s, box-shadow 0.2s, transform 0.2s;}.submit-btn:hover,.auth-form button[type="submit"]:hover {background: linear-gradient(90deg, #7c3aed 0%, #b48aff 100%);box-shadow: 0 4px 18px 0 rgba(180, 138, 255, 0.22);transform: translateY(-2px) scale(1.03);}@media (max-width: 600px) {.auth-card {min-width: 0;max-width: 98vw;padding: 18px 4vw 14px 4vw;}}#taskModal .modal-content,#edit_taskModal .modal-content,#new_taskModal .modal-content {--rc-select-bg: rgba(255, 255, 255, 0.04);--rc-select-border: rgba(255, 255, 255, 0.08);--rc-select-color: #ffffff;--rc-select-accent: rgba(99, 102, 241, 0.9);--rc-select-padding-right: 40px;display: flex;flex-direction: column;box-sizing: border-box;padding: 18px;max-height: 90vh;height: 90vh;width: 100%;overflow: hidden;}#taskModal .modal-body,#edit_taskModal .modal-body,#new_taskModal .modal-body {overflow: visible;flex: 1 1 auto;padding: 8px 0 12px 0;}#taskModal .modal-header,#edit_taskModal .modal-header,#new_taskModal .modal-header {margin-bottom: 6px;display: flex;justify-content: space-between;align-items: center;}#taskModal .modal-header .header-actions,#edit_taskModal .modal-header .header-actions,#new_taskModal .modal-header .header-actions {display: flex;align-items: center;gap: 12px;}#taskModal .modal-header .current-pipeline-badge,#edit_taskModal .modal-header .current-pipeline-badge,#new_taskModal .modal-header .current-pipeline-badge {display: inline-flex;align-items: center;justify-content: center;height: 40px;padding: 0 12px;background: rgba(74, 222, 128, 0.18);color: #4ade80;border: 1px solid rgba(74, 222, 128, 0.35);border-radius: 8px;font-size: 14px;font-weight: 600;text-transform: uppercase;white-space: nowrap;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);line-height: 40px;vertical-align: middle;}#taskModal .modal-header .btn-transfer,#edit_taskModal .modal-header .btn-transfer,#new_taskModal .modal-header .btn-transfer {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: linear-gradient(135deg, #AF84FF 0%, #9C6FFF 100%);border: none;border-radius: 8px;cursor: pointer;transition: all 0.3s ease;font-size: 18px;padding: 0;box-shadow: 0 2px 8px rgba(175, 132, 255, 0.25);}#taskModal .modal-header .btn-transfer:hover,#edit_taskModal .modal-header .btn-transfer:hover,#new_taskModal .modal-header .btn-transfer:hover {background: linear-gradient(135deg, #9C6FFF 0%, #8B5FEF 100%);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(175, 132, 255, 0.4);}#taskModal .modal-header .btn-transfer span,#edit_taskModal .modal-header .btn-transfer span,#new_taskModal .modal-header .btn-transfer span {font-size: 20px;line-height: 1;}#taskModal .modal-header .btn-save,#edit_taskModal .modal-header .btn-save,#new_taskModal .modal-header .btn-save {display: flex;align-items: center;justify-content: center;gap: 8px;height: 40px;padding: 0 16px;background: linear-gradient(135deg, #AF84FF 0%, #9C6FFF 100%);border: none;border-radius: 8px;color: #ffffff;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(175, 132, 255, 0.25);}#taskModal .modal-header .btn-save:hover,#edit_taskModal .modal-header .btn-save:hover,#new_taskModal .modal-header .btn-save:hover {background: linear-gradient(135deg, #9C6FFF 0%, #8B5FEF 100%);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(175, 132, 255, 0.4);}#taskModal .modal-header .btn-save span,#edit_taskModal .modal-header .btn-save span,#new_taskModal .modal-header .btn-save span {font-size: 18px;line-height: 1;}#taskModal .modal-header .close-btn,#edit_taskModal .modal-header .close-btn,#new_taskModal .modal-header .close-btn {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: rgba(255, 85, 85, 0.1);border: 1px solid rgba(255, 85, 85, 0.3);border-radius: 8px;color: #ff5555;font-size: 24px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(255, 85, 85, 0.15);}#taskModal .modal-header .close-btn:hover,#edit_taskModal .modal-header .close-btn:hover,#new_taskModal .modal-header .close-btn:hover {background: rgba(255, 85, 85, 0.2);transform: rotate(90deg);box-shadow: 0 4px 12px rgba(255, 85, 85, 0.3);}#taskModal .form-top-section .form-row,#edit_taskModal .form-top-section .form-row,#new_taskModal .form-top-section .form-row {display: flex;flex-wrap: wrap;gap: 12px;align-items: center;}#taskModal .form-top-section .form-group,#edit_taskModal .form-top-section .form-group,#new_taskModal .form-top-section .form-group {flex: 1 1 180px;min-width: 160px;}#taskModal .form-main-section,#edit_taskModal .form-main-section,#new_taskModal .form-main-section {display: flex;gap: 28px;align-items: flex-start;overflow: visible;flex: 1;min-height: 0;height: 100%;}#taskModal .form-left-section,#edit_taskModal .form-left-section,#new_taskModal .form-left-section {flex: 1 1 60%;max-width: 62%;overflow: visible;display: flex;flex-direction: column;min-height: 0;height: 100%;}#taskModal .form-left-section .survey-questions,#edit_taskModal .form-left-section .survey-questions,#new_taskModal .form-left-section .survey-questions {overflow-y: auto;overflow-x: hidden;padding-right: 8px;flex: 1;max-height: calc(100vh - 350px);}#taskModal .form-right-section,#edit_taskModal .form-right-section,#new_taskModal .form-right-section {flex: 0 0 36%;max-width: 36%;overflow: visible;min-height: 0;display: flex;flex-direction: column;height: 100%;}#taskModal .form-right-section .tab-content,#edit_taskModal .form-right-section .tab-content,#new_taskModal .form-right-section .tab-content {margin-bottom: 6px;}#taskModal .survey-questions .question-item,#edit_taskModal .survey-questions .question-item,#new_taskModal .survey-questions .question-item {display: flex;gap: 10px;margin-bottom: 0;padding: 10px 12px;border-radius: 8px;background: rgba(35, 36, 58, 0.4);flex-shrink: 0;}#taskModal .survey-questions .question-item > label,#edit_taskModal .survey-questions .question-item > label,#new_taskModal .survey-questions .question-item > label {margin: 0;font-size: 13px;line-height: 1.2;overflow: visible;text-overflow: clip;padding-right: 8px;color: rgba(255, 255, 255, 0.95);word-break: break-word;}.survey-questions::-webkit-scrollbar {width: 6px;}.survey-questions::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.2);border-radius: 10px;}.survey-questions::-webkit-scrollbar-thumb {background: rgba(180, 138, 255, 0.4);border-radius: 10px;}.survey-questions::-webkit-scrollbar-thumb:hover {background: rgba(180, 138, 255, 0.6);}.survey-questions .question-item input,.survey-questions .question-item select,.survey-questions .question-item textarea {flex: 1 1 auto;margin: 0;height: 34px;min-height: 34px;padding: 6px 10px;border-radius: 6px;box-sizing: border-box;font-size: 13px;}#taskModal .survey-questions .question-item textarea,#edit_taskModal .survey-questions .question-item textarea,#new_taskModal .survey-questions .question-item textarea {height: 48px;min-height: 44px;max-height: 80px;resize: vertical;}#taskModal .form-left-section .survey-questions::-webkit-scrollbar,#edit_taskModal .form-left-section .survey-questions::-webkit-scrollbar,#new_taskModal .form-left-section .survey-questions::-webkit-scrollbar {width: 5px;}#taskModal .form-left-section .survey-questions::-webkit-scrollbar-track,#edit_taskModal .form-left-section .survey-questions::-webkit-scrollbar-track,#new_taskModal .form-left-section .survey-questions::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.05);border-radius: 3px;}#taskModal .form-left-section .survey-questions::-webkit-scrollbar-thumb,#edit_taskModal .form-left-section .survey-questions::-webkit-scrollbar-thumb,#new_taskModal .form-left-section .survey-questions::-webkit-scrollbar-thumb {background: rgba(180, 138, 255, 0.5);border-radius: 3px;}#taskModal .form-left-section .survey-questions::-webkit-scrollbar-thumb:hover,#edit_taskModal .form-left-section .survey-questions::-webkit-scrollbar-thumb:hover,#new_taskModal .form-left-section .survey-questions::-webkit-scrollbar-thumb:hover {background: rgba(180, 138, 255, 0.7);}#taskModal .modal-footer,#edit_taskModal .modal-footer,#new_taskModal .modal-footer {margin-top: 16px;display: flex;justify-content: flex-end;gap: 12px;flex-shrink: 0;padding-top: 20px;border-top: 1px solid rgba(180, 138, 255, 0.15);}#taskModal select,#edit_taskModal select,#new_taskModal select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: var(--rc-select-bg);color: var(--rc-select-color);border: 1px solid var(--rc-select-border);padding: 6px var(--rc-select-padding-right) 6px 10px;height: 36px;line-height: 20px;border-radius: 8px;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);font-size: 13px;cursor: pointer;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20'><polygon fill='%23ffffff' points='0,6 20,6 10,14'/></svg>");background-repeat: no-repeat;background-position: right 12px center;background-size: 12px 12px;box-sizing: border-box;width: 100%;max-width: 100%;scrollbar-width: thin;scrollbar-color: #AF84FF #1A1A2D;}#taskModal select::-webkit-scrollbar,#edit_taskModal select::-webkit-scrollbar,#new_taskModal select::-webkit-scrollbar {width: 5px;}#taskModal select::-webkit-scrollbar-track,#edit_taskModal select::-webkit-scrollbar-track,#new_taskModal select::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.05);border-radius: 3px;}#taskModal select::-webkit-scrollbar-thumb,#edit_taskModal select::-webkit-scrollbar-thumb,#new_taskModal select::-webkit-scrollbar-thumb {background: rgba(180, 138, 255, 0.5);border-radius: 3px;}#taskModal select::-webkit-scrollbar-thumb:hover,#edit_taskModal select::-webkit-scrollbar-thumb:hover,#new_taskModal select::-webkit-scrollbar-thumb:hover {background: rgba(180, 138, 255, 0.7);}#taskModal select option,#edit_taskModal select option,#new_taskModal select option {background-color: #161722;color: #ffffff;padding: 8px 12px;}#taskModal select optgroup,#edit_taskModal select optgroup,#new_taskModal select optgroup {background-color: #0f0f1a;color: #b48aff;font-weight: 700;font-size: 12px;text-transform: uppercase;letter-spacing: 0.5px;padding: 6px 8px;font-style: normal;}#taskModal select optgroup option,#edit_taskModal select optgroup option,#new_taskModal select optgroup option {background-color: #1a1b2e;color: #e2e8f0;font-weight: 400;text-transform: none;letter-spacing: 0;padding-left: 20px;font-size: 13px;}#taskModal select::-ms-expand,#edit_taskModal select::-ms-expand,#new_taskModal select::-ms-expand {display: none;}#taskModal select:focus,#edit_taskModal select:focus,#new_taskModal select:focus {outline: none;box-shadow: none;border-bottom: 2px solid #b48aff;background-color: rgba(255, 255, 255, 0.03);}#taskModal .form-row .form-group,#edit_taskModal .form-row .form-group,#new_taskModal .form-row .form-group {display: inline-block;vertical-align: middle;margin-right: 12px;}#taskModal .form-row .form-group select,#edit_taskModal .form-row .form-group select,#new_taskModal .form-row .form-group select {min-width: 200px;width: auto;}#taskModal .history .calls-filter select,#edit_taskModal .history .calls-filter select,#new_taskModal .history .calls-filter select,#taskModal .calls-filter select,#edit_taskModal .calls-filter select,#new_taskModal .calls-filter select,#taskModal .survey-questions select,#edit_taskModal .survey-questions select,#new_taskModal .survey-questions select {min-width: 160px;width: auto;}#taskModal .select-full,#edit_taskModal .select-full,#new_taskModal .select-full {width: 100%;}#taskModal select:disabled,#edit_taskModal select:disabled,#new_taskModal select:disabled {opacity: 0.6;cursor: not-allowed;}#taskModal select:-moz-focusring,#edit_taskModal select:-moz-focusring,#new_taskModal select:-moz-focusring {color: transparent;text-shadow: 0 0 0 var(--rc-select-color);}@media (max-width: 1024px) {#taskModal .modal-content,#edit_taskModal .modal-content,#new_taskModal .modal-content {max-width: 95%;padding: 16px;}#taskModal .form-main-section,#edit_taskModal .form-main-section,#new_taskModal .form-main-section {gap: 20px;}#taskModal .form-left-section,#edit_taskModal .form-left-section,#new_taskModal .form-left-section {flex: 1 1 55%;max-width: 55%;}#taskModal .form-right-section,#edit_taskModal .form-right-section,#new_taskModal .form-right-section {flex: 0 0 40%;max-width: 40%;}}@media (max-width: 768px) {#taskModal .modal-content,#edit_taskModal .modal-content,#new_taskModal .modal-content {max-width: 98%;padding: 12px;max-height: calc(100vh - 20px);}#taskModal .form-top-section .form-row,#edit_taskModal .form-top-section .form-row,#new_taskModal .form-top-section .form-row {gap: 10px;}#taskModal .form-top-section .form-group,#edit_taskModal .form-top-section .form-group,#new_taskModal .form-top-section .form-group {flex: 1 1 calc(50% - 5px);min-width: 140px;}#taskModal .form-main-section,#edit_taskModal .form-main-section,#new_taskModal .form-main-section {flex-direction: column;gap: 16px;max-height: none;}#taskModal .form-left-section,#edit_taskModal .form-left-section,#new_taskModal .form-left-section {flex: 1 1 100%;max-width: 100%;}#taskModal .form-right-section,#edit_taskModal .form-right-section,#new_taskModal .form-right-section {flex: 1 1 100%;max-width: 100%;}#taskModal .form-left-section .survey-questions,#edit_taskModal .form-left-section .survey-questions,#new_taskModal .form-left-section .survey-questions {max-height: 300px;}.survey-tabs {display: flex;flex-wrap: wrap;gap: 8px;}.survey-tabs .tab-btn {flex: 1 1 auto;min-width: 120px;font-size: 13px;padding: 8px 12px;}.history-items {max-height: 400px;}}@media (max-width: 480px) {#taskModal .modal-content,#edit_taskModal .modal-content,#new_taskModal .modal-content {max-width: 100%;padding: 10px;border-radius: 0;max-height: 100vh;}#taskModal .modal-header,#edit_taskModal .modal-header,#new_taskModal .modal-header {margin-bottom: 8px;}#taskModal .modal-header h2,#edit_taskModal .modal-header h2,#new_taskModal .modal-header h2 {font-size: 18px;}#taskModal .form-top-section .form-row,#edit_taskModal .form-top-section .form-row,#new_taskModal .form-top-section .form-row {flex-direction: column;gap: 8px;}#taskModal .form-top-section .form-group,#edit_taskModal .form-top-section .form-group,#new_taskModal .form-top-section .form-group {flex: 1 1 100%;min-width: 100%;}#taskModal .survey-questions .question-item,#edit_taskModal .survey-questions .question-item,#new_taskModal .survey-questions .question-item {flex-direction: column;gap: 6px;padding: 10px;}#taskModal .survey-questions .question-item > label,#edit_taskModal .survey-questions .question-item > label,#new_taskModal .survey-questions .question-item > label {font-size: 13px;}#taskModal .form-left-section .survey-questions,#edit_taskModal .form-left-section .survey-questions,#new_taskModal .form-left-section .survey-questions {max-height: 250px;}.survey-tabs {gap: 6px;}.survey-tabs .tab-btn {flex: 1 1 100%;min-width: 100%;font-size: 12px;padding: 10px 8px;}#taskModal .modal-footer,#edit_taskModal .modal-footer,#new_taskModal .modal-footer {flex-direction: column;gap: 8px;}#taskModal .modal-footer button,#edit_taskModal .modal-footer button,#new_taskModal .modal-footer button {width: 100%;}.history-items {max-height: 300px;}.history-item {padding: 10px;}.history-badge-top {font-size: 11px;padding: 4px 8px;}.history-date {font-size: 10px;}.history-manager {font-size: 11px;}.history-changes {flex-direction: column;gap: 8px;}.change-arrow {transform: rotate(90deg);font-size: 16px;}.change-value {font-size: 11px;padding: 5px 6px;}.history-note {font-size: 10px;}.call-item {padding: 10px;}.call-header {flex-direction: column;align-items: flex-start;gap: 4px;}.call-duration,.call-status {font-size: 11px;}}@media (max-width: 360px) {#taskModal .modal-content,#edit_taskModal .modal-content,#new_taskModal .modal-content {padding: 8px;}#taskModal .modal-header h2,#edit_taskModal .modal-header h2,#new_taskModal .modal-header h2 {font-size: 16px;}.survey-tabs .tab-btn {font-size: 11px;padding: 8px 6px;}#taskModal .survey-questions .question-item > label,#edit_taskModal .survey-questions .question-item > label,#new_taskModal .survey-questions .question-item > label {font-size: 12px;}.history-badge-top {font-size: 10px;padding: 3px 6px;}.change-value {font-size: 10px;padding: 4px 5px;}}@media (max-width: 768px) {#taskModal .form-group input,#taskModal .form-group select,#taskModal .form-group textarea,#edit_taskModal .form-group input,#edit_taskModal .form-group select,#edit_taskModal .form-group textarea,#new_taskModal .form-group input,#new_taskModal .form-group select,#new_taskModal .form-group textarea {min-height: 42px;font-size: 14px;padding: 10px 12px;}#taskModal .form-group textarea,#edit_taskModal .form-group textarea,#new_taskModal .form-group textarea {min-height: 80px;}#taskModal .form-group label,#edit_taskModal .form-group label,#new_taskModal .form-group label {font-size: 13px;font-weight: 600;margin-bottom: 6px;}}@media (max-width: 480px) {#taskModal .form-group input,#taskModal .form-group select,#taskModal .form-group textarea,#edit_taskModal .form-group input,#edit_taskModal .form-group select,#edit_taskModal .form-group textarea,#new_taskModal .form-group input,#new_taskModal .form-group select,#new_taskModal .form-group textarea {min-height: 44px;padding: 12px 14px;border-radius: 8px;}#taskModal .form-group textarea,#edit_taskModal .form-group textarea,#new_taskModal .form-group textarea {min-height: 100px;}.survey-questions .question-item input,.survey-questions .question-item select,.survey-questions .question-item textarea {min-height: 44px;font-size: 16px;padding: 12px 14px;border-radius: 8px;}.survey-questions .question-item textarea {min-height: 80px;}#taskModal .form-group label,#edit_taskModal .form-group label,#new_taskModal .form-group label {margin-bottom: 8px;font-size: 14px;}.close-btn {width: 40px;height: 40px;font-size: 28px;}}.m-0 {margin: 0;}.m-1 {margin: var(--spacing-xs);}.m-2 {margin: var(--spacing-sm);}.m-3 {margin: var(--spacing-md);}.m-4 {margin: var(--spacing-lg);}.m-5 {margin: var(--spacing-xl);}.m-6 {margin: var(--spacing-xxl);}.mt-0 {margin-top: 0;}.mt-1 {margin-top: var(--spacing-xs);}.mt-2 {margin-top: var(--spacing-sm);}.mt-3 {margin-top: var(--spacing-md);}.mt-4 {margin-top: var(--spacing-lg);}.mt-5 {margin-top: var(--spacing-xl);}.mt-6 {margin-top: var(--spacing-xxl);}.mb-0 {margin-bottom: 0;}.mb-1 {margin-bottom: var(--spacing-xs);}.mb-2 {margin-bottom: var(--spacing-sm);}.mb-3 {margin-bottom: var(--spacing-md);}.mb-4 {margin-bottom: var(--spacing-lg);}.mb-5 {margin-bottom: var(--spacing-xl);}.mb-6 {margin-bottom: var(--spacing-xxl);}.p-0 {padding: 0;}.p-1 {padding: var(--spacing-xs);}.p-2 {padding: var(--spacing-sm);}.p-3 {padding: var(--spacing-md);}.p-4 {padding: var(--spacing-lg);}.p-5 {padding: var(--spacing-xl);}.p-6 {padding: var(--spacing-xxl);}.text-primary {color: var(--text-primary);}.text-secondary {color: var(--text-secondary);}.text-muted {color: var(--text-muted);}.text-brand {color: var(--primary-color);}.text-xs {font-size: var(--font-size-xs);}.text-sm {font-size: var(--font-size-sm);}.text-md {font-size: var(--font-size-md);}.text-lg {font-size: var(--font-size-lg);}.text-xl {font-size: var(--font-size-xl);}.text-xxl {font-size: var(--font-size-xxl);}.text-center {text-align: center;}.text-left {text-align: left;}.text-right {text-align: right;}.font-normal {font-weight: 400;}.font-medium {font-weight: 500;}.font-semibold {font-weight: 600;}.font-bold {font-weight: 700;}.bg-primary {background: var(--background-primary);}.bg-secondary {background: var(--background-secondary);}.bg-card {background: var(--background-card);}.bg-brand {background: var(--primary-color);}.bg-brand-light {background: var(--primary-light);}.border {border: 1px solid var(--border-color);}.border-brand {border: 1px solid var(--primary-border);}.border-none {border: none;}.rounded-sm {border-radius: var(--radius-sm);}.rounded-md {border-radius: var(--radius-md);}.rounded-lg {border-radius: var(--radius-lg);}.rounded-xl {border-radius: var(--radius-xl);}.rounded-full {border-radius: 50%;}.d-flex {display: flex;}.d-inline-flex {display: inline-flex;}.d-block {display: block;}.d-inline-block {display: inline-block;}.d-none {display: none;}.flex-center {display: flex;align-items: center;justify-content: center;}.flex-between {display: flex;align-items: center;justify-content: space-between;}.flex-row {flex-direction: row;}.flex-col {flex-direction: column;}.flex-wrap {flex-wrap: wrap;}.flex-nowrap {flex-wrap: nowrap;}.justify-start {justify-content: flex-start;}.justify-center {justify-content: center;}.justify-end {justify-content: flex-end;}.justify-between {justify-content: space-between;}.justify-around {justify-content: space-around;}.items-start {align-items: flex-start;}.items-center {align-items: center;}.items-end {align-items: flex-end;}.items-stretch {align-items: stretch;}.flex-1 {flex: 1;}.flex-auto {flex: auto;}.flex-none {flex: none;}.flex-grow {flex-grow: 1;}.flex-shrink-0 {flex-shrink: 0;}.relative {position: relative;}.absolute {position: absolute;}.fixed {position: fixed;}.sticky {position: sticky;}.shadow-sm {box-shadow: var(--shadow-sm);}.shadow-md {box-shadow: var(--shadow-md);}.shadow-lg {box-shadow: var(--shadow-lg);}.shadow-primary {box-shadow: var(--shadow-primary);}.shadow-none {box-shadow: none;}.transition {transition: var(--transition-normal);}.transition-fast {transition: var(--transition-fast);}.transition-slow {transition: var(--transition-slow);}.cursor-pointer {cursor: pointer;}.cursor-default {cursor: default;}.cursor-not-allowed {cursor: not-allowed;}.opacity-0 {opacity: 0;}.opacity-25 {opacity: 0.25;}.opacity-50 {opacity: 0.5;}.opacity-75 {opacity: 0.75;}.opacity-100 {opacity: 1;}.transform {transform: translateZ(0);}.scale-95 {transform: scale(0.95);}.scale-100 {transform: scale(1);}.scale-105 {transform: scale(1.05);}.scale-110 {transform: scale(1.1);}.overflow-hidden {overflow: hidden;}.overflow-visible {overflow: visible;}.overflow-scroll {overflow: scroll;}.overflow-auto {overflow: auto;}.w-auto {width: auto;}.w-full {width: 100%;}.w-screen {width: 100%;}.w-fit {width: fit-content;}.h-auto {height: auto;}.h-full {height: 100%;}.h-screen {height: 100vh;}.h-fit {height: fit-content;}.z-0 {z-index: 0;}.z-10 {z-index: 10;}.z-20 {z-index: 20;}.z-30 {z-index: 30;}.z-40 {z-index: 40;}.z-50 {z-index: 50;}.hover\:scale-105:hover {transform: scale(1.05);}.hover\:shadow-lg:hover {box-shadow: var(--shadow-lg);}.hover\:bg-brand-light:hover {background: var(--primary-light);}.hover\:text-brand:hover {color: var(--primary-color);}.focus\:outline-none:focus {outline: none;}.focus\:ring:focus {box-shadow: 0 0 0 3px var(--primary-shadow);}* {margin: 0;padding: 0;box-sizing: border-box;}html {overflow-x: hidden;}:root {--primary-color: #b48aff;--primary-dark: #9c6fff;--primary-light: rgba(180, 138, 255, 0.1);--primary-border: rgba(180, 138, 255, 0.3);--primary-shadow: rgba(180, 138, 255, 0.2);--background-primary: #1a1b2e;--background-secondary: #16213e;--background-tertiary: #0f3460;--background-dark: #0f1419;--background-card: rgba(26, 27, 46, 0.8);--background-overlay: rgba(15, 20, 25, 0.8);--background-input: rgba(15, 20, 25, 0.8);--text-primary: #e8eaed;--text-secondary: #9aa0a6;--text-muted: #5f6368;--text-placeholder: #5f6368;--border-color: rgba(180, 138, 255, 0.2);--border-color-hover: rgba(180, 138, 255, 0.4);--border-radius-input: rgba(180, 138, 255, 0.3);--backdrop-blur: blur(10px);--backdrop-blur-strong: blur(20px);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--spacing-huge: 40px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-xxl: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.15);--shadow-lg: 0 8px 25px rgba(0, 0, 0, 0.2);--shadow-primary: 0 4px 16px rgba(180, 138, 255, 0.2);--shadow-primary-lg: 0 8px 25px rgba(180, 138, 255, 0.3);--transition-fast: 0.2s ease;--transition-normal: 0.3s ease;--transition-slow: 0.5s ease;--transition-spring: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-xxl: 20px;--font-size-huge: 24px;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-padding-sm: 8px 16px;--button-padding-md: 12px 24px;--button-padding-lg: 16px 32px;}body {font-family: var(--font-family);background: linear-gradient(135deg,var(--background-primary) 0%,var(--background-secondary) 50%,var(--background-tertiary) 100%);color: var(--text-primary);height: 100vh;overflow: hidden;margin: 0;padding: 0;position: relative;}body::before {content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at 20% 20%,rgba(180, 138, 255, 0.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(138, 180, 255, 0.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255, 138, 180, 0.05) 0%,transparent 50%);pointer-events: none;z-index: -1;}.custom-scrollbar::-webkit-scrollbar,.kanban-board::-webkit-scrollbar,.survey-questions::-webkit-scrollbar,body.reports-page::-webkit-scrollbar {width: 8px;}.kanban-board::-webkit-scrollbar {height: 8px;width: auto;}.kanban-tasks::-webkit-scrollbar {width: 6px;}.kanban-tasks::-webkit-scrollbar-track {background: rgba(26, 27, 46, 0.5);border-radius: 6px;}.kanban-tasks::-webkit-scrollbar-thumb {background: rgba(180, 138, 255, 0.5);border-radius: 6px;}.kanban-tasks::-webkit-scrollbar-thumb:hover {background: rgba(180, 138, 255, 0.7);}.history-items::-webkit-scrollbar {width: 5px;}.history-items::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.05);border-radius: 3px;}.history-items::-webkit-scrollbar-thumb {background: rgba(180, 138, 255, 0.5);border-radius: 3px;}.history-items::-webkit-scrollbar-thumb:hover {background: rgba(180, 138, 255, 0.7);}.survey-questions::-webkit-scrollbar {width: 5px;}.survey-questions::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.05);border-radius: 3px;}.survey-questions::-webkit-scrollbar-thumb {background: rgba(180, 138, 255, 0.5);border-radius: 3px;}.survey-questions::-webkit-scrollbar-thumb:hover {background: rgba(180, 138, 255, 0.7);}.tab-content::-webkit-scrollbar {width: 5px;}.tab-content::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.05);border-radius: 3px;}.tab-content::-webkit-scrollbar-thumb {background: rgba(180, 138, 255, 0.5);border-radius: 3px;}.tab-content::-webkit-scrollbar-thumb:hover {background: rgba(180, 138, 255, 0.7);}.calls-list::-webkit-scrollbar {width: 6px;}.calls-list::-webkit-scrollbar-track {background: rgba(35, 36, 58, 0.3);border-radius: 3px;}.calls-list::-webkit-scrollbar-thumb {background: rgba(180, 138, 255, 0.5);border-radius: 3px;transition: background 0.3s ease;}.calls-list::-webkit-scrollbar-thumb:hover {background: rgba(180, 138, 255, 0.7);}.custom-scrollbar::-webkit-scrollbar-track,.kanban-board::-webkit-scrollbar-track,.survey-questions::-webkit-scrollbar-track,body.reports-page::-webkit-scrollbar-track {background: rgba(26, 27, 46, 0.6);border-radius: 6px;border: 1px solid rgba(180, 138, 255, 0.1);}.custom-scrollbar::-webkit-scrollbar-thumb,.kanban-board::-webkit-scrollbar-thumb,.survey-questions::-webkit-scrollbar-thumb,body.reports-page::-webkit-scrollbar-thumb {background: linear-gradient(135deg,rgba(180, 138, 255, 0.6) 0%,rgba(156, 111, 255, 0.6) 100%);border-radius: 6px;border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 2px 8px rgba(180, 138, 255, 0.3);}.custom-scrollbar::-webkit-scrollbar-thumb:hover,.kanban-board::-webkit-scrollbar-thumb:hover,.survey-questions::-webkit-scrollbar-thumb:hover,body.reports-page::-webkit-scrollbar-thumb:hover {background: linear-gradient(135deg,rgba(180, 138, 255, 0.8) 0%,rgba(156, 111, 255, 0.8) 100%);box-shadow: 0 4px 12px rgba(180, 138, 255, 0.5);}.hidden {display: none !important;}.invisible {visibility: hidden;}.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;}.overflow-hidden {overflow: hidden;}.overflow-auto {overflow: auto;}.w-full {width: 100%;}.h-full {height: 100%;}.rounded-sm {border-radius: var(--radius-sm);}.rounded-md {border-radius: var(--radius-md);}.rounded-lg {border-radius: var(--radius-lg);}.rounded-xl {border-radius: var(--radius-xl);}.shadow-sm {box-shadow: var(--shadow-sm);}.shadow-md {box-shadow: var(--shadow-md);}.shadow-lg {box-shadow: var(--shadow-lg);}.shadow-xl {box-shadow: var(--shadow-xl);}.transition-fast {transition: all var(--transition-fast);}.transition-normal {transition: all var(--transition-normal);}.transition-slow {transition: all var(--transition-slow);}.bg-primary {background: var(--primary-color);}.bg-primary-gradient {background: linear-gradient(135deg,var(--primary-color),var(--primary-dark));}.bg-backdrop {background: rgba(var(--background-primary), 0.95);backdrop-filter: var(--backdrop-blur);}.text-primary {color: var(--text-primary);}.text-secondary {color: var(--text-secondary);}.text-accent {color: var(--primary-color);}.border {border: 1px solid var(--border-color);}.border-hover:hover {border-color: var(--border-color-hover);}.global-header {background: rgba(26, 27, 46, 0.7);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-bottom: 1px solid rgba(180, 138, 255, 0.2);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.05);position: fixed;top: 0;left: 0;right: 0;z-index: 1500;height: 60px;}.global-header-content {display: flex;justify-content: space-between;align-items: center;padding: 0 var(--spacing-xl);height: 100%;max-width: 1600px;margin: 0 auto;}.logo-section {display: flex;align-items: center;gap: var(--spacing-lg);flex-shrink: 0;}.header-buttons {display: flex;align-items: center;gap: var(--spacing-sm);}.logo {display: flex;align-items: center;gap: var(--spacing-md);font-size: var(--font-size-xxl);font-weight: 700;color: var(--text-primary);text-decoration: none;}.logo-icon {font-size: var(--font-size-huge);background: linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius: var(--radius-md);padding: var(--spacing-sm);display: flex;align-items: center;justify-content: center;}.logo-text {background: linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.main-navigation {flex-grow: 1;display: flex;justify-content: center;}.nav-menu {display: flex;list-style: none;margin: 0;padding: 0;gap: var(--spacing-xxl);}.nav-item {position: relative;}.nav-link {color: var(--text-secondary);text-decoration: none;font-size: var(--font-size-md);font-weight: 500;padding: 18px var(--spacing-lg);display: block;transition: var(--transition-normal);border-radius: var(--radius-md);}.nav-link:hover {color: var(--primary-color);background: var(--primary-light);}.nav-item.active .nav-link {color: var(--primary-color);background: rgba(180, 138, 255, 0.15);}.header-actions {flex-shrink: 0;}.header-btn,.fullscreen-btn,.refresh-btn {width: var(--button-height-md);height: var(--button-height-md);background: var(--background-card);border: 1px solid var(--primary-border);border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition-normal);color: var(--text-secondary);font-size: var(--font-size-lg);}.header-btn:hover,.fullscreen-btn:hover,.refresh-btn:hover {border-color: var(--primary-color);background: var(--primary-light);color: var(--primary-color);transform: translateY(-2px);box-shadow: var(--shadow-primary);}.header-btn:active,.fullscreen-btn:active,.refresh-btn:active {transform: translateY(0);}.header-btn.active,.fullscreen-btn.fullscreen-active {background: rgba(180, 138, 255, 0.2);border-color: var(--primary-color);color: var(--primary-color);}.refresh-btn.loading {background: rgba(180, 138, 255, 0.15);border-color: var(--primary-color);color: var(--primary-color);pointer-events: none;}.refresh-btn.loading .refresh-icon {animation: rotate 1s linear infinite;}@keyframes rotate {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}.user-profile {flex-shrink: 0;}.profile-dropdown {position: relative;display: flex;align-items: center;gap: 12px;padding: 8px 16px;border-radius: 12px;cursor: pointer;transition: all 0.3s ease;}.profile-dropdown:hover {background: rgba(180, 138, 255, 0.1);}.profile-avatar {width: 36px;height: 36px;background: linear-gradient(135deg, #b48aff, #9c6fff);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 600;color: white;}.profile-name {font-size: 14px;font-weight: 500;color: #e8eaed;}.dropdown-arrow {font-size: 12px;color: #9aa0a6;transition: transform 0.3s ease;}.profile-dropdown.active .dropdown-arrow {transform: rotate(180deg);}.dropdown-menu {position: absolute;top: 100%;right: 0;background: rgba(26, 27, 46, 0.95);backdrop-filter: blur(10px);border: 1px solid rgba(180, 138, 255, 0.2);border-radius: 12px;padding: 8px;min-width: 180px;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease;z-index: 1000;}.dropdown-menu.show {opacity: 1;visibility: visible;transform: translateY(0);}.profile-dropdown.active {background: rgba(180, 138, 255, 0.1);color: #b48aff;}.dropdown-item {display: flex;align-items: center;gap: 12px;padding: 12px 16px;border-radius: 8px;cursor: pointer;transition: all 0.3s ease;color: #e8eaed;font-size: 14px;text-decoration: none;}.dropdown-item:hover {background: rgba(180, 138, 255, 0.1);color: #b48aff;}.dropdown-divider {height: 1px;background: rgba(180, 138, 255, 0.2);margin: 8px 0;border: none;}.dropdown-icon {font-size: 16px;}.alert-container {position: fixed;top: 80px;right: 20px;z-index: 2000;display: flex;flex-direction: column;gap: 10px;align-items: flex-end;}.alert {padding: 16px 24px;border-radius: 12px;color: #ffffff;font-weight: 500;font-size: 14px;background: linear-gradient(135deg,rgba(35, 36, 58, 0.98) 0%,rgba(26, 27, 46, 0.98) 100%);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(180, 138, 255, 0.2);transform: translateX(400px);opacity: 0;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);min-width: 300px;max-width: 520px;display: flex;align-items: center;gap: 12px;margin-top: 8px;}.alert .alert-text {flex: 1 1 auto;word-break: break-word;}.alert .undo-btn {background: rgba(255, 255, 255, 0.12);border: 1px solid rgba(255, 255, 255, 0.08);color: #fff;padding: 6px 10px;border-radius: 8px;cursor: pointer;font-weight: 600;font-size: 13px;transition: background 0.2s ease;}.alert .undo-btn:hover {background: rgba(255, 255, 255, 0.18);}.alert .cancel-btn {background: rgba(255, 255, 255, 0.12);border: 1px solid rgba(255, 255, 255, 0.08);color: #fff;padding: 6px 10px;border-radius: 8px;cursor: pointer;font-weight: 600;font-size: 13px;transition: background 0.2s ease;}.alert .cancel-btn:hover {background: rgba(255, 255, 255, 0.18);}.alert .spinner {width: 16px;height: 16px;border: 2px solid rgba(255, 255, 255, 0.22);border-top-color: rgba(255, 255, 255, 0.9);border-radius: 50%;animation: spinner-rotate 0.9s linear infinite;flex: 0 0 16px;}@keyframes spinner-rotate {to {transform: rotate(360deg);}}.alert.show {transform: translateX(0);opacity: 1;}.alert.success {border: 1.5px solid rgba(34, 197, 94, 0.6);box-shadow: 0 8px 32px rgba(34, 197, 94, 0.2),0 0 0 1px rgba(34, 197, 94, 0.3);}.alert.success::before {content: "✓";color: #22c55e;font-weight: 700;font-size: 18px;margin-right: 4px;}.alert.error {border: 1.5px solid rgba(239, 68, 68, 0.6);box-shadow: 0 8px 32px rgba(239, 68, 68, 0.2),0 0 0 1px rgba(239, 68, 68, 0.3);}.alert.error::before {content: "✕";color: #ef4444;font-weight: 700;font-size: 18px;margin-right: 4px;}.alert.info {border: 1.5px solid rgba(59, 130, 246, 0.6);box-shadow: 0 8px 32px rgba(59, 130, 246, 0.2),0 0 0 1px rgba(59, 130, 246, 0.3);}.alert.info::before {content: "ℹ";color: #3b82f6;font-weight: 700;font-size: 18px;margin-right: 4px;}.app-header {background: rgba(26, 27, 46, 0.7);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-bottom: 1px solid rgba(180, 138, 255, 0.2);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.05);padding: 0 20px;position: sticky;margin-top: 56px;top: 0;z-index: 100;}.header-content {display: flex;justify-content: space-between;align-items: center;padding: 16px 0;max-width: 100%;margin: 0 auto;}.header-left {display: flex;align-items: center;gap: 24px;}.cards-counter {display: flex;align-items: center;gap: 8px;background: rgba(26, 27, 46, 0.8);border: 1px solid rgba(180, 138, 255, 0.3);border-radius: 12px;padding: 8px 16px;font-size: 14px;}.counter-label {color: var(--text-secondary);font-weight: 500;}.counter-value {color: var(--primary-color);font-weight: 700;font-size: 16px;}.app-title {font-size: 24px;font-weight: 700;background: linear-gradient(135deg, #b48aff, #9c6fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.status-type-filters {display: flex;align-items: center;gap: 12px;}.status-filter-toggle {display: flex;align-items: center;gap: 8px;background: rgba(26, 27, 46, 0.6);border: 1px solid rgba(180, 138, 255, 0.2);border-radius: 10px;padding: 8px 14px;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);font-size: 13px;font-weight: 500;color: rgba(255, 255, 255, 0.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);opacity: 0.6;}.status-filter-toggle .filter-icon {font-size: 16px;font-weight: bold;opacity: 0.6;transition: all 0.3s ease;}.status-filter-toggle .filter-label {transition: all 0.3s ease;}.status-filter-toggle.active {opacity: 1;border-color: rgba(180, 138, 255, 0.4);background: rgba(180, 138, 255, 0.1);color: rgba(255, 255, 255, 0.9);}.status-filter-toggle.active .filter-icon {opacity: 1;}.status-filter-toggle[data-status-type="cancelled"].active {border-color: rgba(255, 107, 107, 0.5);background: rgba(255, 107, 107, 0.15);color: #ff6b6b;}.status-filter-toggle[data-status-type="cancelled"].active .filter-icon {color: #ff6b6b;}.status-filter-toggle[data-status-type="successful"].active {border-color: rgba(76, 217, 100, 0.5);background: rgba(76, 217, 100, 0.15);color: #4cd964;}.status-filter-toggle[data-status-type="successful"].active .filter-icon {color: #4cd964;}.status-filter-toggle:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}.status-filter-toggle:active {transform: translateY(0);}.header-controls {display: flex;align-items: center;gap: 20px;}.search-box {display: flex;align-items: center;background: rgba(26, 27, 46, 0.8);border: 1px solid rgba(180, 138, 255, 0.3);border-radius: 12px;padding: 0 16px;height: 44px;min-width: 300px;transition: all 0.3s ease;}.search-box:focus-within {border-color: #b48aff;box-shadow: 0 0 0 2px rgba(180, 138, 255, 0.2);}.search-icon {color: #b48aff;margin-right: 12px;font-size: 16px;}#searchInput {background: transparent;border: none;color: #e8eaed;font-size: 14px;width: 100%;outline: none;}#searchInput::placeholder {color: #9aa0a6;}.filter-icon-btn {background: rgba(26, 27, 46, 0.8);border: 1px solid rgba(180, 138, 255, 0.3);border-radius: 12px;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;color: #b48aff;font-size: 18px;}.filter-icon-btn:hover {border-color: #b48aff;background: rgba(180, 138, 255, 0.1);transform: translateY(-2px);box-shadow: 0 4px 16px rgba(180, 138, 255, 0.2);}.filter-icon-btn:active {transform: translateY(0);}.clear-filters-btn {background: linear-gradient(135deg, rgba(255, 107, 107, 0.15), rgba(255, 138, 138, 0.15));border: 1px solid rgba(255, 107, 107, 0.4);border-radius: 12px;padding: 10px 18px;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);color: #ff6b6b;display: flex;align-items: center;gap: 8px;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);animation: slideInRight 0.3s ease-out;font-size: 14px;font-weight: 500;white-space: nowrap;}.clear-filters-btn:hover {background: linear-gradient(135deg, rgba(255, 107, 107, 0.25), rgba(255, 138, 138, 0.25));border-color: rgba(255, 107, 107, 0.6);transform: translateY(-2px);box-shadow: 0 4px 16px rgba(255, 107, 107, 0.3);}.clear-filters-btn:active {transform: translateY(0);box-shadow: 0 2px 8px rgba(255, 107, 107, 0.2);}.clear-filters-btn .clear-icon {font-size: 16px;font-weight: bold;line-height: 1;}@keyframes slideInRight {from {opacity: 0;transform: translateX(20px);}to {opacity: 1;transform: translateX(0);}}.add-task-btn {background: rgba(180, 138, 255, 0.8);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);color: white;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 12px;padding: 12px 24px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;gap: 8px;box-shadow: 0 4px 16px rgba(180, 138, 255, 0.3),0 0 0 1px rgba(255, 255, 255, 0.1);}.add-task-btn:hover {background: rgba(180, 138, 255, 0.9);transform: translateY(-2px);box-shadow: 0 6px 24px rgba(180, 138, 255, 0.4),0 0 0 1px rgba(255, 255, 255, 0.2);}.add-task-btn:active {transform: translateY(0);}.funnel-selector {display: flex;align-items: center;gap: 8px;}.funnel-selector label {color: #e8eaed;font-size: 14px;font-weight: 500;white-space: nowrap;}.funnel-selector select {background: rgba(35, 36, 58, 0.8);border: 1px solid rgba(180, 138, 255, 0.3);border-radius: 8px;padding: 8px 12px;color: #e8eaed;font-size: 14px;cursor: pointer;transition: all 0.3s ease;min-width: 200px;height: 44px;}.funnel-selector select:hover {border-color: rgba(180, 138, 255, 0.5);background: rgba(35, 36, 58, 0.9);}.funnel-selector select:focus {outline: none;border-bottom: 2px solid #b48aff;box-shadow: none;}.funnel-selector select option {background: #23243a;color: #e8eaed;}.advanced-filters-panel {background: rgba(25, 26, 42, 0.98);border-bottom: 1px solid rgba(180, 138, 255, 0.2);padding: 0;max-height: 0;overflow: hidden;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);backdrop-filter: blur(10px);}.advanced-filters-panel.open {max-height: 800px;padding: 24px;}.filters-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;margin-bottom: 24px;}.filter-section {background: rgba(35, 36, 58, 0.7);border: 1px solid rgba(180, 138, 255, 0.15);border-radius: 8px;padding: 16px;min-height: 120px;}.filter-section.marketing-section,.filter-section.additional-section {grid-column: span 5;background: rgba(45, 46, 68, 0.6);border-color: rgba(180, 138, 255, 0.2);}.filter-label {color: #e8eaed;font-size: 11px;font-weight: 700;margin: 0 0 12px 0;text-transform: uppercase;letter-spacing: 1px;opacity: 0.8;}.filter-title {color: #9aa0a6;font-size: 12px;font-weight: 500;display: block;margin-bottom: 6px;}.filter-select {width: 100%;background: rgba(55, 56, 78, 0.9);border: 1px solid rgba(180, 138, 255, 0.25);border-radius: 6px;padding: 8px 12px;color: #e8eaed;font-size: 13px;cursor: pointer;transition: all 0.3s ease;}.filter-select:hover {border-color: rgba(180, 138, 255, 0.4);background: rgba(55, 56, 78, 1);}.filter-select:focus {outline: none;border-bottom: 2px solid #b48aff;box-shadow: none;}.filter-toggle-group {display: flex;gap: 8px;margin-top: 8px;}.toggle-option {display: flex;align-items: center;gap: 6px;cursor: pointer;font-size: 12px;color: #9aa0a6;transition: color 0.3s ease;}.toggle-option:hover {color: #e8eaed;}.toggle-option input[type="radio"] {width: 14px;height: 14px;accent-color: #b48aff;}.date-separator {color: #9aa0a6;font-size: 14px;font-weight: 500;}.marketing-inputs {display: grid;grid-template-columns: repeat(5, 1fr);gap: 16px;}.input-group {display: flex;flex-direction: column;gap: 6px;}.input-group label {color: #9aa0a6;font-size: 11px;font-weight: 500;}.text-input {background: rgba(55, 56, 78, 0.9);border: 1px solid rgba(180, 138, 255, 0.25);border-radius: 6px;padding: 8px 10px;color: #e8eaed;font-size: 12px;transition: all 0.3s ease;}.text-input:hover {border-color: rgba(180, 138, 255, 0.4);}.text-input:focus {outline: none;border-bottom: 2px solid #b48aff;box-shadow: none;}.additional-filters {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 16px;align-items: start;}.age-range {display: flex;align-items: center;gap: 8px;}.number-input {flex: 1;background: rgba(55, 56, 78, 0.9);border: 1px solid rgba(180, 138, 255, 0.25);border-radius: 6px;padding: 6px 8px;color: #e8eaed;font-size: 12px;width: 60px;}.range-separator {color: #9aa0a6;font-size: 12px;}.checkbox-group {display: flex;flex-direction: column;gap: 8px;}.checkbox-label {display: flex;align-items: center;gap: 6px;cursor: pointer;font-size: 12px;color: #9aa0a6;}.checkbox-label input[type="checkbox"] {width: 14px;height: 14px;accent-color: #b48aff;}.select-group {display: flex;flex-direction: column;gap: 6px;}.filter-controls {display: flex;gap: 12px;justify-content: flex-end;padding-top: 20px;border-top: 1px solid rgba(180, 138, 255, 0.1);}.btn-clear,.btn-save,.btn-apply {padding: 10px 20px;border: none;border-radius: 6px;font-size: 13px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;}.btn-clear {background: rgba(55, 56, 78, 0.8);color: #9aa0a6;border: 1px solid rgba(180, 138, 255, 0.2);}.btn-save {background: rgba(107, 114, 128, 0.8);color: #e8eaed;}.btn-apply {background: linear-gradient(135deg, #3b82f6, #1d4ed8);color: white;}.btn-clear:hover,.btn-save:hover,.btn-apply:hover {transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}@media (max-width: 1200px) {.filters-grid {grid-template-columns: repeat(3, 1fr);}.filter-section.marketing-section,.filter-section.additional-section {grid-column: span 3;}.marketing-inputs {grid-template-columns: repeat(3, 1fr);}}@media (max-width: 768px) {.global-header-content {padding: 0 16px;}.main-navigation {display: none;}.logo-text {display: none;}.profile-name {display: none;}.nav-menu {gap: 16px;}.dropdown-menu {right: -8px;min-width: 160px;}}@media (max-width: 480px) {.global-header {height: 56px;}.app-header {margin-top: 56px;}.alert-container {top: 76px;}}@media (max-width: 768px) {.filters-grid {grid-template-columns: 1fr;}.filter-section.marketing-section,.filter-section.additional-section {grid-column: span 1;}.marketing-inputs {grid-template-columns: 1fr;}.filter-controls {flex-direction: column;}.additional-filters {grid-template-columns: 1fr;}}.kanban-container {max-width: 100%;margin: 0 auto;overflow: hidden;}.kanban-board {display: flex;gap: 12px;overflow-x: auto;overflow-y: hidden;padding: 15px;height: 100%;scroll-behavior: smooth;}.kanban-column,.kanban-group {background: linear-gradient(145deg,rgba(35, 36, 58, 0.9) 0%,rgba(26, 27, 46, 0.9) 100%);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1.5px solid rgba(180, 138, 255, 0.25);border-radius: 14px;padding: 14px;display: flex;flex-direction: column;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);flex-shrink: 0;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.04);position: relative;height: calc(100vh - 220px);min-height: 0;}.kanban-column {width: 320px;min-width: 320px;max-width: 320px;}.kanban-group {min-width: 320px;width: auto;max-width: none;}.kanban-column:hover,.kanban-group:hover,.kanban-sub-column:hover {border-color: rgba(180, 138, 255, 0.5);background: linear-gradient(145deg,rgba(35, 36, 58, 0.95) 0%,rgba(26, 27, 46, 0.95) 100%);box-shadow: 0 6px 28px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(180, 138, 255, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.06);transform: translateY(-2px);}.kanban-column.empty-column {width: 320px;min-width: 320px;max-width: 320px;}.kanban-sub-column.empty-column {width: 280px;min-width: 280px;max-width: 280px;}.group-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;padding: 10px 12px;background: linear-gradient(135deg,rgba(180, 138, 255, 0.12) 0%,rgba(156, 111, 255, 0.08) 100%);border-radius: 8px;border: 1px solid rgba(180, 138, 255, 0.25);position: relative;overflow: hidden;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2),inset 0 1px 0 rgba(255, 255, 255, 0.06);}.group-header::before {content: "";position: absolute;top: 0;left: 0;width: 3px;height: 100%;background: linear-gradient(180deg, #b48aff, #9c6fff);box-shadow: 0 0 12px rgba(180, 138, 255, 0.7);}.group-title {font-size: 12px;font-weight: 700;color: #ffffff;text-transform: uppercase;letter-spacing: 0.6px;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);padding-left: 2px;flex: 1;min-width: 0;word-wrap: break-word;overflow-wrap: break-word;}.group-count {background: linear-gradient(135deg, #b48aff 0%, #9c6fff 100%);color: white;border-radius: 8px;min-width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;padding: 0 8px;font-size: 12px;font-weight: 700;box-shadow: 0 4px 14px rgba(180, 138, 255, 0.5),inset 0 1px 0 rgba(255, 255, 255, 0.25);flex-shrink: 0;border: 1px solid rgba(255, 255, 255, 0.12);}.sub-columns {display: flex;flex-direction: row;gap: 10px;flex: 1;min-height: 0;padding: 6px;background: rgba(0, 0, 0, 0.08);border-radius: 10px;border: 1px solid rgba(180, 138, 255, 0.1);overflow-y: hidden;overflow-x: auto;}.kanban-sub-column {background: linear-gradient(145deg,rgba(35, 36, 58, 0.9) 0%,rgba(26, 27, 46, 0.9) 100%);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1.5px solid rgba(180, 138, 255, 0.25);border-radius: 12px;padding: 12px;min-height: 0;display: flex;flex-direction: column;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);width: 280px;min-width: 280px;max-width: 280px;flex-shrink: 0;box-sizing: border-box;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.04);}.column-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;padding: 10px 12px;background: linear-gradient(135deg,rgba(180, 138, 255, 0.12) 0%,rgba(156, 111, 255, 0.08) 100%);border-radius: 8px;border: 1px solid rgba(180, 138, 255, 0.25);gap: 6px;position: relative;overflow: hidden;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2),inset 0 1px 0 rgba(255, 255, 255, 0.06);}.column-header::before {content: "";position: absolute;top: 0;left: 0;width: 3px;height: 100%;background: linear-gradient(180deg, #b48aff, #9c6fff);box-shadow: 0 0 10px rgba(180, 138, 255, 0.6);}.column-title {font-size: 11px;font-weight: 700;color: #ffffff;line-height: 1.3;word-wrap: break-word;overflow-wrap: break-word;flex: 1;min-width: 0;text-transform: uppercase;letter-spacing: 0.5px;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);padding-left: 2px;}.column-count {background: linear-gradient(135deg, #b48aff 0%, #9c6fff 100%);color: white;border-radius: 8px;min-width: 26px;height: 26px;display: flex;align-items: center;justify-content: center;padding: 0 8px;font-size: 12px;font-weight: 700;box-shadow: 0 4px 12px rgba(180, 138, 255, 0.45),inset 0 1px 0 rgba(255, 255, 255, 0.25);flex-shrink: 0;border: 1px solid rgba(255, 255, 255, 0.12);}.kanban-tasks {display: flex;flex-direction: column;gap: 10px;flex: 1;overflow-y: auto;overflow-x: hidden;padding: 8px 6px;margin: -8px -6px;border-radius: 8px;-webkit-overflow-scrolling: touch;scroll-behavior: smooth;min-height: 0;height: auto;}.kanban-tasks.updating {opacity: 0.7;filter: blur(0.5px);transition: all 0.2s ease;}.kanban-tasks.loaded {animation: fadeInUp 0.4s cubic-bezier(0.4, 0, 0.2, 1);}@keyframes fadeInUp {from {opacity: 0;transform: translateY(10px);}to {opacity: 1;transform: translateY(0);}}.kanban-task {background: linear-gradient(145deg,rgba(45, 46, 68, 0.92) 0%,rgba(35, 36, 58, 0.92) 100%);border: 1.5px solid rgba(180, 138, 255, 0.3);border-radius: 10px;padding: 12px;cursor: pointer;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25),inset 0 1px 0 rgba(255, 255, 255, 0.06);position: relative;width: 100%;box-sizing: border-box;display: flex;flex-direction: column;gap: 8px;transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);overflow: visible;min-height: auto;height: auto;}.kanban-task::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #b48aff, #9c6fff, #b48aff);border-radius: 10px 10px 0 0;opacity: 0;transition: opacity 0.25s ease;z-index: 1;}.kanban-task:hover::before {opacity: 1;}.kanban-task:hover {cursor: pointer;border-color: rgba(180, 138, 255, 0.55);background: linear-gradient(145deg,rgba(45, 46, 68, 0.98) 0%,rgba(35, 36, 58, 0.98) 100%);box-shadow: 0 6px 24px rgba(180, 138, 255, 0.25),0 0 0 1px rgba(180, 138, 255, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);transform: translateY(-2px);}.kanban-task:active {transform: translateY(0);box-shadow: 0 3px 12px rgba(180, 138, 255, 0.3),0 0 0 1px rgba(180, 138, 255, 0.4);}.task-header {display: flex;justify-content: space-between;align-items: flex-start;gap: 8px;flex-wrap: wrap;}.task-name {font-size: 14px;font-weight: 600;color: #ffffff;flex: 1;min-width: 0;line-height: 1.5;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);word-wrap: break-word;overflow-wrap: break-word;hyphens: auto;white-space: normal;}.task-funnel-badge {background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);color: #ffffff;padding: 6px 10px;border-radius: 7px;font-size: 10px;font-weight: 700;text-transform: uppercase;white-space: nowrap;box-shadow: 0 3px 10px rgba(34, 197, 94, 0.4),inset 0 1px 0 rgba(255, 255, 255, 0.2);border: 1px solid rgba(255, 255, 255, 0.12);letter-spacing: 0.5px;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}.task-status-badge {background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);color: #ffffff;padding: 5px 10px;border-radius: 7px;font-size: 10px;font-weight: 600;text-transform: uppercase;white-space: nowrap;box-shadow: 0 2px 8px rgba(74, 222, 128, 0.3);}.task-badges {display: flex;flex-direction: column;gap: 4px;align-items: flex-start;}.task-funnel {background: rgba(74, 222, 128, 0.18);color: #4ade80;padding: 3px 8px;border-radius: 6px;font-size: 10px;font-weight: 600;text-transform: uppercase;border: 1px solid rgba(74, 222, 128, 0.35);text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);white-space: nowrap;}.task-service-type {background: rgba(251, 146, 60, 0.18);color: #fb923c;padding: 3px 8px;border-radius: 6px;font-size: 10px;font-weight: 600;text-transform: uppercase;border: 1px solid rgba(251, 146, 60, 0.35);text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);white-space: nowrap;}.task-age {background: rgba(180, 138, 255, 0.18);color: #b48aff;padding: 4px 8px;border-radius: 6px;font-size: 10px;font-weight: 600;border: 1px solid rgba(180, 138, 255, 0.3);}.task-contacts {display: flex;flex-direction: column;gap: 5px;padding: 8px 10px;background: rgba(0, 0, 0, 0.25);border-radius: 8px;border: 1px solid rgba(180, 138, 255, 0.15);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);width: 100%;box-sizing: border-box;}.contact-item {font-size: 12px;color: #e8eaed;line-height: 1.4;display: flex;align-items: center;gap: 6px;word-wrap: break-word;overflow-wrap: break-word;white-space: normal;width: 100%;box-sizing: border-box;}.contact-item.phone {color: #ffffff;font-weight: 500;}.contact-item.email {color: #b48aff;font-weight: 400;}.task-footer {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;padding-top: 8px;margin-top: auto;border-top: 1.5px solid rgba(180, 138, 255, 0.18);gap: 6px;width: 100%;box-sizing: border-box;}.task-dates {display: flex;flex-direction: column;gap: 2px;flex: 1;min-width: 0;}.task-dates-inline {display: flex;flex-direction: column;gap: 2px;width: 100%;}.task-date-created {color: #4ade80;font-weight: 500;font-size: 10px;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.task-date-updated {color: #9aa0a6;font-weight: 400;font-size: 9px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.task-date {font-weight: 500;color: #e8eaed;font-size: 11px;}.task-updated {font-weight: 400;color: #9aa0a6;font-size: 10px;}.task-source {color: #ffffff;font-size: 9px;font-weight: 600;background: rgba(180, 138, 255, 0.15);padding: 3px 7px;border-radius: 5px;border: 1px solid rgba(180, 138, 255, 0.25);text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);white-space: nowrap;flex-shrink: 0;}.kanban-task .task-name,.kanban-task .contact-item,.kanban-task .task-date-created,.kanban-task .task-date-updated,.kanban-task .task-source {max-width: 100%;overflow: visible;text-overflow: clip;}.kanban-task {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}.kanban-task {height: auto !important;min-height: fit-content;max-height: none;}.task-header,.task-contacts,.task-footer {width: 100%;overflow: visible;}.task-name {overflow-wrap: anywhere;word-break: break-word;}.contact-item {overflow-wrap: anywhere;word-break: break-word;}.task-date-created,.task-date-updated {max-width: none;white-space: normal;}.empty-state {display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 120px;padding: 20px 15px;color: rgba(154, 160, 166, 0.5);pointer-events: none;border: none;border-radius: 8px;background: transparent;position: relative;overflow: hidden;transition: all 0.3s ease;}.empty-state::before {content: "";position: absolute;top: 50%;left: 50%;width: 80px;height: 80px;background: radial-gradient(circle,rgba(180, 138, 255, 0.03) 0%,transparent 70%);transform: translate(-50%, -50%);pointer-events: none;opacity: 0.3;}@keyframes pulse {0%,100% {opacity: 0.3;transform: translate(-50%, -50%) scale(1);}50% {opacity: 0.5;transform: translate(-50%, -50%) scale(1.05);}}.empty-icon {font-size: 32px;margin-bottom: 8px;opacity: 0.25;z-index: 1;filter: grayscale(0.5);}.empty-text {margin: 0;color: rgba(154, 160, 166, 0.4);font-size: 11px;font-weight: 500;text-align: center;z-index: 1;letter-spacing: 0.3px;text-transform: uppercase;}.task-comment {display: flex;align-items: flex-start;gap: 6px;margin: 8px 0;padding: 6px 8px;background: rgba(66, 133, 244, 0.08);border-radius: 6px;border-left: 3px solid var(--primary-color);}.comment-icon {font-size: 12px;color: var(--primary-color);margin-top: 1px;flex-shrink: 0;}.comment-text {font-size: 11px;line-height: 1.3;color: var(--text-secondary);word-break: break-word;}.kanban-empty {grid-column: 1 / -1;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 60px 20px;text-align: center;color: var(--text-muted);background: rgba(255, 255, 255, 0.5);border-radius: 12px;border: 2px dashed #e8eaed;min-height: 300px;}.kanban-empty h3 {font-size: var(--font-size-lg);margin-bottom: 8px;color: var(--text-secondary);}.kanban-empty p {font-size: var(--font-size-sm);color: var(--text-muted);margin: 0;}.empty-state {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 25px 15px;text-align: center;color: #b48aff;min-height: 100px;background: linear-gradient(145deg,rgba(35, 36, 58, 0.6) 0%,rgba(26, 27, 46, 0.6) 100%);border-radius: 10px;border: 1px solid rgba(180, 138, 255, 0.12);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15),inset 0 1px 0 rgba(255, 255, 255, 0.02);transition: all 0.3s ease;}.kanban-tasks[data-lazy-state="pending"],.kanban-tasks[data-lazy-state="loading"] {position: relative;min-height: 200px;}.kanban-tasks[data-lazy-state="loading"]::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg,transparent 0%,rgba(180, 138, 255, 0.6) 50%,transparent 100%);animation: loadingProgress 1.5s ease-in-out infinite;z-index: 10;}@keyframes loadingProgress {0% {transform: translateX(-100%);}100% {transform: translateX(100%);}}.skeleton-card {background: linear-gradient(135deg,rgba(35, 36, 58, 0.6) 0%,rgba(45, 46, 70, 0.6) 100%);border: 1px solid rgba(180, 138, 255, 0.08);border-radius: 12px;padding: 12px;margin-bottom: 10px;cursor: default;pointer-events: none;position: relative;overflow: hidden;}.skeleton-card::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent 0%,rgba(180, 138, 255, 0.08) 50%,transparent 100%);animation: skeletonShimmer 2s ease-in-out infinite;}@keyframes skeletonShimmer {0% {left: -100%;}100% {left: 100%;}}.skeleton-line {background: linear-gradient(90deg,rgba(180, 138, 255, 0.1) 0%,rgba(180, 138, 255, 0.15) 50%,rgba(180, 138, 255, 0.1) 100%);background-size: 200% 100%;border-radius: 6px;height: 14px;margin-bottom: 8px;animation: skeletonPulse 1.5s ease-in-out infinite;position: relative;z-index: 1;}@keyframes skeletonPulse {0%,100% {opacity: 0.6;background-position: 0% 0%;}50% {opacity: 1;background-position: 100% 0%;}}.skeleton-name {width: 75%;height: 16px;margin-bottom: 6px;}.skeleton-funnel {width: 50%;height: 12px;opacity: 0.8;}.skeleton-contact {width: 60%;height: 12px;margin: 8px 0;}.skeleton-date {width: 45%;height: 10px;display: inline-block;margin-right: 10px;}.skeleton-source {width: 30%;height: 10px;display: inline-block;}.skeleton-more {background: rgba(180, 138, 255, 0.05);border: 1px dashed rgba(180, 138, 255, 0.15);border-radius: 8px;padding: 15px;text-align: center;margin-top: 10px;position: relative;overflow: hidden;}.skeleton-more::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent 0%,rgba(180, 138, 255, 0.05) 50%,transparent 100%);animation: skeletonShimmer 2.5s ease-in-out infinite;}.skeleton-more-text {color: rgba(154, 160, 166, 0.6);font-size: 11px;font-weight: 500;letter-spacing: 0.3px;text-transform: uppercase;position: relative;z-index: 1;}.lazy-loaded .kanban-task {animation: cardFadeIn 0.4s ease-out backwards;}.lazy-loaded .kanban-task:nth-child(1) {animation-delay: 0.05s;}.lazy-loaded .kanban-task:nth-child(2) {animation-delay: 0.1s;}.lazy-loaded .kanban-task:nth-child(3) {animation-delay: 0.15s;}.lazy-loaded .kanban-task:nth-child(4) {animation-delay: 0.2s;}.lazy-loaded .kanban-task:nth-child(5) {animation-delay: 0.25s;}.lazy-loaded .kanban-task:nth-child(n + 6) {animation-delay: 0.3s;}@keyframes cardFadeIn {from {opacity: 0;transform: translateY(20px) scale(0.95);}to {opacity: 1;transform: translateY(0) scale(1);}}@media (max-width: 768px) {.skeleton-card {padding: 10px;}.skeleton-line {height: 12px;}.skeleton-name {height: 14px;}}@media print {.skeleton-card,.skeleton-more {display: none;}}.modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg,rgba(0, 0, 0, 0.85) 0%,rgba(15, 15, 30, 0.9) 100%);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);display: flex;align-items: center;justify-content: center;z-index: 1500;opacity: 1;visibility: visible;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.modal.hidden {opacity: 0;visibility: hidden;}.modal-content {background: linear-gradient(145deg,rgba(30, 32, 52, 0.98) 0%,rgba(22, 24, 40, 0.98) 100%);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);border: 1px solid rgba(180, 138, 255, 0.25);border-radius: 20px;padding: 0;width: 90%;max-width: 1400px;max-height: 92vh;overflow: hidden;box-shadow: 0 30px 90px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(180, 138, 255, 0.1),inset 0 1px 0 rgba(255, 255, 255, 0.05);animation: modalSlideIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);position: relative;}@keyframes modalSlideIn {from {transform: translateY(-30px) scale(0.95);opacity: 0;}to {transform: translateY(0) scale(1);opacity: 1;}}.modal-header {display: flex;justify-content: space-between;align-items: center;padding: 28px 32px;background: linear-gradient(135deg,rgba(180, 138, 255, 0.08) 0%,rgba(99, 102, 241, 0.05) 100%);border-bottom: 1px solid rgba(180, 138, 255, 0.15);position: relative;}.modal-header::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg,transparent 0%,rgba(180, 138, 255, 0.5) 50%,transparent 100%);}.modal-header h2 {color: #ffffff;font-size: 22px;font-weight: 700;letter-spacing: 0.5px;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);margin: 0;display: flex;align-items: center;gap: 12px;}.modal-header h2::before {content: "✨";font-size: 24px;display: inline-block;animation: sparkle 2s ease-in-out infinite;}@keyframes sparkle {0%,100% {opacity: 1;transform: scale(1);}50% {opacity: 0.7;transform: scale(1.1);}}.close-btn {background: rgba(180, 138, 255, 0.1);border: 1px solid rgba(180, 138, 255, 0.2);color: #ffffff;font-size: 24px;cursor: pointer;padding: 8px 12px;border-radius: 10px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}.close-btn:hover {color: #ffffff;background: rgba(180, 138, 255, 0.2);border-color: rgba(180, 138, 255, 0.4);transform: rotate(90deg);box-shadow: 0 4px 12px rgba(180, 138, 255, 0.3);}.close-btn:active {transform: rotate(90deg) scale(0.98);}.modal-body {padding: 24px 32px 28px 32px;height: calc(85vh - 140px);overflow: hidden;display: flex;flex-direction: column;position: relative;}.modal-body::before {content: "";position: absolute;top: 0;left: 32px;right: 32px;height: 1px;background: linear-gradient(90deg,transparent 0%,rgba(180, 138, 255, 0.1) 50%,transparent 100%);}.form-top-section {padding: 10px 0;border-bottom: 1px solid rgba(180, 138, 255, 0.2);margin-bottom: 10px;}.form-main-section {display: grid;grid-template-columns: 1fr 1fr;gap: 30px;flex: 1;min-height: 0;overflow: hidden;}.form-left-section {border-right: 1px solid rgba(180, 138, 255, 0.2);padding-right: 10px;overflow: visible;min-height: 0;}.form-left-section h3 {color: #e8eaed;font-size: 18px;font-weight: 600;margin-bottom: 20px;padding-bottom: 8px;border-bottom: 1px solid rgba(180, 138, 255, 0.2);}.form-right-section {padding-left: 5px;display: flex;flex-direction: column;overflow: visible;min-height: 0;}.survey-tabs {display: flex;gap: 8px;margin-bottom: 20px;}.history-section {overflow-y: auto;height: 100%;display: flex;flex-direction: column;}.history-items {display: flex;flex-direction: column;gap: 8px;max-height: 500px;overflow-y: auto;padding: 4px 8px 8px 4px;flex: 1;}.history-items:empty::after {content: "Завантаження історії...";display: flex;align-items: center;justify-content: center;height: 150px;color: #9aa0a6;font-size: 13px;}.history-item {display: flex;flex-direction: column;gap: 0;padding: 0;background: linear-gradient(135deg,rgba(40, 42, 65, 0.95),rgba(30, 32, 52, 0.95));border-radius: 8px;border: 1px solid rgba(180, 138, 255, 0.3);transition: all 0.2s ease;position: relative;overflow: visible;animation: historyItemFadeIn 0.3s ease-out backwards;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(180, 138, 255, 0.1);min-height: auto;height: auto;margin-bottom: 6px;}@keyframes historyItemFadeIn {from {opacity: 0;transform: translateX(-10px);}to {opacity: 1;transform: translateX(0);}}.history-item::before {content: "";position: absolute;top: 0;left: 0;width: 4px;height: 100%;background: linear-gradient(180deg, #c49eff, #b48aff);box-shadow: 0 0 8px rgba(180, 138, 255, 0.4);}.history-item:hover {border-color: rgba(180, 138, 255, 0.45);transform: translateX(2px);box-shadow: 0 3px 10px rgba(180, 138, 255, 0.25), 0 1px 4px rgba(0, 0, 0, 0.4);background: linear-gradient(135deg,rgba(45, 47, 70, 0.98),rgba(35, 37, 57, 0.98));}.history-number {background: linear-gradient(135deg, #c49eff, #b48aff);color: #ffffff;border-radius: 8px;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 800;flex-shrink: 0;box-shadow: 0 3px 8px rgba(180, 138, 255, 0.5),0 0 0 2px rgba(255, 255, 255, 0.1);align-self: start;line-height: 1;border: 2px solid rgba(255, 255, 255, 0.2);text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);}.history-content {flex: 1;display: flex;flex-direction: column;gap: 6px;min-width: 0;overflow: visible;padding: 10px 12px;}.history-header {display: flex;justify-content: space-between;align-items: center;gap: 8px;flex-wrap: wrap;padding: 8px 12px;background: rgba(20, 22, 38, 0.6);border-bottom: 1px solid rgba(180, 138, 255, 0.2);}.history-title {color: #ffffff;font-size: 14px;font-weight: 700;display: flex;align-items: center;gap: 6px;line-height: 1.3;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);letter-spacing: 0.3px;word-break: break-word;overflow-wrap: break-word;}.history-title::before {content: "👤";font-size: 14px;flex-shrink: 0;filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));}.history-date {color: #ffffff;font-size: 11px;white-space: nowrap;line-height: 1.3;background: rgba(0, 0, 0, 0.35);padding: 4px 8px;border-radius: 4px;font-weight: 600;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);}.change-value {color: #ffffff;font-weight: 600;font-size: 12px;padding: 6px 8px;background: rgba(180, 138, 255, 0.2);border-radius: 4px;border-left: 3px solid #b48aff;line-height: 1.4;word-break: break-word;overflow-wrap: break-word;white-space: normal;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.05);min-height: 32px;display: flex;align-items: center;width: 100%;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);overflow: visible;}.history-badge {display: inline-flex;align-items: center;gap: 3px;background: rgba(180, 138, 255, 0.3);color: #ffffff;padding: 4px 10px;border-radius: 5px;font-size: 10px;font-weight: 700;border: 1px solid rgba(180, 138, 255, 0.4);align-self: flex-start;line-height: 1.3;white-space: nowrap;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);}.history-note {color: #e0e0e0;font-size: 11px;font-style: italic;padding: 5px 8px;background: rgba(180, 138, 255, 0.12);border-radius: 4px;border-left: 2px solid rgba(180, 138, 255, 0.5);line-height: 1.4;word-break: break-word;overflow-wrap: break-word;white-space: normal;margin-top: 2px;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.2);text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);overflow: visible;}.history-title,.change-value,.history-note,.history-number {cursor: help;}.history-title:hover,.change-value:hover,.history-note:hover {opacity: 0.9;}.history-item[data-history-type="status"]::before {background: linear-gradient(180deg, #06b6d4, #0891b2);box-shadow: 0 0 8px rgba(6, 182, 212, 0.4);}.history-item[data-history-type="status"] .history-badge {background: rgba(6, 182, 212, 0.35);color: #ffffff;border-color: rgba(6, 182, 212, 0.5);box-shadow: 0 2px 6px rgba(6, 182, 212, 0.3);}.history-item[data-history-type="status"] .change-value {border-left-color: #06b6d4;background: rgba(6, 182, 212, 0.15);}.history-item[data-history-type="pipeline"]::before {background: linear-gradient(180deg, #f59e0b, #d97706);box-shadow: 0 0 8px rgba(245, 158, 11, 0.4);}.history-item[data-history-type="pipeline"] .history-badge {background: rgba(245, 158, 11, 0.35);color: #ffffff;border-color: rgba(245, 158, 11, 0.5);box-shadow: 0 2px 6px rgba(245, 158, 11, 0.3);}.history-item[data-history-type="pipeline"] .change-value {border-left-color: #f59e0b;background: rgba(245, 158, 11, 0.15);}.history-item[data-history-type="source"]::before {background: linear-gradient(180deg, #10b981, #059669);box-shadow: 0 0 8px rgba(16, 185, 129, 0.4);}.history-item[data-history-type="source"] .history-badge {background: rgba(16, 185, 129, 0.35);color: #ffffff;border-color: rgba(16, 185, 129, 0.5);box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);}.history-item[data-history-type="source"] .change-value {border-left-color: #10b981;background: rgba(16, 185, 129, 0.15);}.history-item[data-field-type="manager"]::before {background: linear-gradient(180deg, #8b5cf6, #7c3aed);box-shadow: 0 0 8px rgba(139, 92, 246, 0.4);}.history-item[data-field-type="manager"] .history-badge-top {background: rgba(139, 92, 246, 0.35);border-color: rgba(139, 92, 246, 0.5);}.history-item[data-field-type="manager"] .change-value {border-left-color: #8b5cf6;background: rgba(139, 92, 246, 0.15);}.history-item[data-field-type="phone"]::before {background: linear-gradient(180deg, #ec4899, #db2777);box-shadow: 0 0 8px rgba(236, 72, 153, 0.4);}.history-item[data-field-type="phone"] .history-badge-top {background: rgba(236, 72, 153, 0.35);border-color: rgba(236, 72, 153, 0.5);}.history-item[data-field-type="phone"] .change-value {border-left-color: #ec4899;background: rgba(236, 72, 153, 0.15);}.history-item[data-field-type="full_name"]::before {background: linear-gradient(180deg, #14b8a6, #0d9488);box-shadow: 0 0 8px rgba(20, 184, 166, 0.4);}.history-item[data-field-type="full_name"] .history-badge-top {background: rgba(20, 184, 166, 0.35);border-color: rgba(20, 184, 166, 0.5);}.history-item[data-field-type="full_name"] .change-value {border-left-color: #14b8a6;background: rgba(20, 184, 166, 0.15);}.history-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;padding-bottom: 8px;border-bottom: 1px solid rgba(180, 138, 255, 0.2);}.history-badge-top {display: inline-flex;align-items: center;gap: 4px;background: rgba(180, 138, 255, 0.35);color: #ffffff;padding: 5px 10px;border-radius: 5px;font-size: 12px;font-weight: 700;border: 1px solid rgba(180, 138, 255, 0.4);text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);white-space: nowrap;}.history-manager {color: #e0e0e0;font-size: 11px;font-weight: 600;margin-bottom: 6px;padding: 4px 8px;background: rgba(0, 0, 0, 0.35);border-radius: 4px;display: inline-block;white-space: nowrap;overflow: visible;}.history-changes {display: flex;flex-direction: row;align-items: center;gap: 8px;background: rgba(20, 22, 38, 0.85);padding: 10px;border-radius: 6px;border: 1px solid rgba(180, 138, 255, 0.25);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);overflow: visible;}.change-row {display: flex;flex-direction: column;gap: 3px;overflow: visible;flex: 1;}.change-label {color: #c8d2dc;font-size: 9px;text-transform: uppercase;letter-spacing: 0.5px;font-weight: 700;line-height: 1;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}.change-arrow {color: #b48aff;font-size: 18px;font-weight: bold;text-align: center;padding: 0 6px;line-height: 1;flex-shrink: 0;}.change-value.old-value {opacity: 0.85;background: rgba(100, 100, 120, 0.2);border-left-color: #888;}.change-value.new-value {font-weight: 700;box-shadow: 0 3px 8px rgba(180, 138, 255, 0.3);background: rgba(180, 138, 255, 0.25);border-left-width: 4px;}.history-changes-single {justify-content: center;}.change-row-single {flex: 0 1 auto;max-width: 80%;}@media (max-height: 900px) {.history-items {max-height: 400px;}.history-item {padding: 8px 10px;gap: 8px;}.history-changes {padding: 6px;gap: 5px;}}@media (max-height: 768px) {.history-items {max-height: 300px;gap: 6px;}.history-item {padding: 6px 8px;}.history-number {width: 24px;height: 24px;font-size: 8px;}.history-title {font-size: 11px;}.history-date {font-size: 9px;}.change-value {font-size: 10px;padding: 3px 5px;}}@media (min-height: 1080px) {.history-items {max-height: 600px;}}.calls-section {height: 100%;max-height: calc(90vh - 200px);display: flex;flex-direction: column;overflow: hidden;}.calls-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;padding-bottom: 12px;border-bottom: 1px solid rgba(180, 138, 255, 0.2);}.calls-header h4 {color: #e8eaed;font-size: 16px;font-weight: 600;margin: 0;}.add-call-btn {background: rgba(180, 138, 255, 0.8);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);color: white;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 8px;padding: 8px 16px;font-size: 13px;font-weight: 500;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;gap: 6px;box-shadow: 0 2px 8px rgba(180, 138, 255, 0.2),0 0 0 1px rgba(255, 255, 255, 0.1);}.add-call-btn:hover {background: rgba(180, 138, 255, 0.9);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(180, 138, 255, 0.3),0 0 0 1px rgba(255, 255, 255, 0.2);}.calls-filter {display: flex;align-items: center;gap: 12px;margin-bottom: 12px;padding: 12px 14px;background: linear-gradient(135deg,rgba(35, 36, 58, 0.7),rgba(26, 27, 46, 0.7));backdrop-filter: blur(10px);border-radius: 6px;border: 1px solid rgba(180, 138, 255, 0.25);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}.calls-filter label {color: #ffffff;font-size: 12px;font-weight: 700;margin: 0;display: flex;align-items: center;gap: 6px;white-space: nowrap;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}.calls-filter label::before {content: "🔍";font-size: 14px;filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));}.calls-filter select {background: rgba(26, 27, 46, 1);border: 1px solid rgba(180, 138, 255, 0.3);border-radius: 5px;color: #ffffff;padding: 7px 14px;font-size: 12px;font-weight: 500;appearance: none;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='%23b48aff' 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: 14px;padding-right: 36px;cursor: pointer;transition: all 0.2s ease;min-width: 160px;flex: 1;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}.calls-filter select:hover {border-color: rgba(180, 138, 255, 0.5);background-color: rgba(35, 36, 58, 1);box-shadow: 0 2px 6px rgba(180, 138, 255, 0.2);}.calls-filter select:focus {outline: none;border-bottom: 2px solid #b48aff;box-shadow: none;cursor: pointer;}.calls-list {flex: 1;overflow-y: auto;overflow-x: hidden;display: flex;flex-direction: column;gap: 12px;padding-right: 8px;max-height: 350px;}.call-item {background: rgba(35, 36, 58, 0.6);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(180, 138, 255, 0.2);border-radius: 12px;padding: 16px;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.05);}.call-item:hover {border-color: rgba(180, 138, 255, 0.3);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1);transform: translateY(-1px);}.call-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;}.call-type {font-size: 14px;font-weight: 600;display: flex;align-items: center;gap: 6px;}.call-type.outgoing {color: #4ade80;}.call-type.incoming {color: #60a5fa;}.call-type.missed {color: #f87171;}.call-date {color: #9aa0a6;font-size: 12px;}.call-details {display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;padding: 8px 12px;background: rgba(26, 27, 46, 0.6);border-radius: 8px;}.call-duration {color: #e8eaed;font-size: 13px;font-weight: 500;}.call-status {font-size: 12px;font-weight: 600;padding: 4px 8px;border-radius: 6px;}.call-status.success {background: rgba(74, 222, 128, 0.2);color: #4ade80;}.call-status.failed {background: rgba(248, 113, 113, 0.2);color: #f87171;}.call-notes {color: #e8eaed;font-size: 13px;line-height: 1.4;}.call-notes strong {color: #b48aff;font-weight: 600;}.modal-body input {background: rgba(35, 36, 58, 0.8);border: 1px solid rgba(180, 138, 255, 0.3);border-radius: 8px;padding: 12px 16px;color: #e8eaed;font-size: 14px;transition: all 0.3s ease;}.modal-body input:focus {outline: none;border-bottom: 2px solid #b48aff;box-shadow: none;}.modal-body input::placeholder {color: #9aa0a6;}.form-group input::placeholder,.form-group textarea::placeholder {color: rgba(154, 160, 166, 0.7);transition: color 0.3s ease;}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder {color: rgba(154, 160, 166, 0.5);}.form-group select {appearance: none;-webkit-appearance: none;-moz-appearance: none;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='%23b48aff' 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 12px center;background-size: 16px;padding-right: 40px;cursor: pointer;}.form-group select:hover {border-color: rgba(180, 138, 255, 0.5);}.form-row {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 16px;margin-bottom: 20px;}.form-group {display: flex;flex-direction: column;}.form-group label {color: #ffffff;font-size: 13px;font-weight: 600;margin-bottom: 10px;transition: all 0.3s ease;text-transform: uppercase;letter-spacing: 0.5px;font-size: 11px;display: flex;align-items: center;gap: 6px;}.form-group:hover label {color: rgba(180, 138, 255, 1);}.form-group:hover label::before {color: rgba(180, 138, 255, 1);transform: scale(1.3);}.form-group input,.form-group select,.form-group textarea {background: linear-gradient(135deg,rgba(30, 32, 52, 0.8) 0%,rgba(25, 27, 45, 0.8) 100%);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border: 1.5px solid rgba(180, 138, 255, 0.2);border-radius: 10px;color: #ffffff;font-size: 14px;padding: 14px 18px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2),inset 0 1px 0 rgba(255, 255, 255, 0.03);font-weight: 500;}.form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline: none;border-bottom: 2px solid #b48aff;background: linear-gradient(135deg,rgba(35, 37, 60, 0.95) 0%,rgba(30, 32, 52, 0.95) 100%);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2),inset 0 1px 0 rgba(255, 255, 255, 0.03);}.form-group textarea {min-height: 100px;resize: vertical;font-family: inherit;line-height: 1.5;}.form-section {margin-bottom: 32px;}.form-section h3 {color: #e8eaed;font-size: 18px;font-weight: 600;margin-bottom: 16px;padding-bottom: 8px;border-bottom: 1px solid rgba(180, 138, 255, 0.2);}.survey-tabs {display: flex;gap: 8px;margin-bottom: 20px;}.tab-btn {padding: 12px 24px;background: rgba(30, 32, 52, 0.6);border: 1.5px solid rgba(180, 138, 255, 0.15);border-radius: 10px;color: #b8bec4;font-size: 13px;font-weight: 600;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;text-transform: uppercase;letter-spacing: 0.5px;}.tab-btn::before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: linear-gradient(90deg, #b48aff, #9c6fff);transform: scaleX(0);transition: transform 0.3s ease;}.tab-btn.active {background: linear-gradient(135deg,rgba(180, 138, 255, 0.15),rgba(156, 111, 255, 0.1));color: #ffffff;border-bottom: 2px solid #b48aff;box-shadow: none;}.tab-btn.active::before {transform: scaleX(1);}.tab-btn:hover {background: linear-gradient(135deg,rgba(180, 138, 255, 0.2),rgba(156, 111, 255, 0.15));color: #ffffff;border-color: rgba(180, 138, 255, 0.5);box-shadow: none;}.tab-content {display: block;height: 100%;overflow-y: auto;overflow-x: hidden;max-height: calc(100vh - 350px);}.tab-content.hidden {display: none;}.utm-info-grid {display: grid;grid-template-columns: 1fr;gap: 12px;padding: 8px 0;}.utm-info-item {display: flex;align-items: center;padding: 10px 14px;background: rgba(35, 36, 58, 0.4);border-radius: 8px;border: 1px solid rgba(180, 138, 255, 0.15);gap: 10px;}.utm-label {color: #b48aff;font-size: 12px;font-weight: 600;text-transform: uppercase;white-space: nowrap;min-width: 120px;}.utm-value {color: #e8eaed;font-size: 13px;font-weight: 400;word-break: break-word;}#calls-tab {height: calc(100% - 40px);overflow: hidden;}.survey-questions {display: flex;flex-direction: column;gap: 12px;margin-bottom: 0;overflow-y: auto;overflow-x: hidden;padding-right: 8px;max-height: calc(100vh - 350px);}.question-item {display: flex;align-items: flex-start;gap: 12px;padding: 12px 14px;background: rgba(35, 36, 58, 0.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 10px;border: 1px solid rgba(180, 138, 255, 0.2);margin-bottom: 0;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.05);flex-shrink: 0;}.question-item:hover {border-color: rgba(180, 138, 255, 0.3);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1);}.question-icon {font-size: 14px;margin-top: 2px;flex-shrink: 0;}.question-item label {color: #e8eaed;font-size: 13px;font-weight: 500;min-width: 120px;margin-right: 8px;line-height: 1.3;}.question-item textarea {flex: 1;min-height: 50px;background: rgba(26, 27, 46, 0.6);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border: 1px solid rgba(180, 138, 255, 0.3);border-radius: 8px;color: #e8eaed;padding: 8px 12px;font-size: 13px;font-family: inherit;line-height: 1.4;resize: vertical;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}.question-item textarea:focus {outline: none;border-bottom: 2px solid #b48aff;background: rgba(26, 27, 46, 0.8);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}.question-item textarea::placeholder {color: rgba(154, 160, 166, 0.6);}.additional-fields {display: flex;flex-direction: column;gap: 16px;}.field-row {display: flex;flex-direction: column;gap: 8px;}.field-row label {color: #e8eaed;font-size: 14px;font-weight: 500;}.field-row select {background: rgba(35, 36, 58, 0.8);border: 1px solid rgba(180, 138, 255, 0.2);border-radius: 8px;color: #e8eaed;padding: 12px 16px;font-size: 14px;}.modal-footer {display: flex;justify-content: flex-end;gap: 12px;padding: 24px;border-top: 1px solid rgba(180, 138, 255, 0.2);}.btn-clear,.btn-save,.btn-apply {padding: 10px 20px;border-radius: 8px;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.3s ease;border: none;}.btn-clear {background: rgba(154, 160, 166, 0.2);color: #9aa0a6;}.btn-clear:hover {background: rgba(154, 160, 166, 0.3);color: #e8eaed;}.btn-save {background: linear-gradient(135deg, #b48aff, #9c6fff);color: white;}.btn-save:hover {transform: translateY(-1px);box-shadow: 0 4px 16px rgba(180, 138, 255, 0.4);}.header-controls {display: flex;align-items: center;gap: 16px;}.period-selector label {color: #bfc7e0;font-weight: 500;margin-right: 6px;}.period-selector select {background: #181a2f;color: #e8eaed;border: 1px solid #23244a;border-radius: 6px;padding: 4px 18px 4px 8px;font-size: 15px;outline: none;transition: border 0.2s;}.period-selector select:focus {border-bottom: 2px solid #b48aff;}.refresh-btn,.export-btn {background: #23244a;color: #e8eaed;border: 1.5px solid #23244a;border-radius: 10px;padding: 6px 18px;font-size: 15px;font-weight: 500;margin-left: 4px;cursor: pointer;display: flex;align-items: center;gap: 6px;transition: background 0.2s, border 0.2s, color 0.2s;}.refresh-btn:hover,.export-btn:hover {background: #2d2e5e;border-color: #b48aff;color: #fff;}.refresh-btn:active,.export-btn:active {background: #181a2f;border-color: #7c3aed;}.refresh-icon {font-size: 17px;margin-right: 2px;}.export-btn span {font-size: 17px;margin-right: 2px;}#taskModal .modal-footer button,#edit_taskModal .modal-footer button,#new_taskModal .modal-footer button {padding: 12px 28px;border-radius: 10px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border: none;display: flex;align-items: center;gap: 8px;letter-spacing: 0.3px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}#taskModal .modal-footer button:hover,#edit_taskModal .modal-footer button:hover,#new_taskModal .modal-footer button:hover {box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);}#taskModal .modal-footer button:active,#edit_taskModal .modal-footer button:active,#new_taskModal .modal-footer button:active {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}#taskModal .modal-footer button[type="submit"],#taskModal .modal-footer button.btn-primary,#edit_taskModal .modal-footer button[type="submit"],#edit_taskModal .modal-footer button.btn-primary,#new_taskModal .modal-footer button[type="submit"],#new_taskModal .modal-footer button.btn-primary {background: linear-gradient(135deg, #b48aff 0%, #9c6fff 100%);color: #ffffff;position: relative;overflow: hidden;}#taskModal .modal-footer button[type="submit"]::before,#taskModal .modal-footer button.btn-primary::before,#edit_taskModal .modal-footer button[type="submit"]::before,#edit_taskModal .modal-footer button.btn-primary::before,#new_taskModal .modal-footer button[type="submit"]::before,#new_taskModal .modal-footer button.btn-primary::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent,rgba(255, 255, 255, 0.2),transparent);transition: left 0.5s ease;}#taskModal .modal-footer button[type="submit"]:hover::before,#taskModal .modal-footer button.btn-primary:hover::before,#edit_taskModal .modal-footer button[type="submit"]:hover::before,#edit_taskModal .modal-footer button.btn-primary:hover::before,#new_taskModal .modal-footer button[type="submit"]:hover::before,#new_taskModal .modal-footer button.btn-primary:hover::before {left: 100%;}#taskModal .modal-footer button[type="submit"]:hover,#taskModal .modal-footer button.btn-primary:hover,#edit_taskModal .modal-footer button[type="submit"]:hover,#edit_taskModal .modal-footer button.btn-primary:hover,#new_taskModal .modal-footer button[type="submit"]:hover,#new_taskModal .modal-footer button.btn-primary:hover {background: linear-gradient(135deg, #c49eff 0%, #b48aff 100%);box-shadow: 0 8px 24px rgba(180, 138, 255, 0.4);}#taskModal .modal-footer button[type="button"],#taskModal .modal-footer button.btn-secondary,#taskModal .modal-footer button.btn-cancel,#edit_taskModal .modal-footer button[type="button"],#edit_taskModal .modal-footer button.btn-secondary,#edit_taskModal .modal-footer button.btn-cancel,#new_taskModal .modal-footer button[type="button"],#new_taskModal .modal-footer button.btn-secondary,#new_taskModal .modal-footer button.btn-cancel {background: rgba(180, 138, 255, 0.1);color: #ffffff;border: 1.5px solid rgba(180, 138, 255, 0.3);}#taskModal .modal-footer button[type="button"]:hover,#taskModal .modal-footer button.btn-secondary:hover,#taskModal .modal-footer button.btn-cancel:hover,#edit_taskModal .modal-footer button[type="button"]:hover,#edit_taskModal .modal-footer button.btn-secondary:hover,#edit_taskModal .modal-footer button.btn-cancel:hover,#new_taskModal .modal-footer button[type="button"]:hover,#new_taskModal .modal-footer button.btn-secondary:hover,#new_taskModal .modal-footer button.btn-cancel:hover {background: rgba(180, 138, 255, 0.2);border-color: rgba(180, 138, 255, 0.5);box-shadow: 0 6px 20px rgba(180, 138, 255, 0.2);}.kanban-task.dragging {opacity: 0.4;cursor: grabbing !important;transform: rotate(3deg);transition: none;}.kanban-task.drag-ghost {opacity: 0.8;transform: rotate(2deg);box-shadow: 0 10px 40px rgba(180, 138, 255, 0.4),0 0 0 2px rgba(180, 138, 255, 0.6);border-color: rgba(180, 138, 255, 0.8);pointer-events: none;z-index: 10000;}.kanban-task-placeholder {background: linear-gradient(145deg,rgba(180, 138, 255, 0.15) 0%,rgba(156, 111, 255, 0.15) 100%);border: 2px dashed rgba(180, 138, 255, 0.6);border-radius: 10px;margin: 0 0 10px 0;transition: all 0.2s ease;animation: pulse 1.5s ease-in-out infinite;}@keyframes pulse {0%,100% {opacity: 0.6;border-color: rgba(180, 138, 255, 0.6);}50% {opacity: 1;border-color: rgba(180, 138, 255, 1);}}.kanban-column.drop-zone-active,.kanban-sub-column.drop-zone-active {background: linear-gradient(145deg,rgba(35, 36, 58, 0.95) 0%,rgba(26, 27, 46, 0.95) 100%);border: 1.5px solid rgba(180, 138, 255, 0.4);transition: all 0.3s ease;}.kanban-column.drag-over,.kanban-sub-column.drag-over {background: linear-gradient(145deg,rgba(180, 138, 255, 0.12) 0%,rgba(156, 111, 255, 0.08) 100%);border-color: rgba(180, 138, 255, 0.8);box-shadow: 0 6px 28px rgba(180, 138, 255, 0.3),0 0 0 2px rgba(180, 138, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08);transform: scale(1.02);}.kanban-tasks.drag-over {background: rgba(180, 138, 255, 0.05);border-radius: 8px;}body.kanban-loading::after {content: "";position: fixed;top: 50%;left: 50%;width: 50px;height: 50px;margin: -25px 0 0 -25px;border: 4px solid rgba(180, 138, 255, 0.2);border-top-color: #b48aff;border-radius: 50%;animation: spin 0.8s linear infinite;z-index: 10001;pointer-events: none;}@keyframes spin {to {transform: rotate(360deg);}}.kanban-notification {position: fixed;top: 20px;right: 20px;background: linear-gradient(135deg,rgba(35, 36, 58, 0.98) 0%,rgba(26, 27, 46, 0.98) 100%);color: #ffffff;padding: 16px 24px;border-radius: 12px;border: 1.5px solid rgba(180, 138, 255, 0.4);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(180, 138, 255, 0.2);font-size: 14px;font-weight: 500;z-index: 10000;opacity: 0;transform: translateY(-20px) translateX(400px);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);max-width: 350px;word-wrap: break-word;}.kanban-notification.show {opacity: 1;transform: translateY(0) translateX(0);}.kanban-notification-success {border-color: rgba(34, 197, 94, 0.6);box-shadow: 0 8px 32px rgba(34, 197, 94, 0.2),0 0 0 1px rgba(34, 197, 94, 0.3);}.kanban-notification-success::before {content: "✓ ";color: #22c55e;font-weight: 700;margin-right: 8px;}.kanban-notification-error {border-color: rgba(239, 68, 68, 0.6);box-shadow: 0 8px 32px rgba(239, 68, 68, 0.2),0 0 0 1px rgba(239, 68, 68, 0.3);}.kanban-notification-error::before {content: "✕ ";color: #ef4444;font-weight: 700;margin-right: 8px;}.kanban-notification-info {border-color: rgba(59, 130, 246, 0.6);box-shadow: 0 8px 32px rgba(59, 130, 246, 0.2),0 0 0 1px rgba(59, 130, 246, 0.3);}.kanban-notification-info::before {content: "ℹ ";color: #3b82f6;font-weight: 700;margin-right: 8px;}.kanban-task {transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease,box-shadow 0.25s ease, border-color 0.25s ease;}.btn-transfer {background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);border: none;color: #fff;padding: 12px 24px;border-radius: 12px;font-weight: 600;font-size: 15px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);display: inline-flex;align-items: center;gap: 8px;}.btn-transfer:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(245, 158, 11, 0.5);background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);}.btn-transfer:active {transform: translateY(0);}.modal-transfer .modal-content {max-width: 600px;}.transfer-info {background: linear-gradient(135deg,rgba(59, 130, 246, 0.1) 0%,rgba(99, 102, 241, 0.1) 100%);border: 1px solid rgba(59, 130, 246, 0.3);border-radius: 12px;padding: 16px;margin-top: 20px;}.transfer-info p {color: #3b82f6;font-weight: 600;margin: 0 0 10px 0;display: flex;align-items: center;gap: 8px;}.transfer-info ul {margin: 0;padding-left: 20px;color: #a0a8b8;line-height: 1.8;}.transfer-info li {margin: 6px 0;}.modal-transfer .modal-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}.modal-transfer .modal-header .header-actions {display: flex;align-items: center;gap: 12px;}.modal-transfer .modal-header h2 {margin: 0;font-size: 22px;font-weight: 600;color: #e8eaed;}.btn-confirm-transfer {background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);border: none;color: #fff;padding: 0 20px;height: 40px;border-radius: 8px;font-weight: 600;font-size: 14px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(34, 197, 94, 0.25);display: inline-flex;align-items: center;gap: 8px;}.btn-confirm-transfer:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(34, 197, 94, 0.4);background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);}.btn-confirm-transfer:active {transform: translateY(0);}.modal-transfer .close-btn {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: rgba(255, 85, 85, 0.1);border: 1px solid rgba(255, 85, 85, 0.3);border-radius: 8px;color: #ff5555;font-size: 24px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(255, 85, 85, 0.15);}.modal-transfer .close-btn:hover {background: rgba(255, 85, 85, 0.2);transform: rotate(90deg);box-shadow: 0 4px 12px rgba(255, 85, 85, 0.3);}@media (max-width: 768px) {.modal-transfer .modal-content {max-width: 95%;padding: 16px;}.transfer-info {padding: 12px;margin-top: 16px;}.transfer-info p {font-size: 14px;}.transfer-info ul {font-size: 13px;padding-left: 16px;}.btn-confirm-transfer {padding: 10px 24px;font-size: 14px;}#transferCardModal select,#transferCardModal textarea {font-size: 14px;padding: 10px 12px;}#transferCardModal select {min-height: 42px;}#transferCardModal label {font-size: 13px;}}@media (max-width: 480px) {.modal-transfer .modal-content {max-width: 100%;padding: 12px;border-radius: 0;}.transfer-info {padding: 10px;margin-top: 12px;border-radius: 8px;}.transfer-info p {font-size: 13px;margin-bottom: 8px;}.transfer-info ul {font-size: 12px;line-height: 1.6;}.transfer-info li {margin: 4px 0;}#transferCardModal .modal-footer {flex-direction: column;gap: 8px;}#transferCardModal .modal-footer button {width: 100%;}.btn-confirm-transfer {padding: 12px 20px;font-size: 14px;width: 100%;justify-content: center;}.btn-cancel {width: 100%;justify-content: center;}#transferCardModal select,#transferCardModal textarea {font-size: 16px;padding: 12px 14px;}#transferCardModal select {min-height: 44px;padding-right: 44px;background-size: 14px 14px;background-position: right 14px center;}#transferCardModal textarea {min-height: 120px;}#transferCardModal label {font-size: 14px;margin-bottom: 6px;}#transferCardModal .form-group {margin-bottom: 16px;}}@media (max-width: 360px) {.modal-transfer .modal-content {padding: 10px;}.transfer-info {padding: 8px;}.transfer-info p {font-size: 12px;}.transfer-info ul {font-size: 11px;}}.btn-confirm-transfer:disabled {opacity: 0.5;cursor: not-allowed;transform: none;}.form-group {margin-bottom: 20px;}#transferCardModal label {display: block;color: #a0a8b8;font-weight: 500;margin-bottom: 8px;font-size: 14px;}#transferCardModal select,#transferCardModal textarea {width: 100%;background: rgba(22, 23, 34, 0.8);border: 1px solid rgba(180, 138, 255, 0.2);border-radius: 8px;padding: 12px;color: #e8eaed;font-size: 14px;transition: all 0.3s ease;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);}#transferCardModal select {-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-right: 40px;cursor: pointer;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20'><polygon fill='%23b48aff' points='0,6 20,6 10,14'/></svg>");background-repeat: no-repeat;background-position: right 12px center;background-size: 12px 12px;background-color: rgba(22, 23, 34, 0.8);}#transferCardModal select:hover {border-color: rgba(180, 138, 255, 0.4);background-color: rgba(22, 23, 34, 0.95);}#transferCardModal select option {background-color: #161722;color: #e8eaed;padding: 8px 12px;}#transferCardModal select::-ms-expand {display: none;}#transferCardModal select:focus,#transferCardModal textarea:focus {outline: none;border-color: #b48aff;border-bottom: 2px solid #b48aff;box-shadow: 0 0 0 3px rgba(180, 138, 255, 0.1);background: rgba(22, 23, 34, 1);}#transferCardModal select:disabled {opacity: 0.6;cursor: not-allowed;background-color: rgba(22, 23, 34, 0.5);}#transferCardModal textarea {resize: vertical;min-height: 100px;font-family: inherit;line-height: 1.5;}#transferCardModal textarea::placeholder {color: rgba(232, 234, 237, 0.4);}.kanban-board.dragging-active {user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}.kanban-task[draggable="true"] {cursor: grab;}.kanban-task[draggable="true"]:active {cursor: grabbing;}@media (max-width: 768px) {.kanban-task {touch-action: none;}.kanban-notification {top: 10px;right: 10px;left: 10px;max-width: calc(100vw - 20px);}}@media (max-width: 1024px) {.kanban-column.drag-over,.kanban-sub-column.drag-over {border-width: 2px;border-color: rgba(180, 138, 255, 0.9);}}#filtersModal.modal {display: none;position: fixed;z-index: 10000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(10, 11, 20, 0.85);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);animation: fadeIn 0.3s ease;}#filtersModal.modal:not(.hidden) {display: flex;align-items: center;justify-content: center;}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}@keyframes slideDown {from {transform: translateY(-30px);opacity: 0;}to {transform: translateY(0);opacity: 1;}}.filters-modal-content {background: linear-gradient(145deg, #1a1b2e 0%, #23244a 100%);border-radius: 20px;width: 95%;max-width: 1400px;max-height: 90vh;overflow: hidden;box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4),0 8px 32px rgba(180, 138, 255, 0.15),inset 0 1px 0 rgba(255, 255, 255, 0.05);border: 1px solid rgba(180, 138, 255, 0.15);display: flex;flex-direction: column;animation: slideDown 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);}.filters-modal-content .modal-header {background: linear-gradient(135deg, rgba(180, 138, 255, 0.12) 0%, rgba(180, 138, 255, 0.05) 100%);border-bottom: 1px solid rgba(180, 138, 255, 0.2);padding: 24px 32px;display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;}.filters-modal-content .modal-header h2 {margin: 0;font-size: 24px;font-weight: 600;color: #fff;display: flex;align-items: center;gap: 12px;}.filters-modal-content .modal-header h2::before {content: "🔍";font-size: 28px;}.filters-modal-content .close-btn {background: rgba(180, 138, 255, 0.1);border: 1px solid rgba(180, 138, 255, 0.2);border-radius: 10px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 24px;color: #b48aff;cursor: pointer;transition: all 0.3s ease;padding: 0;line-height: 1;}.filters-modal-content .close-btn:hover {background: rgba(180, 138, 255, 0.2);border-color: rgba(180, 138, 255, 0.4);transform: rotate(90deg);}.filters-modal-body {padding: 32px;overflow-y: auto;flex-grow: 1;background: rgba(15, 16, 25, 0.3);}.filters-modal-body::-webkit-scrollbar {width: 10px;}.filters-modal-body::-webkit-scrollbar-track {background: rgba(180, 138, 255, 0.05);border-radius: 10px;}.filters-modal-body::-webkit-scrollbar-thumb {background: rgba(180, 138, 255, 0.3);border-radius: 10px;}.filters-modal-body::-webkit-scrollbar-thumb:hover {background: rgba(180, 138, 255, 0.5);}.filters-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 24px;align-items: start;}.filter-section {background: rgba(26, 27, 46, 0.6);border: 1px solid rgba(180, 138, 255, 0.15);border-radius: 14px;padding: 20px;transition: all 0.3s ease;}.filter-section:hover {border-color: rgba(180, 138, 255, 0.3);background: rgba(26, 27, 46, 0.8);transform: translateY(-2px);box-shadow: 0 4px 16px rgba(180, 138, 255, 0.1);}.filter-section.marketing-section {grid-column: 1 / -1;background: linear-gradient(135deg, rgba(180, 138, 255, 0.08) 0%, rgba(26, 27, 46, 0.6) 100%);}.filter-label {color: #e2e8f0;font-size: 14px;font-weight: 600;margin: 0 0 12px 0;display: flex;align-items: center;gap: 8px;text-transform: uppercase;letter-spacing: 0.5px;font-size: 13px;}.filter-label::before {content: "";width: 3px;height: 16px;background: linear-gradient(180deg, #b48aff 0%, #8b5cf6 100%);border-radius: 2px;}.filter-group,.filter-toggle-group {display: flex;flex-direction: column;gap: 8px;}.filter-select,.date-input,.number-input,.text-input {width: 100%;background: rgba(15, 16, 25, 0.8);border: 1px solid rgba(180, 138, 255, 0.2);border-radius: 10px;padding: 12px 16px;color: #e8eaed;font-size: 14px;transition: all 0.3s ease;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);}.filter-select {-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-right: 40px;cursor: pointer;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20'><polygon fill='%23b48aff' points='0,6 20,6 10,14'/></svg>");background-repeat: no-repeat;background-position: right 12px center;background-size: 12px 12px;background-color: rgba(15, 16, 25, 0.8);}.filter-select:hover,.date-input:hover,.number-input:hover,.text-input:hover {border-color: rgba(180, 138, 255, 0.4);background: rgba(15, 16, 25, 0.95);}.filter-select:focus,.date-input:focus,.number-input:focus,.text-input:focus {outline: none;border-color: #b48aff;box-shadow: 0 0 0 3px rgba(180, 138, 255, 0.15),inset 0 1px 0 rgba(255, 255, 255, 0.05);background: rgba(15, 16, 25, 1);}.filter-select option {background-color: #161722;color: #e8eaed;padding: 8px 12px;}.filter-toggle-group {flex-direction: row;gap: 12px;}.toggle-option {flex: 1;display: flex;align-items: center;justify-content: center;gap: 8px;padding: 10px 16px;background: rgba(15, 16, 25, 0.6);border: 1px solid rgba(180, 138, 255, 0.2);border-radius: 10px;cursor: pointer;transition: all 0.3s ease;position: relative;}.toggle-option:hover {background: rgba(15, 16, 25, 0.8);border-color: rgba(180, 138, 255, 0.4);}.toggle-option input[type="radio"] {position: absolute;opacity: 0;cursor: pointer;}.toggle-option input[type="radio"]:checked + .toggle-text {color: #fff;font-weight: 600;}.toggle-option input[type="radio"]:checked ~ * {color: #fff;}.toggle-option:has(input[type="radio"]:checked) {background: linear-gradient(135deg, rgba(180, 138, 255, 0.3) 0%, rgba(139, 92, 246, 0.3) 100%);border-color: #b48aff;box-shadow: 0 0 0 3px rgba(180, 138, 255, 0.1);}.toggle-text {color: #9ca3af;font-size: 14px;transition: all 0.3s ease;z-index: 1;}.date-range-filter {display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 12px;}.date-separator,.range-separator {color: rgba(180, 138, 255, 0.6);font-weight: 500;font-size: 16px;text-align: center;user-select: none;}.date-input,.number-input {min-width: 0;}.date-input {position: relative;color-scheme: dark;padding: 12px 16px;font-family: inherit;}.date-input::-webkit-calendar-picker-indicator {filter: invert(0.7) sepia(1) saturate(3) hue-rotate(230deg);cursor: pointer;opacity: 0.8;transition: opacity 0.3s ease;width: 20px;height: 20px;}.date-input:hover::-webkit-calendar-picker-indicator {opacity: 1;}.date-input::-webkit-datetime-edit-fields-wrapper {padding: 0;}.date-input::-webkit-datetime-edit-text {color: rgba(180, 138, 255, 0.5);padding: 0 2px;}.date-input::-webkit-datetime-edit-month-field,.date-input::-webkit-datetime-edit-day-field,.date-input::-webkit-datetime-edit-year-field {color: #e8eaed;padding: 2px;border-radius: 4px;}.date-input::-webkit-datetime-edit-month-field:focus,.date-input::-webkit-datetime-edit-day-field:focus,.date-input::-webkit-datetime-edit-year-field:focus {background: rgba(180, 138, 255, 0.2);color: #fff;outline: none;}.marketing-inputs {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 16px;}.input-group {display: flex;flex-direction: column;gap: 8px;}.input-group label {color: #9ca3af;font-size: 12px;font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px;}.input-group .text-input::placeholder {color: rgba(232, 234, 237, 0.3);}.modal-footer {background: linear-gradient(135deg, rgba(15, 16, 25, 0.9) 0%, rgba(26, 27, 46, 0.9) 100%);border-top: 1px solid rgba(180, 138, 255, 0.2);padding: 20px 32px;display: flex;align-items: center;justify-content: flex-end;gap: 12px;flex-shrink: 0;}.modal-footer button {padding: 12px 24px;border-radius: 10px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;border: none;display: flex;align-items: center;gap: 8px;}.btn-clear {background: rgba(239, 68, 68, 0.15);color: #ef4444;border: 1px solid rgba(239, 68, 68, 0.3);}.btn-clear:hover {background: rgba(239, 68, 68, 0.25);border-color: rgba(239, 68, 68, 0.5);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);}.btn-save {background: rgba(59, 130, 246, 0.15);color: #3b82f6;border: 1px solid rgba(59, 130, 246, 0.3);}.btn-save:hover {background: rgba(59, 130, 246, 0.25);border-color: rgba(59, 130, 246, 0.5);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);}.btn-apply {background: linear-gradient(135deg, #b48aff 0%, #8b5cf6 100%);color: #fff;border: 1px solid rgba(180, 138, 255, 0.5);box-shadow: 0 2px 8px rgba(180, 138, 255, 0.3);}.btn-apply:hover {background: linear-gradient(135deg, #c49eff 0%, #9b6cf6 100%);transform: translateY(-2px);box-shadow: 0 6px 16px rgba(180, 138, 255, 0.4);}.btn-apply:active {transform: translateY(0);box-shadow: 0 2px 8px rgba(180, 138, 255, 0.3);}@media (max-width: 1200px) {.filters-grid {grid-template-columns: repeat(2, 1fr);}.marketing-inputs {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px) {.filters-modal-content {width: 98%;max-height: 95vh;border-radius: 16px;}.filters-modal-content .modal-header {padding: 20px;}.filters-modal-content .modal-header h2 {font-size: 20px;}.filters-modal-body {padding: 20px;}.filters-grid {grid-template-columns: 1fr;gap: 16px;}.filter-section {padding: 16px;}.marketing-inputs {grid-template-columns: 1fr;gap: 12px;}.modal-footer {padding: 16px 20px;flex-wrap: wrap;}.modal-footer button {flex: 1 1 auto;min-width: 120px;}.date-range-filter {grid-template-columns: 1fr;gap: 8px;}.date-separator,.range-separator {display: none;}.date-input::before {content: attr(data-label);display: block;font-size: 11px;color: #9ca3af;margin-bottom: 4px;}}@media (max-width: 480px) {.filters-modal-content .modal-header h2::before {font-size: 20px;}.modal-footer {gap: 8px;}.modal-footer button {padding: 10px 16px;font-size: 13px;}}

/*# sourceMappingURL=dashboard.head.6fcf6abdb8bb1484e0dbca9bd84e0747.css.map */