.questionnaire-header{z-index:100;background-color:#f1faff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex;position:sticky;top:0}.header-back-btn,.header-save-btn{color:#1c6794;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px;font-size:16px;font-weight:700;transition:background-color .2s;display:flex}.header-back-btn:hover{background-color:#1c67940d}.header-center{flex-direction:column;align-items:center;display:flex}.header-section-name{color:#1a1a1a;text-align:center;margin:0;font-size:16px;font-weight:700}.header-sub-text{color:#757575;text-align:center;margin-top:2px;font-size:12px}.header-save-btn{display:none}.survey-header{margin-bottom:2rem}.survey-header-navigation{z-index:500;background-color:var(--dashboard-bg,#f0f7ff);justify-content:space-between;align-items:center;margin-top:-.75rem;margin-bottom:.5rem;padding:.75rem 0;display:flex;position:sticky;top:0}.back-link{color:var(--primary-color,#1c6794);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:transform .2s;display:flex}.back-link:hover{transform:translate(-4px)}.back-link-btn{color:var(--primary-color,#1c6794);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:1rem;font-weight:600;transition:transform .2s;display:flex}.back-link-btn:hover:not(:disabled){transform:translate(-4px)}.back-link-btn:disabled{opacity:.5;cursor:not-allowed}.next-link{color:var(--primary-color,#1c6794);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:1rem;font-weight:600;transition:transform .2s;display:flex}.next-link:hover:not(:disabled){transform:translate(4px)}.next-link:disabled{opacity:.5;cursor:not-allowed}.survey-groups-container{flex-direction:column;gap:16px;display:flex}.question-group-card{background-color:#0000;border:none;margin-bottom:16px;padding:0}.group-title{display:none}.group-description{color:#1a1a1a;margin-bottom:16px;padding-left:4px;font-size:15px;line-height:22px}.questions-list{flex-direction:column;gap:16px;display:flex}.question-item{background-color:#fff;border:none;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.question-item.disabled{opacity:.5;pointer-events:none}.group-heading-text{color:#1a1a1a;margin:0;font-size:14px;font-weight:700;line-height:22px}.question-header{flex-direction:column;gap:4px;display:flex}.question-icon-box{display:none}.question-text{color:#1a1a1a;margin-bottom:12px;font-size:14px;font-weight:700;line-height:22px}.field-guidance-text{color:#757575;margin-top:2px;font-size:13px;font-weight:500}.field-content{padding-left:0}.field-wrapper{width:100%;position:relative}.item-select,.subfield-input,.subfield-input-pill,.subfield-textarea{color:#1a1a1a;box-sizing:border-box;background-color:#f5f5f5;border:1.5px solid #1c6794;border-radius:100px;outline:none;width:100%;max-width:500px;height:50px;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s}.subfield-textarea{resize:none;border-radius:18px;height:92px;padding:12px 16px}.item-select:focus,.subfield-input:focus,.subfield-input-pill:focus,.subfield-textarea:focus{background-color:#fff;border-color:#4a9fd8}.searchable-dropdown-container{width:100%;max-width:500px;position:relative}.dropdown-trigger{cursor:pointer;color:#1a1a1a;box-sizing:border-box;background-color:#f1faff;border:1.5px solid #cbd5e1;border-radius:100px;justify-content:space-between;align-items:center;height:48px;padding:0 16px;font-size:15px;transition:all .2s;display:flex}.dropdown-trigger:hover{border-color:#1c6794}.dropdown-trigger.active{background-color:#fff;border-color:#1c6794;box-shadow:0 0 0 3px #1c67941a}.dropdown-trigger.disabled{opacity:.5;pointer-events:none;cursor:not-allowed;background-color:#f5f5f5;border-color:#e0e0e0}.placeholder-value{color:#64748b;font-weight:500}.selected-value{color:#1a1a1a;font-weight:500}.dropdown-chevron{color:#1c6794;flex-shrink:0;transition:transform .2s}.dropdown-chevron.open{transform:rotate(180deg)}.dropdown-menu{z-index:1000;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 12px 30px -5px #0000001f,0 8px 16px -6px #00000014}.dropdown-search-wrapper{box-sizing:border-box;background-color:#f8fafc;border-bottom:1.5px solid #f1f5f9;align-items:center;gap:8px;height:42px;padding:10px 16px;display:flex}.dropdown-search-wrapper .search-icon{color:#94a3b8;flex-shrink:0}.dropdown-search-input{color:#1e293b;flex:1;font-size:14px;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;height:auto!important;padding:0!important}.dropdown-search-wrapper .clear-search{color:#94a3b8;cursor:pointer;transition:color .2s}.dropdown-search-wrapper .clear-search:hover{color:#ef4444}.dropdown-options-list{flex-direction:column;max-height:220px;padding:6px 0;display:flex;overflow-y:auto}.dropdown-options-list::-webkit-scrollbar{width:6px}.dropdown-options-list::-webkit-scrollbar-track{background:0 0}.dropdown-options-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.dropdown-option{color:#334155;cursor:pointer;text-align:left;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s}.dropdown-option:hover{color:#1c6794;background-color:#f1f5f9}.dropdown-option.selected{color:#1c6794;background-color:#dcf2ff;font-weight:500}.no-options{text-align:center;color:#94a3b8;padding:16px;font-size:14px;font-style:italic;font-weight:500}.date-input-container{align-items:center;width:100%;max-width:500px;display:flex;position:relative}.date-pill,.date-input-container .date-pill,.recurrence-nested-box .date-pill,.checkbox-dates-subform .date-pill,.symptom-details-card .date-pill,.beneficial-subform .date-pill,.relative-card .date-pill{color:#1a1a1a!important;text-align:left!important;box-sizing:border-box!important;background-color:#f5f5f5!important;border:1.5px solid #1c6794!important;border-radius:100px!important;width:100%!important;height:50px!important;padding-right:44px!important;font-size:15px!important;font-weight:500!important;transition:all .2s!important}.date-pill:focus,.date-pill:hover:not(:disabled),.recurrence-nested-box .date-pill:focus,.recurrence-nested-box .date-pill:hover:not(:disabled),.checkbox-dates-subform .date-pill:focus,.checkbox-dates-subform .date-pill:hover:not(:disabled){background-color:#fff!important;border-color:#4a9fd8!important}.radio-pill-group{flex-wrap:wrap;gap:12px;width:100%;max-width:520px;margin-top:8px;display:flex}.radio-pill-group.small{flex-flow:row;gap:8px;max-width:320px}.radio-pill-group.small .radio-pill-item{min-width:90px;height:38px;padding:0 14px;font-size:13px}.radio-pill-item{color:#475569;cursor:pointer;white-space:nowrap;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:100px;flex:none;justify-content:center;align-items:center;min-width:120px;height:44px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #0000000d}.radio-pill-item:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.checkbox-group,.reasons-checkbox-list,.checkbox-options-list{flex-direction:column;gap:15px;margin-top:8px;display:flex}.checkbox-option-wrapper,.standard-checkbox-item,.checkbox-item-pill-wrapper{flex-direction:column;display:flex}.checkbox-row-standard-v2,.checkbox-row-standard{cursor:pointer;-webkit-user-select:none;user-select:none;color:#1a1a1a;align-items:flex-start;margin-top:10px;font-size:15px;font-weight:500;line-height:22px;display:flex;gap:16px!important}.checkbox-row-standard-v2 input[type=checkbox],.checkbox-row-standard input[type=checkbox],.checkbox-row.mini input[type=checkbox],.ongoing-checkbox-label input[type=checkbox]{display:none}.checkbox-square{background-color:#0000;border:1.5px solid #cbd5e1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;transition:all .2s;display:flex}.checkbox-square.checked{background-color:#66bf60;border-color:#66bf60}.checkbox-text-v2{color:#1a1a1a;font-size:15px;font-weight:500;line-height:22px}.checkbox-text-v2.bold-label{font-weight:700}.qol-list-container{flex-direction:column;gap:12px;margin-top:8px;display:flex}.qol-list-item{cursor:pointer;align-items:center;gap:12px;padding:4px 0;transition:opacity .2s;display:flex}.qol-checkbox{background-color:#fff;border:1.5px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.qol-checkbox.checked{background-color:#66bf60;border-color:#66bf60}.qol-option-text{color:#1a1a1a;font-size:15px;font-weight:500;line-height:22px}.qol-list-item.selected .qol-option-text{font-weight:500!important}.other-specify-wrapper,.other-input-wrapper{width:calc(100% - 36px);margin-top:8px;margin-left:36px}.other-input-wrapper-pill{width:100%;margin-top:10px;margin-bottom:6px}.section-heading-outside{color:#1a1a1a!important;margin:16px 0 12px 4px!important;font-size:16px!important;font-weight:700!important;line-height:22px!important}.checkbox-dates-item-wrapper{flex-direction:column;margin-bottom:8px;display:flex}.checkbox-dates-item-wrapper.nested-item{margin-top:10px;margin-left:30px}.checkbox-dates-subform{background-color:#0000;border:none;flex-direction:column;gap:12px;margin-top:12px;margin-left:36px;padding:0;display:flex}.subfield-item{flex-direction:column;gap:6px;display:flex}.subfield-label{color:#1a1a1a;font-size:13px;font-weight:600}.dates-grid{grid-template-columns:1fr;gap:12px;display:grid}.ongoing-toggle-wrapper{margin-top:8px}.ongoing-checkbox-label{cursor:pointer;color:#1a1a1a;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.mini-checkbox{background-color:#0000;border:1.5px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.mini-checkbox.checked{background-color:#66bf60;border-color:#66bf60}.nested-checkbox-group{flex-direction:column;padding-left:16px!important}.complex-options-container{margin-top:16px}.section-label-v2{color:#1a1a1a;margin-bottom:8px;font-size:14px;font-weight:700}.checkbox-list-pill{background-color:#fff;border-radius:12px;padding:16px}.sub-question-text-bold{color:#1a1a1a;margin-bottom:12px;font-size:14px;font-weight:700}.radio-treatment-renderer,.radio-family-renderer,.radio-side-effect-renderer{flex-direction:column;display:flex}.radio-main-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.radio-question-text{color:#1a1a1a;font-size:14px;font-weight:700;line-height:22px}.radio-options-row{flex-wrap:wrap;gap:12px;width:100%;max-width:520px;margin-top:8px;display:flex}.treatments-list,.relatives-container{flex-direction:column;gap:16px;margin-top:16px;display:flex}.treatment-entry-card-v2,.relative-card{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.entry-header{justify-content:space-between;align-items:center;display:flex}.entry-title{color:#1a1a1a;margin:0;font-size:16px;font-weight:600}.delete-entry-btn-pill{cursor:pointer;background-color:#ff5252;border:none;border-radius:18px;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex;box-shadow:0 2px 4px #0000001a}.delete-entry-btn-pill:hover{opacity:.9}.treatment-form-content{flex-direction:column;gap:12px;display:flex}.input-group-pill{flex-direction:column;gap:4px;display:flex}.field-label-pill{color:#1a1a1a;margin-bottom:4px;font-size:14px;font-weight:600}.date-row-pill{grid-template-columns:1fr;gap:12px;display:grid}.ongoing-row-pill{margin-top:8px}.checkbox-container-pill{cursor:pointer;color:#1a1a1a;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.checkbox-container-pill input[type=checkbox]{display:none}.checkbox-custom{background-color:#0000;border:1.5px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.checkbox-custom.checked{background-color:#66bf60;border-color:#66bf60}.sub-question-section{background-color:#fff;border:1.5px solid #e0e0e0;border-radius:12px;flex-direction:column;gap:12px;margin-top:8px;padding:16px;display:flex}.sub-question-text{color:#000;font-size:14px;font-weight:600}.add-treatment-btn-pill{color:#1c6794;cursor:pointer;background-color:#0000;border:1.5px solid #1c6794;border-radius:100px;justify-content:center;align-items:center;gap:8px;height:50px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.add-treatment-btn-pill:hover{background-color:#1c67940d}.side-effect-content{flex-direction:column;gap:16px;margin-top:16px;display:flex}.treatment-selection-section{background-color:#fff;border:none;border-radius:12px;padding:16px}.treatment-checkbox-grid{flex-direction:column;gap:12px;margin-top:12px;display:flex}.treatment-checkbox-pill{cursor:pointer;background-color:#fff;border:1.5px solid #e0e0e0;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.treatment-checkbox-pill.selected{background-color:#1c679405;border-color:#1c6794}.treatment-checkbox-pill input[type=checkbox]{display:none}.treatment-info{flex-direction:column;display:flex}.treatment-name{color:#1a1a1a;font-size:15px;font-weight:500}.treatment-date{color:#757575;margin-top:2px;font-size:13px}.no-data-alert{color:#856404;background-color:#fff3cd;border:1px solid #ffe082;border-radius:12px;align-items:center;gap:8px;padding:16px;font-size:14px;font-style:italic;display:flex}.treatment-side-effect-group{flex-direction:column;gap:12px;margin-top:20px;display:flex}.treatment-side-effect-card{background-color:#fff;border:none;border-radius:12px;flex-direction:column;gap:16px;padding:16px;display:flex}.side-effect-card-title{color:#1a1a1a;margin:0;font-size:15px;font-weight:600}.side-effects-checkbox-list,.follow-up-questions{flex-direction:column;gap:12px;display:flex}.follow-up-item-card{background-color:#fff;border:none;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.follow-up-item{flex-direction:column;gap:8px;display:flex}.follow-up-text{color:#1a1a1a;font-size:14px;font-weight:500}.relatives-container{margin-top:16px}.relative-card{background-color:#fff;border:none;border-radius:12px;padding:16px}.cancer-types-section{flex-direction:column;gap:12px;display:flex}.symptom-item-wrapper{flex-direction:column;margin-bottom:12px;display:flex}.symptom-details-card{background-color:#0000;border:none;flex-direction:column;gap:16px;margin-top:12px;margin-left:36px;padding:0;display:flex}.symptom-toggles{flex-wrap:wrap;gap:16px;display:flex}.checkbox-row.mini{cursor:pointer;color:#1a1a1a;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.checkbox-row.mini.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.recurrence-nested-box,.beneficial-subform{background-color:#0000;border:none;flex-direction:column;gap:12px;margin-top:12px;padding:0;display:flex}.beneficial-subform .other-specify-wrapper{width:100%!important;margin-top:0!important;margin-left:0!important}.checkbox-dates-subform input,.symptom-details-card input,.recurrence-nested-box input,.beneficial-subform input,.relative-card input{box-sizing:border-box!important;background-color:#f1faff!important;border:1.5px solid #cbd5e1!important;border-radius:100px!important;outline:none!important;width:100%!important;max-width:500px!important;height:42px!important;padding:10px 16px!important;font-size:15px!important;font-weight:500!important;transition:all .2s!important}.date-input-container,.checkbox-dates-subform input[type=month],.symptom-details-card input[type=month],.recurrence-nested-box input[type=month],.beneficial-subform input[type=month],.relative-card input[type=month],.checkbox-dates-subform input[type=date],.symptom-details-card input[type=date],.recurrence-nested-box input[type=date],.beneficial-subform input[type=date],.relative-card input[type=date]{width:100%!important;max-width:500px!important}.date-input-container input[type=month],.date-input-container input[type=date],.checkbox-dates-subform input[type=month],.symptom-details-card input[type=month],.recurrence-nested-box input[type=month],.beneficial-subform input[type=month],.relative-card input[type=month],.checkbox-dates-subform input[type=date],.symptom-details-card input[type=date],.recurrence-nested-box input[type=date],.beneficial-subform input[type=date],.relative-card input[type=date]{background-image:url(/assets/images/calender-icon.png)!important;background-position:calc(100% - 16px)!important;background-repeat:no-repeat!important;background-size:20px 20px!important;padding-right:44px!important;position:relative!important}.checkbox-dates-subform input[type=month],.symptom-details-card input[type=month],.recurrence-nested-box input[type=month],.beneficial-subform input[type=month],.checkbox-dates-subform input[type=date],.symptom-details-card input[type=date],.recurrence-nested-box input[type=date],.beneficial-subform input[type=date]{align-items:center;display:flex}.date-input-container input::-webkit-calendar-picker-indicator{cursor:pointer;width:100%;height:100%;position:absolute;inset:0;opacity:0!important}.checkbox-dates-subform input::-webkit-calendar-picker-indicator{cursor:pointer;width:100%;height:100%;position:absolute;inset:0;opacity:0!important}.symptom-details-card input::-webkit-calendar-picker-indicator{cursor:pointer;width:100%;height:100%;position:absolute;inset:0;opacity:0!important}.recurrence-nested-box input::-webkit-calendar-picker-indicator{cursor:pointer;width:100%;height:100%;position:absolute;inset:0;opacity:0!important}.beneficial-subform input::-webkit-calendar-picker-indicator{cursor:pointer;width:100%;height:100%;position:absolute;inset:0;opacity:0!important}.checkbox-dates-subform label,.symptom-details-card label,.recurrence-nested-box label,.beneficial-subform label,.symptom-details-card .input-group label,.recurrence-nested-box .input-group label{color:#1a1a1a;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.pathology-grid-v2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:768px){.pathology-grid-v2{grid-template-columns:1fr}}.pathology-field-item-v2{background-color:#0000;border:none;border-radius:0;flex-direction:column;gap:8px;padding:0;display:flex}.pathology-field-item-v2:hover{border-color:#0000}.field-label-pill{color:#1e293b;font-size:14px;font-weight:700;display:block}.pathology-inputs-row{align-items:center;gap:8px;display:flex}.pathology-input-pill-wrapper-v3{flex:2}.pathology-value-input-v3{color:#1a1a1a;box-sizing:border-box;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:100px;outline:none;width:100%;height:42px;padding:10px 16px;font-weight:700;transition:all .2s}.pathology-value-input-v3:focus{background-color:#fff;border-color:#1c6794}.pathology-unit-pill-wrapper-v3{flex:1;position:relative}.pathology-unit-select-v3{color:#64748b;cursor:pointer;appearance:none;box-sizing:border-box;background-color:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:100px;outline:none;width:100%;height:42px;padding:10px 32px 10px 16px;font-weight:500}.unit-select-chevron{pointer-events:none;color:#64748b;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pathology-ref-range-text{color:#94a3b8;font-size:12px;font-weight:600;display:block}.pathology-error-text{color:#ef4444;font-size:12px;font-weight:600}.error-state .pathology-value-input-v3{background-color:#fef2f2;border-color:#ef4444}.pathology-value-input-v3:disabled,.pathology-unit-select-v3:disabled{color:#64748b;opacity:.75;cursor:not-allowed;background-color:#e2e8f0}.pathology-top-sticky-container{z-index:90;background-color:var(--dashboard-bg,#f0f7ff);margin-bottom:16px;padding:8px 0 12px;position:sticky;top:45px}@media (max-width:768px){.pathology-top-sticky-container{top:104px}}.pathology-actions{align-items:center;gap:12px;width:100%;margin-top:12px;margin-bottom:0;display:flex}.add-test-btn,.view-graph-btn{color:#1c6794;cursor:pointer;box-sizing:border-box;background-color:#fff;border:1.5px solid #1c6794;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.add-test-btn:hover,.view-graph-btn:hover{background-color:#f0f9ff;border-color:#1c6794}.add-test-btn.disabled,.add-test-btn:disabled{opacity:.5!important;cursor:not-allowed!important;color:#94a3b8!important;background-color:#fff!important;border-color:#cbd5e1!important}.pill-save-button,.web-save-button{color:#fff;cursor:pointer;background-color:#1c6794;border:none;border-radius:100px;justify-content:center;align-items:center;width:100%;margin-top:24px;padding:14px 24px;font-size:16px;font-weight:700;transition:opacity .2s,background-color .2s;display:flex}.pill-save-button:hover:not(:disabled),.web-save-button:hover:not(:disabled){background-color:#165377}.pill-save-button:disabled,.web-save-button:disabled{opacity:.4;cursor:not-allowed}.auto-save-footer{text-align:center;color:#757575;margin-top:24px;margin-bottom:24px;font-size:13px;font-style:italic}.sticky-bottom-save-container{z-index:1000;box-sizing:border-box;background-color:#f0f7ff;justify-content:center;padding:12px 2.5rem 14px;display:flex;position:fixed;bottom:0;left:400px;right:0;box-shadow:0 -4px 15px #0000000f}.sticky-bottom-save-inner{flex-direction:column;align-items:center;width:100%;max-width:1400px;display:flex}.sticky-bottom-save-container .pill-save-button{margin-top:0}.sticky-bottom-save-container .auto-save-footer{margin-top:8px;margin-bottom:0}@media (max-width:1024px){.sticky-bottom-save-container{left:80px}}@media (max-width:768px){.sticky-bottom-save-container{padding:12px 1rem 14px;left:0}}.survey-loading-state{color:#1c6794;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:60vh;font-weight:600;display:flex}.graph-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.graph-modal-container{background-color:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.graph-modal-header{background-color:#f8fafc;border-bottom:1.5px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.graph-modal-title-group{align-items:center;gap:12px;display:flex}.graph-modal-icon-wrapper{color:#fff;background-color:#1c6794;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.graph-modal-title{color:#1e293b;margin:0;font-size:17px;font-weight:600}.graph-modal-subtitle{color:#64748b;margin:2px 0 0;font-size:13px}.graph-modal-close-btn{color:#64748b;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.graph-modal-close-btn:hover{color:#ef4444;background-color:#fee2e2}.graph-modal-content{flex:1;min-height:350px;padding:24px;overflow-y:auto}.graph-chart-wrapper{background-color:#fff;width:100%;height:350px}.graph-legend-text{color:#475569;margin-left:8px;font-size:13px;font-weight:700}.graph-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:350px;padding:24px;display:flex}.graph-empty-icon{color:#94a3b8;background-color:#f1f5f9;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.graph-empty-title{color:#334155;margin:0;font-size:18px;font-weight:700}.graph-empty-subtitle{color:#64748b;max-width:300px;margin:0;font-size:14px;line-height:22px}.graph-modal-footer{background-color:#f8fafc;border-top:1.5px solid #f1f5f9;justify-content:flex-end;padding:16px 20px;display:flex}.graph-modal-action-btn{color:#fff;cursor:pointer;background-color:#1c6794;border:none;border-radius:100px;padding:10px 24px;font-weight:700;transition:opacity .2s}.graph-modal-action-btn:hover{opacity:.9}.animate-slide-up{animation:.3s ease-out forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dashboard-page{width:100%;max-width:1400px}@media (max-width:768px){.survey-header{margin-bottom:1.5rem!important}.survey-header-navigation{flex-direction:row;gap:8px;margin-top:-.75rem;padding:.75rem 0;top:60px}.back-link,.back-link-btn,.next-link{font-size:.875rem!important}.survey-groups-container{gap:12px!important}.question-item{margin-bottom:12px!important;padding:12px!important}.group-heading-text{font-size:13px!important;line-height:18px!important}}@media (max-width:500px){.date-grid{grid-template-columns:1fr!important;gap:12px!important}.datepicker-wrapper,.date-input-container,.searchable-dropdown-container,.checkbox-dates-subform input,.symptom-details-card input,.recurrence-nested-box input,.beneficial-subform input,.relative-card input{max-width:100%!important}}.treatment-entry-wrapper{flex-direction:column;gap:16px;margin-top:16px;display:flex}.treatment-fields-card,.treatment-card-white{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000d}.treatment-fields-card .subfield-input-pill,.treatment-fields-card .subfield-textarea,.treatment-fields-card .datepicker-trigger,.treatment-fields-card .dropdown-trigger{color:#1a1a1a!important;background-color:#f1faff!important;border-color:#1c6794!important}.treatment-fields-card .subfield-input-pill:focus,.treatment-fields-card .subfield-textarea:focus,.treatment-fields-card .datepicker-trigger--active,.treatment-fields-card .dropdown-trigger.active{background-color:#fff!important;border-color:#4a9fd8!important}.radio-pill-item[data-option=Yes],.radio-pill-item[data-option=yes]{color:#1c6794!important;background-color:#f0f7ff!important;border-color:#1c679459!important}.radio-pill-item[data-option=Yes]:hover,.radio-pill-item[data-option=yes]:hover{background-color:#e0efff!important;border-color:#1c679499!important}.radio-pill-item[data-option=No],.radio-pill-item[data-option=no]{color:#2e7d32!important;background-color:#f0fdf4!important;border-color:#66bf6059!important}.radio-pill-item[data-option=No]:hover,.radio-pill-item[data-option=no]:hover{background-color:#dcfce7!important;border-color:#66bf6099!important}.radio-pill-item[data-option*=sure i],.radio-pill-item[data-option*=know i],.radio-pill-item[data-option*=uncertain i],.radio-pill-item[data-option*=Uncertain i],.radio-pill-item[data-option*=previously i],.radio-pill-item[data-option*=stopped i]{color:#4b5563!important;background-color:#f3f4f6!important;border-color:#75757559!important}.radio-pill-item[data-option*=sure i]:hover,.radio-pill-item[data-option*=know i]:hover,.radio-pill-item[data-option*=uncertain i]:hover,.radio-pill-item[data-option*=Uncertain i]:hover,.radio-pill-item[data-option*=previously i]:hover,.radio-pill-item[data-option*=stopped i]:hover{background-color:#e5e7eb!important;border-color:#75757599!important}.radio-pill-item.active{color:#fff!important;background-color:#1c6794!important;border-color:#1c6794!important;box-shadow:0 4px 12px #1c679440!important}.radio-pill-item.active-no{color:#fff!important;background-color:#66bf60!important;border-color:#66bf60!important;box-shadow:0 4px 12px #66bf6040!important}.radio-pill-item.active-gray{color:#fff!important;background-color:#757575!important;border-color:#757575!important;box-shadow:0 4px 12px #75757540!important}.question-item.question-item--special{box-shadow:none!important;background-color:#0000!important;border:none!important;padding:0!important}.question-item.question-item--special>.question-header{margin-bottom:8px!important;padding-left:4px!important}.view-field-ranges-btn{color:#1a1a1a!important;cursor:pointer!important;background:0 0!important;border:none!important;align-self:flex-start!important;align-items:center!important;gap:6px!important;margin-top:4px!important;padding:0!important;font-size:13px!important;font-weight:500!important;transition:all .2s!important;display:flex!important}.view-field-ranges-btn:hover{color:#124d70!important;text-decoration:underline!important}.range-modal-container{background-color:#fff!important;border-radius:16px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.gp-page{background:#f0f7ff;min-height:100vh;padding:24px;overflow-x:hidden}.gp-card{background:#fff;border-radius:16px;max-width:100%;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.gp-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;padding:16px 24px;display:flex}.gp-back-btn{color:#1c6794;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;font-size:15px;font-weight:600;transition:opacity .15s;display:flex}.gp-back-btn:hover{opacity:.7}.gp-title{text-align:center;color:#1e293b;flex:1;margin:0;font-size:18px;font-weight:700}.gp-header-spacer{flex-shrink:0;width:65px}.gp-filters{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:20px 24px;display:flex}.gp-filter-field{flex-direction:column;flex:1;gap:6px;min-width:150px;display:flex}.gp-filter-label{color:#64748b;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.gp-reset-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;height:42px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.gp-reset-btn:hover:not(:disabled){color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.gp-reset-btn:disabled{opacity:.4;cursor:not-allowed}.gp-body{padding:24px}.gp-chart-section{margin-bottom:28px}.gp-chart-subtitle{color:#64748b;margin:0 0 16px;font-size:14px;font-weight:500;line-height:1.5}.gp-chart-scroll{-webkit-overflow-scrolling:touch;background:#fafbfc;border:none;border-radius:12px;outline:none;width:100%;overflow:auto hidden}.gp-chart-scroll::-webkit-scrollbar{height:6px}.gp-chart-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.gp-chart-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.gp-chart-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}.gp-chart-inner{height:380px}.gp-section{margin-bottom:24px}.gp-section:last-child{margin-bottom:0}.gp-section-title{color:#1e293b;border-bottom:2px solid #e2e8f0;margin:0 0 14px;padding-bottom:8px;font-size:15px;font-weight:700}.gp-table-wrap{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.gp-table{border-collapse:collapse;width:100%;font-size:13px}.gp-table thead tr{background:#f1f5f9}.gp-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #e2e8f0;padding:10px 16px;font-size:12px;font-weight:600}.gp-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:10px 16px;font-weight:500}.gp-table tbody tr:last-child td{border-bottom:none}.gp-table tbody tr:hover{background:#f8fafc}.gp-val-igm{color:#4a90d9!important;font-weight:600!important}.gp-val-hb{color:#d45151!important;font-weight:600!important}.gp-treatment-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.gp-treatment-row{color:#334155;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.gp-treatment-dot{background:#0f7b5f;border-radius:50%;flex-shrink:0;width:8px;height:8px}.gp-treatment-dates{color:#0f7b5f;font-weight:700}.gp-treatment-sep{color:#cbd5e1}.gp-treatment-name{color:#1e293b;font-weight:600}.gp-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:64px 0;display:flex}.gp-empty-icon{color:#cbd5e1;margin-bottom:16px}.gp-empty-text{color:#94a3b8;margin:0;font-size:15px;font-weight:500}@media (max-width:768px){.gp-page{padding:12px}.gp-header{text-align:center;flex-direction:column;align-items:center;gap:8px}.gp-header-spacer{display:none}.gp-filters{flex-direction:column;align-items:stretch;gap:12px}.gp-filter-field{width:100%}.gp-reset-btn{justify-content:center;align-self:stretch}.gp-body{padding:16px}.gp-chart-inner{height:300px}}.recharts-wrapper,.recharts-surface,.recharts-wrapper :focus{border:none!important;outline:none!important}.qol-lock-banner{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.qol-lock-banner-icon-container{color:#0284c7;background-color:#e0f2fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.qol-lock-banner-text strong{color:#0369a1;margin-bottom:.25rem;font-size:1.05rem;font-weight:700;display:block}.qol-lock-banner-text p{color:#0284c7;margin:0;font-size:.9rem}.qol-locked-overlay-message{color:#475569;text-align:center;background-color:#f1f5f9;border-radius:12px;margin-bottom:2rem;padding:1.25rem;font-size:.95rem;font-style:italic;font-weight:500}.qol-dialog-overlay{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:10000;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.qol-dialog-container{box-sizing:border-box;text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:440px;padding:2.5rem 2rem 2rem;animation:.2s cubic-bezier(.34,1.56,.64,1) forwards dialogScaleUp;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.qol-dialog-icon{color:#d97706;background-color:#fffbeb;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;font-size:24px;display:flex}.qol-dialog-title{color:#1e293b;margin:0 0 1rem;font-family:inherit;font-size:20px;font-weight:700}.qol-dialog-description{color:#64748b;white-space:pre-wrap;margin:0 0 2rem;font-family:inherit;font-size:14.5px;line-height:1.6}.qol-dialog-actions{gap:1rem;width:100%;display:flex}.qol-dialog-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:.85rem;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s}.qol-dialog-btn.cancel{color:#334155;background-color:#f1f5f9}.qol-dialog-btn.cancel:hover{background-color:#e2e8f0}.qol-dialog-btn.confirm{color:#fff;background-color:#1c6794}.qol-dialog-btn.confirm:hover{background-color:#155073}@keyframes dialogScaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.input-group-pill.has-error input,.input-group-pill.has-error textarea,.input-group-pill.has-error .dropdown-trigger,.input-group-pill.has-error .datepicker-trigger{background-color:#fef2f2!important;border-color:#ef4444!important}.input-group-pill.has-error .field-label-pill{color:#ef4444!important}.treatment-card-white.has-error,.trial-checkboxes-grid.has-error{border-radius:16px;padding:1.25rem;background-color:#fef2f2!important;border:1.5px solid #ef4444!important}.subfield-textarea.has-error,.subfield-input-pill.has-error{background-color:#fef2f2!important;border-color:#ef4444!important}.subfield-error-text{color:#ef4444;margin-top:.35rem;font-size:.85rem;font-weight:500;display:block}
