@charset "UTF-8";.chakra-select__wrapper{-webkit-margin-start:0!important;margin-inline-start:0!important}.radio-toolbar{cursor:pointer}.radio-toolbar input[type=radio]{opacity:0;position:fixed;width:0}.radio-toolbar label{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;display:inline-block;font-family:sans-serif,Arial;font-size:16px;padding:10px}.radio-toolbar label:hover{background-color:rgba(42,42,42,.1)}.radio-toolbar input[type=radio]:focus+label{border:2px dashed #444}.radio-toolbar input[type=radio]:checked+label{background-color:#292929;border-color:#292929;color:#fff}@media only screen and (max-width:600px){.radio-toolbar{cursor:pointer}.radio-toolbar input[type=radio]{opacity:0;position:fixed;width:0}.radio-toolbar label{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;display:inline-block;font-family:sans-serif,Arial;font-size:12px;padding:5px}.radio-toolbar label:hover{background-color:rgba(42,42,42,.1)}.radio-toolbar input[type=radio]:focus+label{border:2px dashed #444}.radio-toolbar input[type=radio]:checked+label{background-color:#292929;border-color:#292929;color:#fff}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.virtualized-list-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.virtualized-list{contain:layout style paint;will-change:scroll-position}.message-item-wrapper{transition:background-color .15s ease}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.orderchat-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-container,.orderchat-container{background-color:#f9fafb;display:flex;height:100vh}.loading-container{align-items:center;justify-content:center}.loading-content{text-align:center}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:48px;margin:0 auto 16px;width:48px}.loading-spinner.small{border-width:2px;height:16px;margin:0;width:16px}.chat-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;width:320px}.sidebar-header{border-bottom:1px solid #e5e7eb;padding:16px}.header-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.header-title h1{color:#111827;font-size:20px;font-weight:700;margin:0}.add-room-btn{background-color:initial;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:20px;padding:8px;transition:background-color .2s}.add-room-btn:hover{background-color:#f3f4f6}.user-info{align-items:center;background-color:#f9fafb;border-radius:8px;display:flex;margin-bottom:12px;padding:8px}.user-avatar{margin-right:12px}.user-details{flex:1 1}.user-name{font-size:14px}.sort-options{margin-bottom:12px}.sort-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;outline:none;padding:6px 8px;width:100%}.search-container{position:relative}.search-icon{color:#9ca3af;left:12px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.search-input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:8px 8px 8px 36px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#3b82f6}.rooms-list{flex:1 1;overflow-y:auto;padding:16px}.room-item{-webkit-animation:fadeIn .3s ease-in;animation:fadeIn .3s ease-in;border-bottom:1px solid #f3f4f6;border-left:4px solid transparent;cursor:pointer;padding:16px;transition:all .2s}.room-item:hover{background-color:#f9fafb}.room-item.selected{background-color:#eff6ff;border-left-color:#3b82f6}.room-header{justify-content:space-between;margin-bottom:4px}.room-header,.room-name{align-items:center;display:flex}.room-hash{color:#6b7280;margin-right:8px}.room-name h3{color:#111827;font-size:16px;font-weight:500;margin:0}.room-badges{align-items:center;display:flex;gap:4px}.badge{border-radius:10px;color:#fff;font-size:11px;font-weight:500;padding:2px 6px}.badge.unprocessed{background-color:#ef4444}.badge.unread{background-color:#3b82f6}.reply-indicator{color:#10b981;font-size:14px}.room-description{color:#6b7280;font-size:12px;margin-bottom:8px}.last-message{color:#6b7280;font-size:14px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-content{align-items:center;gap:4px}.sender{font-weight:500}.reply-arrow{color:#10b981}.content{flex:1 1;overflow:hidden;text-overflow:ellipsis}.room-footer{color:#9ca3af;font-size:12px;justify-content:space-between}.room-footer,.room-stats{align-items:center;display:flex}.room-stats{gap:8px}.member-count{align-items:center;display:flex;gap:4px}.timestamp{color:#9ca3af}.empty-state{color:#6b7280;padding:16px;text-align:center}.empty-icon{font-size:32px;margin-bottom:8px}.chat-main-area{display:flex;flex:1 1;flex-direction:column}.chat-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:16px}.header-main{justify-content:space-between;margin-bottom:12px}.header-main,.room-info{align-items:center;display:flex}.room-name{color:#111827;font-size:18px;font-weight:600;margin:0}.room-details{color:#6b7280;font-size:14px;margin:0}.header-controls,.loading-indicator{align-items:center;display:flex;gap:8px}.loading-indicator{color:#6b7280;font-size:12px}.unread-controls{align-items:center;display:flex;gap:8px}.unread-count{color:#ef4444;font-size:12px;font-weight:500}.mark-all-read-btn{background-color:#fef2f2;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;font-size:11px;padding:4px 8px}.bulk-select-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;padding:6px 12px}.bulk-select-btn.active{background-color:#eff6ff;color:#3b82f6}.connection-status{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.connected{background-color:#10b981}.status-dot.disconnected{background-color:#9ca3af}.settings-btn{background-color:initial;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:18px;padding:8px}.bulk-controls{align-items:center;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:12px}.selected-count{color:#0369a1;font-size:14px;font-weight:500}.bulk-status-select,.change-reason-input{border:1px solid #d1d5db;border-radius:4px;font-size:12px;padding:4px 8px}.change-reason-input{min-width:150px}.bulk-update-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px}.bulk-update-btn:disabled{background-color:#d1d5db;cursor:not-allowed}.search-filters{display:flex;flex-wrap:wrap;gap:12px}.message-search{flex:1 1;min-width:200px;position:relative}.message-search-input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:8px 8px 8px 36px;width:100%}.status-filter{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:12px;min-width:120px;padding:8px 12px}.filter-buttons{align-items:center;display:flex;gap:8px}.filter-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:12px;padding:8px 12px}.filter-btn.active{background-color:#eff6ff;color:#3b82f6}.message-list-container{background-color:#f9fafb;flex:1 1;overflow:hidden;position:relative}.loading-more-indicator{align-items:center;-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#6b7280;display:flex;font-size:12px;gap:8px;left:50%;padding:8px 16px;position:absolute;top:8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}.virtualized-list{padding:16px}.scroll-to-bottom{align-items:center;-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;background-color:#3b82f6;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;position:absolute;right:20px;transition:all .2s;width:40px}.scroll-to-bottom:hover{background-color:#2563eb;-webkit-transform:scale(1.1);transform:scale(1.1)}.empty-messages,.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.empty-icon-large{color:#d1d5db;font-size:64px;margin-bottom:16px}.empty-title{color:#111827;font-size:18px;font-weight:500;margin-bottom:8px}.empty-subtitle{font-size:14px;margin:0}.message-item-wrapper{margin-bottom:16px;position:relative;transition:none;will-change:auto}.message-item,.message-item-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:auto;max-height:none;min-height:auto;-webkit-transform:translateZ(0);transform:translateZ(0)}.message-item{background-color:initial;border:1px solid transparent;border-radius:8px;contain:layout style paint;padding:12px;transition:background-color .1s ease,border-color .1s ease}.message-item.unread{background-color:#f0f9ff;border-color:#bae6fd}.message-content{align-items:flex-start;display:flex;gap:12px}.message-body,.message-content{height:auto;max-height:none;min-height:auto}.message-body{overflow:visible}.bulk-select-checkbox{cursor:pointer;margin-top:6px}.read-indicator{border-radius:50%;flex-shrink:0;height:8px;margin-top:12px;transition:background-color .2s;width:8px}.read-indicator.unread{background-color:#ef4444}.read-indicator.read{background-color:#d1d5db}.message-body{flex:1 1;min-width:0}.message-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.sender-name{color:#111827;font-weight:500}.timestamp{color:#6b7280;font-size:12px}.edited-indicator{color:#9ca3af;font-size:12px}.status-controls{align-items:center;display:flex;gap:8px}.status-select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:11px;outline:none;padding:2px 6px}.status-badge{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280}.status-changed-by{color:#9ca3af;font-size:11px}.message-text{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:12px}.message-text.template{background-color:#eff6ff;border-color:#bfdbfe}.message-text pre{color:#111827;font-family:inherit;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.message-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tag{background-color:#fef3c7;border-radius:9999px;color:#92400e;font-size:12px;padding:2px 8px}.tag.small{font-size:11px;padding:1px 6px}.message-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.action-btn{background-color:initial;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.action-btn:hover{background-color:#f9fafb}.action-btn.reply-btn{color:#6b7280}.action-btn.replies-btn{border-color:#bfdbfe;color:#3b82f6}.action-btn.history-btn{border-color:#c4b5fd;color:#8b5cf6}.status-history{background-color:#f8fafc;border-radius:6px;font-size:12px;margin-top:8px;padding:8px}.history-title{color:#374151;font-weight:500;margin-bottom:4px}.history-item{border-bottom:1px solid #e5e7eb;margin-bottom:4px;padding-bottom:4px}.history-change{align-items:center;display:flex;gap:8px}.status-change{color:#6b7280}.change-time,.changed-by{color:#9ca3af}.change-reason{color:#6b7280;font-style:italic;margin-top:2px}.message-replies{border-left:2px solid #e5e7eb;margin-left:16px;margin-top:12px;padding-left:12px}.reply-item{align-items:flex-start;display:flex;gap:8px;margin-bottom:12px}.reply-avatar{align-items:center;background-color:#9ca3af;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;width:24px}.reply-content{flex:1 1}.reply-header{flex-wrap:wrap;gap:8px;margin-bottom:4px}.reply-sender{color:#111827;font-size:14px;font-weight:500}.reply-timestamp{color:#6b7280;font-size:12px}.reply-status{background-color:#f3f4f6;border-radius:4px;color:#6b7280;font-size:10px;padding:1px 6px}.reply-text{background-color:#f9fafb;border-radius:8px;margin-bottom:4px;padding:8px}.reply-text,.reply-text pre{color:#111827;font-size:14px}.reply-text pre{font-family:inherit;line-height:1.4;margin:0;white-space:pre-wrap}.reply-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reply-area{background-color:#f9fafb;border-left:4px solid #3b82f6;border-top:1px solid #e5e7eb;padding:12px 16px}.reply-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.replying-to{color:#6b7280;font-size:14px}.close-reply-btn{background-color:initial;border:none;color:#6b7280;cursor:pointer;font-size:16px}.original-message{background-color:#e5e7eb;border-radius:6px;color:#6b7280;font-size:13px;margin-bottom:8px;max-height:60px;overflow:hidden;padding:8px}.reply-input-container{align-items:flex-end;display:flex;gap:12px}.reply-textarea{border:1px solid #d1d5db;box-sizing:border-box;flex:1 1;outline:none;padding:8px;resize:none}.reply-textarea,.send-reply-btn{border-radius:6px;font-size:14px}.send-reply-btn{background-color:#3b82f6;border:none;color:#fff;cursor:pointer;padding:8px 12px}.send-reply-btn:disabled{background-color:#d1d5db;cursor:not-allowed}.message-input-area{background-color:#fff;border-top:1px solid #e5e7eb;padding:16px}.templates-container{background-color:#f9fafb;border-radius:8px;margin-bottom:16px;padding:12px}.templates-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.templates-header h3{color:#111827;font-size:14px;font-weight:500;margin:0}.close-templates-btn{background-color:initial;border:none;color:#6b7280;cursor:pointer;font-size:16px}.templates-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.template-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:12px;text-align:left;transition:all .2s}.template-item:hover{background-color:#f9fafb;border-color:#3b82f6}.template-name{color:#111827;font-size:14px;font-weight:500;margin-bottom:4px}.template-preview{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-templates{color:#6b7280;padding:16px;text-align:center}.no-templates p{font-size:14px;margin:0}.input-form{align-items:flex-end;display:flex;gap:12px}.textarea-container{flex:1 1}.message-textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.4;outline:none;padding:12px;resize:none;width:100%}.message-textarea:focus{border-color:#3b82f6}.message-textarea:disabled{background-color:#f9fafb;cursor:not-allowed}.input-controls{display:flex;flex-direction:column;gap:8px}.template-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:18px;padding:8px;transition:all .2s}.template-btn:hover{background-color:#f9fafb}.template-btn.active{background-color:#eff6ff;color:#3b82f6}.template-btn:disabled{background-color:#f3f4f6;cursor:not-allowed}.send-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;min-height:40px;min-width:40px;padding:8px;transition:all .2s}.send-btn:hover{background-color:#2563eb}.send-btn:disabled{background-color:#d1d5db;cursor:not-allowed}.input-footer{align-items:center;color:#6b7280;display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.input-hints{display:flex;gap:16px}.reply-mode{color:#3b82f6}.bulk-mode{color:#8b5cf6}.search-mode{color:#10b981}.infinite-scroll{color:#f59e0b}.last-update{color:#9ca3af}.empty-state-main{align-items:center;background-color:#f9fafb;display:flex;flex:1 1;justify-content:center}.empty-content{text-align:center}.stats-preview{background-color:#fff;border-radius:12px;margin-top:32px;max-width:400px;padding:20px}.stats-preview h4{color:#111827;font-size:16px;font-weight:500;margin-bottom:16px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.stat-item{border-radius:8px;padding:12px;text-align:center}.stat-item.unprocessed{background-color:#fef2f2}.stat-item.unread{background-color:#eff6ff}.stat-item.replies{background-color:#f0fdf4}.stat-item.total{background-color:#fefce8}.stat-value{font-size:20px;font-weight:600;margin-bottom:4px}.stat-item.unprocessed .stat-value{color:#dc2626}.stat-item.unread .stat-value{color:#2563eb}.stat-item.replies .stat-value{color:#16a34a}.stat-item.total .stat-value{color:#ca8a04}.stat-label{font-size:12px}.stat-item.unprocessed .stat-label{color:#7f1d1d}.stat-item.unread .stat-label{color:#1e40af}.stat-item.replies .stat-label{color:#15803d}.stat-item.total .stat-label{color:#a16207}@media (max-width:768px){.orderchat-container{flex-direction:column}.chat-sidebar{height:200px;width:100%}.chat-main-area{height:calc(100vh - 200px)}.message-header{align-items:flex-start;flex-direction:column;gap:4px}.status-controls{align-self:stretch}.search-filters{flex-direction:column}.filter-buttons{flex-wrap:wrap}.input-form{align-items:stretch;flex-direction:column}.input-controls{flex-direction:row;justify-content:flex-end}}@media (prefers-color-scheme:dark){.orderchat-container{background-color:#1f2937;color:#f9fafb}.chat-sidebar{background-color:#374151;border-right-color:#4b5563}.user-info{background-color:#4b5563}.message-text{background-color:#374151;border-color:#4b5563;color:#f9fafb}.message-item.unread{background-color:#1e3a8a;border-color:#3b82f6}.room-item:hover{background-color:#4b5563}.room-item.selected{background-color:#1e3a8a}.chat-header{background-color:#374151;border-bottom-color:#4b5563}.message-input-area{background-color:#374151;border-top-color:#4b5563}.templates-container{background-color:#4b5563}.template-item{background-color:#374151;border-color:#4b5563;color:#f9fafb}.template-item:hover{background-color:#4b5563}.message-textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}}.orderchat-container :focus{outline:2px solid #3b82f6;outline-offset:2px}.orderchat-container button:focus,.orderchat-container input:focus,.orderchat-container select:focus,.orderchat-container textarea:focus{outline:2px solid #3b82f6;outline-offset:1px}.message-item,.room-item{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.message-list-container::-webkit-scrollbar,.rooms-list::-webkit-scrollbar{width:6px}.message-list-container::-webkit-scrollbar-track,.rooms-list::-webkit-scrollbar-track{background:#f1f5f9}.message-list-container::-webkit-scrollbar-thumb,.rooms-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.message-list-container::-webkit-scrollbar-thumb:hover,.rooms-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.react-window-item{box-sizing:border-box}.virtualized-list-wrapper{height:100%;width:100%}.virtualized-list{scroll-behavior:auto}.message-item-wrapper:hover .message-item{background-color:rgba(249,250,251,.5)}.message-item-wrapper:hover .message-item.unread{background-color:rgba(239,246,255,.8)}.deadline-section{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;padding:12px 16px}.order-deadline-manager{font-size:14px}.current-deadline{align-items:center;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px;transition:all .2s}.current-deadline.active{background-color:#fef2f2;border:1px solid #fecaca}.current-deadline.inactive{background-color:#f9fafb;border:1px solid #e5e7eb}.deadline-info{flex:1 1}.deadline-status{align-items:center;display:flex;gap:8px;margin-bottom:4px}.status-indicator{font-size:12px}.status-indicator.active{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.status-indicator.inactive{opacity:.5}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.deadline-name{color:#111827;font-weight:500}.no-deadline{color:#6b7280;font-style:italic}.deadline-time{color:#ef4444;font-size:12px;font-weight:500}.deadline-description{color:#6b7280;font-size:12px;margin-top:2px}.deadline-actions{display:flex;gap:4px}.deadline-btn{background-color:initial;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s}.deadline-btn.create-btn{background-color:#f0fdf4;color:#10b981}.deadline-btn.create-btn:hover{background-color:#dcfce7}.deadline-btn.close-btn{background-color:#fef2f2;color:#ef4444}.deadline-btn.close-btn:hover{background-color:#fee2e2}.deadline-btn:disabled{cursor:not-allowed;opacity:.5}.create-deadline-form{-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;margin-top:8px;padding:12px}.form-header h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 12px}.form-fields{gap:8px;margin-bottom:12px}.field-group,.form-fields{display:flex;flex-direction:column}.field-group{gap:4px}.field-group label{color:#374151;font-size:12px;font-weight:500}.deadline-input,.deadline-textarea{border:1px solid #d1d5db;border-radius:6px;font-size:12px;outline:none;padding:6px 8px;transition:border-color .2s}.deadline-input:focus,.deadline-textarea:focus{border-color:#3b82f6}.deadline-textarea{min-height:40px;resize:vertical}.form-actions{display:flex;gap:8px;justify-content:flex-end}.form-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.form-btn.cancel-btn{background-color:#f9fafb;border:1px solid #d1d5db;color:#6b7280}.form-btn.cancel-btn:hover{background-color:#f3f4f6}.form-btn.create-btn{background-color:#3b82f6;color:#fff}.form-btn.create-btn:hover{background-color:#2563eb}.form-btn:disabled{cursor:not-allowed;opacity:.5}.recent-deadlines{background-color:#f9fafb;border-radius:6px;margin-top:8px;padding:8px}.recent-header h5{color:#6b7280;font-size:12px;font-weight:600;margin:0 0 6px}.recent-list{display:flex;flex-direction:column;gap:4px}.recent-deadline-item{align-items:center;background-color:#fff;border-radius:4px;display:flex;font-size:11px;justify-content:space-between;padding:4px 6px}.recent-info{display:flex;flex-direction:column;gap:1px}.recent-name{color:#111827;font-weight:500}.recent-time{color:#6b7280}.status-badge{border-radius:4px;font-size:10px;font-weight:500;padding:2px 6px}.status-badge.active{background-color:#fef2f2;color:#dc2626}.status-badge.completed{background-color:#f0fdf4;color:#16a34a}.stats-btn{background-color:initial;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:16px;padding:8px;transition:all .2s}.stats-btn:hover{background-color:#f9fafb;color:#3b82f6}.chat-stats-page{background-color:#f9fafb;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.stats-header{margin-bottom:32px;text-align:center}.stats-header h1{color:#111827;font-size:32px;font-weight:700;margin:0 0 8px}.stats-header p{color:#6b7280;font-size:16px;margin:0}.stats-filters{align-items:end;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:150px}.filter-group.date-range{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:auto 1fr auto 1fr;min-width:300px}.filter-group label{color:#374151;font-size:14px;font-weight:500}.filter-input,.filter-select{border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.filter-input:focus,.filter-select:focus{border-color:#3b82f6}.stats-loading{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;padding:60px}.stats-loading p{color:#6b7280;font-size:16px;margin-top:16px}.stats-content{display:flex;flex-direction:column;gap:24px}.stats-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;gap:16px;padding:20px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.summary-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.card-icon{flex-shrink:0;font-size:32px}.card-content{flex:1 1}.card-value{font-size:24px;font-weight:700;margin-bottom:4px}.card-label{color:#6b7280;font-size:14px;margin-bottom:2px}.card-percentage{font-size:12px;font-weight:500}.summary-card.total .card-value{color:#111827}.summary-card.completed .card-percentage,.summary-card.completed .card-value{color:#10b981}.summary-card.pending .card-percentage,.summary-card.pending .card-value{color:#f59e0b}.summary-card.in-progress .card-percentage,.summary-card.in-progress .card-value{color:#3b82f6}.stats-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}.stats-section h2{border-bottom:1px solid #f3f4f6;color:#111827;font-size:20px;font-weight:600;margin:0;padding:20px 24px 16px}.user-performance-table{overflow-x:auto}.table-header,.table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 2fr 1fr;padding:12px 24px}.table-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600}.table-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.table-row:hover{background-color:#f9fafb}.table-row:last-child{border-bottom:none}.table-cell{color:#111827;font-size:14px}.user-cell{gap:12px}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background-color:#3b82f6;border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:500;height:32px;justify-content:center;width:32px}.user-info{flex:1 1}.user-name{color:#111827;font-weight:500;margin-bottom:2px}.user-role{color:#6b7280;font-size:12px}.completion-rate{align-items:center;display:flex;gap:8px}.rate-bar{background-color:#f3f4f6;border-radius:4px;flex:1 1;height:8px;min-width:60px;overflow:hidden}.rate-fill{background-color:#10b981;height:100%;transition:width .3s ease}.rate-text{color:#10b981;font-size:12px;font-weight:500;min-width:40px}.table-empty{color:#6b7280;padding:40px 24px;text-align:center}.leaderboard{display:flex;flex-direction:column;gap:12px;padding:20px 24px}.leaderboard-item{align-items:center;background-color:#f9fafb;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s}.leaderboard-item:hover{background-color:#f3f4f6;-webkit-transform:translateX(4px);transform:translateX(4px)}.leaderboard-item.rank-1{background:linear-gradient(135deg,#fef3c7,#fbbf24);border:2px solid #f59e0b}.leaderboard-item.rank-2{background:linear-gradient(135deg,#f3f4f6,#d1d5db);border:2px solid #9ca3af}.leaderboard-item.rank-3{background:linear-gradient(135deg,#fef2f2,#fca5a5);border:2px solid #ef4444}.rank-badge{font-size:18px;font-weight:700;min-width:60px;text-align:center}.leader-info{flex:1 1}.leader-name{color:#111827;font-size:16px;font-weight:600;margin-bottom:4px}.leader-stats{color:#6b7280;font-size:14px}.leader-rate{color:#10b981;font-size:18px;font-weight:700}.activity-chart{align-items:end;display:flex;gap:8px;justify-content:center;min-height:200px;padding:20px 24px}.activity-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:60px}.bar-container{align-items:end;background-color:#f3f4f6;border-radius:4px;display:flex;height:120px;overflow:hidden;position:relative;width:20px}.bar-fill{background:linear-gradient(0deg,#3b82f6,#60a5fa);border-radius:4px;min-height:4px;transition:height .3s ease;width:100%}.bar-label{color:#6b7280;font-size:10px;max-width:50px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}.bar-value{color:#111827;font-size:12px;font-weight:500;text-align:center}.time-distribution{display:flex;flex-direction:column;gap:12px;padding:20px 24px}.distribution-item{align-items:center;display:flex;gap:16px}.distribution-label{color:#374151;font-size:14px;font-weight:500;min-width:100px}.distribution-bar{background-color:#f3f4f6;border-radius:4px;flex:1 1;height:8px;max-width:200px;overflow:hidden}.distribution-fill{background-color:#8b5cf6;border-radius:4px;height:100%;transition:width .3s ease}.distribution-value{color:#111827;font-size:14px;min-width:120px;text-align:right}.stats-empty{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;padding:60px;text-align:center}.empty-icon{color:#d1d5db;font-size:64px;margin-bottom:16px}.stats-empty h3{color:#111827;font-size:20px;font-weight:600;margin:0 0 8px}.stats-empty p{color:#6b7280;font-size:16px;margin:0}@media (max-width:768px){.stats-filters{align-items:stretch;flex-direction:column}.filter-group.date-range{min-width:auto}.filter-group.date-range,.stats-summary,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:8px}.table-cell{align-items:center;display:flex;justify-content:space-between}.table-cell:before{color:#6b7280;content:attr(data-label);font-size:12px;font-weight:600}.activity-chart{flex-wrap:wrap;gap:4px}.activity-bar{max-width:40px}.deadline-section{padding:8px 12px}.current-deadline{align-items:stretch;flex-direction:column;gap:8px}.deadline-actions{align-self:flex-end}.create-deadline-form{padding:8px}.form-actions{flex-direction:column}}@media (prefers-color-scheme:dark){.chat-stats-page{background-color:#1f2937;color:#f9fafb}.deadline-section,.stats-empty,.stats-filters,.stats-loading,.stats-section,.summary-card{background-color:#374151;border-color:#4b5563}.current-deadline.active{background-color:#7f1d1d;border-color:#dc2626}.create-deadline-form,.current-deadline.inactive{background-color:#4b5563;border-color:#6b7280}.deadline-input,.deadline-textarea,.filter-input,.filter-select{background-color:#374151;border-color:#4b5563;color:#f9fafb}.bar-container,.distribution-bar,.leaderboard-item,.table-header,.table-row:hover{background-color:#4b5563}}.mbti-container{background-color:#f9fafb;min-height:100vh;padding:2rem 0}.mbti-max-width{margin:0 auto;max-width:64rem;padding:0 1rem}.mbti-card{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);margin-bottom:1.5rem;padding:2rem}.mbti-header{text-align:center}.mbti-icon-large{font-size:2.5rem;height:5rem;margin:0 auto 1.5rem;width:5rem}.mbti-icon-large,.mbti-icon-medium{align-items:center;border-radius:50%;display:flex;justify-content:center}.mbti-icon-medium{font-size:1.5rem;height:4rem;margin:0 auto .75rem;width:4rem}.mbti-icon-small{align-items:center;border-radius:50%;display:flex;font-size:1.25rem;height:3rem;justify-content:center;margin:0 auto .5rem;width:3rem}.mbti-title{color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1rem}.mbti-subtitle{color:#6b7280;font-size:1.25rem;margin-bottom:1rem}.mbti-description{color:#374151;line-height:1.625;margin:0 auto;max-width:48rem}.mbti-badge{border-radius:9999px;color:#fff;display:inline-block;font-size:1.5rem;font-weight:700;padding:.75rem 2rem}.mbti-badge,.mbti-progress-container{margin-bottom:1rem}.mbti-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.mbti-progress-title{color:#374151;font-size:1.125rem;font-weight:700}.mbti-progress-percent{color:#6b7280;font-size:.875rem;font-weight:500}.mbti-progress-bar{background-color:#e5e7eb;border-radius:9999px;height:.75rem;width:100%}.mbti-progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:9999px;height:.75rem;transition:width .3s ease}.mbti-question-container{margin-bottom:2rem}.mbti-question-header{margin-bottom:2rem;text-align:center}.mbti-question-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.mbti-question-subtitle{color:#6b7280}.mbti-options-container{display:flex;flex-direction:column;gap:1rem}.mbti-option{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;padding:1.5rem;text-align:left;transition:all .2s ease;width:100%}.mbti-option:hover{border-color:#d1d5db;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.mbti-option.selected{background-color:#eff6ff;border-color:#60a5fa;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);-webkit-transform:scale(1.02);transform:scale(1.02)}.mbti-option-content{align-items:center;display:flex;gap:1rem}.mbti-option-icon{align-items:center;background-color:#f3f4f6;border-radius:50%;color:#6b7280;display:flex;font-size:1.25rem;height:3rem;justify-content:center;width:3rem}.mbti-option.selected .mbti-option-icon{background-color:#dbeafe;color:#2563eb}.mbti-option-text{color:#374151;font-size:1.125rem}.mbti-option.selected .mbti-option-text{color:#1d4ed8;font-weight:600}.mbti-navigation{align-items:center;display:flex;justify-content:space-between}.mbti-nav-button{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.mbti-nav-button.prev{background:#fff;border:1px solid #d1d5db;color:#374151}.mbti-nav-button.prev:hover{background-color:#f9fafb}.mbti-nav-button.prev:disabled{cursor:not-allowed;opacity:.5}.mbti-nav-button.next{background-color:#3b82f6;color:#fff}.mbti-nav-button.next:hover{background-color:#2563eb}.mbti-nav-button.next:disabled{cursor:not-allowed;opacity:.5}.mbti-nav-center{text-align:center}.mbti-nav-center-title{color:#6b7280;font-size:.875rem;font-weight:500}.mbti-nav-center-subtitle{color:#9ca3af;font-size:.75rem}.mbti-grid-2,.mbti-grid-3{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.mbti-grid-4,.mbti-grid-8{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}@media (min-width:768px){.mbti-grid-2{grid-template-columns:repeat(2,1fr)}.mbti-grid-3{grid-template-columns:repeat(3,1fr)}.mbti-grid-8{grid-template-columns:repeat(8,1fr)}}.mbti-conflict-button{border:2px solid;border-radius:.5rem;cursor:pointer;padding:1rem;text-align:center;transition:all .2s ease}.mbti-conflict-button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.mbti-conflict-button.high{background-color:#fef2f2;border-color:#fca5a5}.mbti-conflict-button.high:hover{background-color:#fee2e2}.mbti-conflict-button.medium{background-color:#fffbeb;border-color:#fcd34d}.mbti-conflict-button.medium:hover{background-color:#fef3c7}.mbti-conflict-button.low{background-color:#f0fdf4;border-color:#86efac}.mbti-conflict-button.low:hover{background-color:#dcfce7}.mbti-conflict-type{font-size:.875rem;font-weight:700;margin-bottom:.25rem}.mbti-conflict-type.high{color:#b91c1c}.mbti-conflict-type.medium{color:#b45309}.mbti-conflict-type.low{color:#166534}.mbti-conflict-level{color:#6b7280;font-size:.75rem}.mbti-section-title{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.mbti-workstyle-box{border-left:4px solid;border-radius:.5rem;padding:1.5rem}.mbti-strengths-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.mbti-strength-item{border-radius:.5rem;font-weight:600;padding:1rem;text-align:center}.mbti-action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.mbti-action-button{align-items:center;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.mbti-action-button.primary{background-color:#3b82f6}.mbti-action-button.primary:hover{background-color:#2563eb}.mbti-action-button.secondary{background-color:#6b7280}.mbti-action-button.secondary:hover{background-color:#4b5563}.mbti-action-button.success{background-color:#10b981}.mbti-action-button.success:hover{background-color:#059669}.mbti-footer{background-color:#f3f4f6;border-radius:.5rem;padding:1.5rem;text-align:center}.mbti-footer-title{align-items:center;color:#374151;display:flex;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:.75rem}.mbti-footer-description{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.mbti-footer-subtitle{color:#9ca3af;font-size:.75rem}.bg-purple{background-color:#8b5cf6}.bg-purple-50{background-color:#f5f3ff}.bg-purple-100{background-color:#ede9fe}.bg-purple-500{background-color:#8b5cf6}.text-purple-600{color:#7c3aed}.text-purple-700{color:#6d28d9}.border-purple-400{border-color:#a78bfa}.bg-teal{background-color:#14b8a6}.bg-teal-50{background-color:#f0fdfa}.bg-teal-100{background-color:#ccfbf1}.bg-teal-500{background-color:#14b8a6}.text-teal-600{color:#0d9488}.text-teal-700{color:#0f766e}.border-teal-400{border-color:#2dd4bf}.bg-red{background-color:#ef4444}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-red-500{background-color:#ef4444}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.border-red-400{border-color:#f87171}.bg-orange{background-color:#f97316}.bg-orange-50{background-color:#fff7ed}.bg-orange-100{background-color:#ffedd5}.bg-orange-500{background-color:#f97316}.text-orange-600{color:#ea580c}.text-orange-700{color:#c2410c}.border-orange-400{border-color:#fb923c}.bg-green{background-color:#22c55e}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.bg-green-500{background-color:#22c55e}.text-green-600{color:#16a34a}.text-green-700{color:#15803d}.border-green-400{border-color:#4ade80}.bg-blue{background-color:#3b82f6}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-500{background-color:#3b82f6}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.border-blue-400{border-color:#60a5fa}.bg-yellow{background-color:#eab308}.bg-yellow-50{background-color:#fefce8}.bg-yellow-100{background-color:#fef3c7}.bg-yellow-500{background-color:#eab308}.text-yellow-600{color:#ca8a04}.text-yellow-700{color:#a16207}.border-yellow-400{border-color:#facc15}.bg-gray{background-color:#6b7280}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-500{background-color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.border-gray-400{border-color:#9ca3af}.bg-pink{background-color:#ec4899}.bg-pink-50{background-color:#fdf2f8}.bg-pink-100{background-color:#fce7f3}.bg-pink-500{background-color:#ec4899}.text-pink-600{color:#db2777}.text-pink-700{color:#be185d}.border-pink-400{border-color:#f472b6}.gradient-bg{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.gradient-bg-purple{background:linear-gradient(90deg,#8b5cf6,#3b82f6)}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text}@media (max-width:768px){.mbti-container{padding:1rem 0}.mbti-max-width{padding:0 .75rem}.mbti-card{margin-bottom:1rem;padding:1.25rem}.mbti-icon-large{font-size:1.75rem;height:3.5rem;margin-bottom:.75rem;width:3.5rem}.mbti-icon-medium{font-size:1.125rem;height:2.75rem;margin-bottom:.5rem;width:2.75rem}.mbti-icon-small{font-size:.9rem;height:2.25rem;margin-bottom:.25rem;width:2.25rem}.mbti-title{font-size:1.25rem;margin-bottom:.5rem}.mbti-subtitle{font-size:.875rem;margin-bottom:.5rem}.mbti-description{font-size:.8rem;line-height:1.4}.mbti-badge{font-size:.95rem;margin-bottom:.5rem;padding:.4rem 1.25rem}.mbti-progress-title{font-size:.875rem}.mbti-progress-percent{font-size:.75rem}.mbti-question-title{font-size:1.125rem;margin-bottom:.5rem}.mbti-question-subtitle{font-size:.8rem}.mbti-option{padding:.875rem}.mbti-option-content{gap:.625rem}.mbti-option-icon{font-size:.9rem;height:2.25rem;width:2.25rem}.mbti-option-text{font-size:.875rem}.mbti-nav-button{font-size:.8rem;padding:.5rem .875rem}.mbti-nav-center-title{font-size:.75rem}.mbti-nav-center-subtitle{font-size:.65rem}.mbti-section-title{font-size:1.125rem;margin-bottom:.875rem}.mbti-workstyle-box{padding:.875rem}.mbti-workstyle-box p{font-size:.8rem!important}.mbti-workstyle-box h3,.mbti-workstyle-box h4{font-size:.9rem!important;margin-bottom:.4rem!important}.mbti-strengths-grid{gap:.625rem;grid-template-columns:1fr;margin-top:.875rem}.mbti-strength-item{font-size:.8rem;padding:.625rem}.mbti-conflict-button{padding:.625rem}.mbti-conflict-type{font-size:.75rem}.mbti-conflict-level{font-size:.65rem}.mbti-action-button{font-size:.8rem;padding:.5rem 1rem}.mbti-footer{padding:.875rem}.mbti-footer-title{font-size:.875rem}.mbti-footer-description{font-size:.75rem}.mbti-footer-subtitle{font-size:.65rem}.mbti-grid-4,.mbti-grid-8{gap:.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.mbti-title{font-size:1.125rem}.mbti-subtitle{font-size:.8rem}.mbti-question-title{font-size:1rem}.mbti-option-text{font-size:.8rem}.mbti-section-title{flex-direction:column;font-size:1rem;gap:.5rem;text-align:center}.mbti-workstyle-box h4{flex-direction:column;gap:.25rem}.mbti-workstyle-box p{font-size:.75rem!important}.mbti-workstyle-box h3,.mbti-workstyle-box h4{font-size:.85rem!important}.mbti-badge{font-size:.875rem;padding:.375rem 1rem}.mbti-nav-button{font-size:.75rem}.mbti-action-button{font-size:.75rem;padding:.45rem .875rem}}:root{--primary-500:#8b5cf6;--primary-600:#7c3aed;--primary-700:#6d28d9;--primary-50:#f5f3ff;--primary-100:#ede9fe;--secondary-500:#10b981;--secondary-600:#059669;--secondary-50:#ecfdf5;--accent-amber:#f59e0b;--accent-rose:#ec4899;--accent-cyan:#06b6d4;--accent-orange:#f97316;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#0f172a;--bg-card:hsla(0,0%,100%,.9);--bg-glass:hsla(0,0%,100%,.8);--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-inverse:#f8fafc;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-dark:#94a3b8;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-tertiary:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-warm:linear-gradient(135deg,#fa709a,#fee140);--gradient-cool:linear-gradient(135deg,#a8edea,#fed6e3);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-secondary:"JetBrains Mono","SF Mono",Monaco,"Cascadia Code",monospace;--font-display:"Cal Sans","Inter",system-ui,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--mobile:640px;--tablet:768px;--desktop:1024px;--wide:1280px;--ultrawide:1536px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-feature-settings:"cv02","cv03","cv04","cv11";font-feature-settings:"cv02","cv03","cv04","cv11";scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-base);line-height:1.7;min-height:100vh;text-rendering:optimizeLegibility}.mbti-qa-container{margin:0 auto;max-width:1200px;padding:1.5rem;padding:var(--space-6);position:relative;z-index:1}.qa-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.8);background:var(--bg-glass);border:1px solid hsla(0,0%,100%,.2);border-radius:2rem;border-radius:var(--radius-3xl);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:var(--shadow-2xl);margin-bottom:4rem;margin-bottom:var(--space-16);overflow:hidden;padding:4rem 2rem;padding:var(--space-16) var(--space-8);position:relative;text-align:center}.qa-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;background-clip:text;font-family:Cal Sans,Inter,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(1.875rem,5vw,3rem);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.qa-subtitle{color:#475569;color:var(--text-secondary);font-size:1.125rem;font-size:var(--text-lg);font-weight:400;line-height:1.8;margin:0 auto;max-width:600px;opacity:.9}.section-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;gap:.75rem;gap:var(--space-3);margin-bottom:2rem;margin-bottom:var(--space-8);position:relative}.section-title:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-md);content:"";height:32px;width:6px}.section-title:before,.selection-count{border-radius:9999px;border-radius:var(--radius-full)}.selection-count{background:#f5f3ff;background:var(--primary-50);border:1px solid #ede9fe;border:1px solid var(--primary-100);color:#7c3aed;color:var(--primary-600);font-size:.875rem;font-size:var(--text-sm);font-weight:600;margin-left:auto;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.category-selection{margin-bottom:4rem;margin-bottom:var(--space-16)}.category-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem;margin-top:var(--space-8)}.category-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.8);background:var(--bg-glass);border:2px solid hsla(0,0%,100%,.3);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);cursor:pointer;overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;text-align:center}.category-card.active,.category-card:hover{border-color:#8b5cf6;border-color:var(--primary-500);box-shadow:0 20px 25px -5px rgba(0,0,0,.1);box-shadow:var(--shadow-xl)}.category-card.active{background:rgba(139,92,246,.1)}.category-icon{display:block;-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3.5rem;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.category-name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.category-description{color:#475569;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--space-6);opacity:.8}.question-count{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-md);color:#fff;display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;gap:.5rem;gap:var(--space-2);letter-spacing:.05em;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);text-transform:uppercase}.question-count:before{content:"•"}.question-selection{margin-bottom:4rem;margin-bottom:var(--space-16)}.question-list{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6)}.question-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.8);background:var(--bg-glass);border:2px solid hsla(0,0%,100%,.3);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);cursor:pointer;overflow:hidden;padding:2rem;padding:var(--space-8);position:relative}.question-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}.question-card:hover{border-color:#8b5cf6;border-color:var(--primary-500);box-shadow:0 20px 25px -5px rgba(0,0,0,.1);box-shadow:var(--shadow-xl)}.question-card:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.question-card.active{background:rgba(139,92,246,.05);border-color:#8b5cf6;border-color:var(--primary-500);box-shadow:0 20px 25px -5px rgba(0,0,0,.1);box-shadow:var(--shadow-xl)}.question-card.active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.question-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:600;gap:.75rem;gap:var(--space-3);margin-bottom:1rem;margin-bottom:var(--space-4)}.question-title:before{content:"❓";flex-shrink:0;font-size:1rem;font-size:var(--text-base)}.question-description{color:#475569;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);line-height:1.7}.question-description,.sub-questions{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.sub-questions{border-left:2px solid #e2e8f0;border-left:2px solid var(--border-light);list-style:none}.sub-question-item,.sub-questions{padding-left:1.5rem;padding-left:var(--space-6)}.sub-question-item{color:#475569;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);margin-bottom:.75rem;margin-bottom:var(--space-3);opacity:.8;position:relative}.sub-question-item:before{color:#8b5cf6;color:var(--primary-500);content:"▸";font-weight:700;left:0;position:absolute}.question-meta{display:flex;justify-content:flex-end}.type-requirement{background:linear-gradient(135deg,#f59e0b,#f97316);background:linear-gradient(135deg,var(--accent-amber),var(--accent-orange));border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-md);color:#fff;font-size:.75rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);text-transform:uppercase}.type-selection{margin-bottom:4rem;margin-bottom:var(--space-16)}.type-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:900px}.type-button{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.8);background:var(--bg-glass);border:2px solid hsla(0,0%,100%,.3);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;text-align:center}.type-button:hover:not(:disabled){border-color:#8b5cf6;border-color:var(--primary-500);box-shadow:0 20px 25px -5px rgba(0,0,0,.1);box-shadow:var(--shadow-xl)}.type-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-color:#7c3aed;border-color:var(--primary-600);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:var(--shadow-2xl);color:#fff}.type-button:disabled{cursor:not-allowed;-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.4}.type-code{display:block;font-family:JetBrains Mono,SF Mono,Monaco,Cascadia Code,monospace;font-family:var(--font-secondary);font-size:1.125rem;font-size:var(--text-lg);font-weight:800;letter-spacing:.1em;margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.type-name{display:block;font-size:.75rem;font-size:var(--text-xs);font-weight:500;line-height:1.4;opacity:.8}.type-button.selected .type-name{opacity:1}.action-section{margin-bottom:4rem;margin-bottom:var(--space-16);text-align:center}.generate-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px rgba(0,0,0,.1);box-shadow:var(--shadow-xl);color:#fff;cursor:pointer;font-size:1.125rem;font-size:var(--text-lg);font-weight:700;letter-spacing:.05em;min-width:200px;overflow:hidden;padding:1.5rem 3rem;padding:var(--space-6) var(--space-12);position:relative;text-transform:uppercase}.generate-button:hover:not(:disabled){box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:var(--shadow-2xl)}.generate-button:disabled{cursor:not-allowed;-webkit-filter:grayscale(.5);filter:grayscale(.5);opacity:.5}.answer-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.8);background:var(--bg-glass);border:1px solid hsla(0,0%,100%,.2);border-radius:2rem;border-radius:var(--radius-3xl);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:var(--shadow-2xl);margin-bottom:2rem;margin-bottom:var(--space-8);overflow:hidden;padding:3rem;padding:var(--space-12);position:relative}.answer-header{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-light);margin-bottom:3rem;margin-bottom:var(--space-12);padding-bottom:2rem;padding-bottom:var(--space-8);position:relative;text-align:center}.answer-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--text-primary);font-family:Cal Sans,Inter,system-ui,sans-serif;font-family:var(--font-display);font-size:1.875rem;font-size:var(--text-3xl);font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.answer-summary{color:#475569;color:var(--text-secondary);font-size:1.125rem;font-size:var(--text-lg);font-weight:400;line-height:1.8;margin:0 auto;max-width:700px}.answer-content{grid-gap:2.5rem;grid-gap:var(--space-10);display:grid;gap:2.5rem;gap:var(--space-10)}.answer-section-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.3);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 1px 3px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-sm);overflow:hidden;padding:2rem;padding:var(--space-8);position:relative}.answer-section-item:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}.answer-section-item:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1);box-shadow:var(--shadow-lg)}.answer-section-item:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.section-item-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:1.25rem;font-size:var(--text-xl);font-weight:700;gap:.75rem;gap:var(--space-3);margin-bottom:1.5rem;margin-bottom:var(--space-6);position:relative}.section-item-title:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:.375rem;border-radius:var(--radius-sm);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-md);content:"";height:24px;width:8px}.content-list{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);list-style:none}.content-list-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.3);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-sm);padding:1.25rem 1.5rem;padding:var(--space-5) var(--space-6);position:relative}.content-list-item:before{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;content:"✓";display:flex;font-size:.75rem;font-size:var(--text-xs);font-weight:700;height:24px;justify-content:center;left:-2px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:24px}.content-list-item:before,.content-list-item:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.content-list-item:hover{border-left-color:#7c3aed;border-left-color:var(--primary-600)}.content-steps{grid-gap:1.5rem;grid-gap:var(--space-6);counter-reset:step-counter;display:grid;gap:1.5rem;gap:var(--space-6);list-style:none}.content-step-item{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.3);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-md);counter-increment:step-counter;display:flex;gap:1rem;gap:var(--space-4);overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative}.content-step-item:hover,.step-number{box-shadow:0 10px 15px -3px rgba(0,0,0,.1);box-shadow:var(--shadow-lg)}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-size:var(--text-base);font-weight:800;height:40px;justify-content:center;position:relative;width:40px}.step-number:before{content:counter(step-counter)}.step-content{flex:1 1;font-size:1rem;font-size:var(--text-base);line-height:1.7}.content-comparison{grid-gap:1.25rem;grid-gap:var(--space-5);display:grid;gap:1.25rem;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.comparison-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.3);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative}.comparison-item:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:9999px 9999px 0 0;border-radius:var(--radius-full) var(--radius-full) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.comparison-item:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1);box-shadow:var(--shadow-lg)}.comparison-label{align-items:center;color:#7c3aed;color:var(--primary-600);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:700;gap:.5rem;gap:var(--space-2);letter-spacing:.05em;margin-bottom:.75rem;margin-bottom:var(--space-3);text-transform:uppercase}.comparison-label:before{background:#8b5cf6;background:var(--primary-500);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 0 0 2px #ede9fe;box-shadow:0 0 0 2px var(--primary-100);content:"";height:8px;width:8px}.comparison-value{color:#0f172a;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);line-height:1.7}.comparison-value ul{list-style:none;margin-top:.5rem;margin-top:var(--space-2);padding-left:0}.comparison-value li{margin-bottom:.5rem;margin-bottom:var(--space-2);opacity:.9;padding-left:1.25rem;padding-left:var(--space-5);position:relative}.comparison-value li:before{background:#8b5cf6;background:var(--primary-500);border-radius:9999px;border-radius:var(--radius-full);content:"";height:4px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:4px}.content-detailed{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.3);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-md);padding:2rem;padding:var(--space-8);position:relative}.content-detailed:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full);content:"";height:calc(100% - 3rem);height:calc(100% - var(--space-12));left:1.5rem;left:var(--space-6);position:absolute;top:1.5rem;top:var(--space-6);width:4px}.detailed-text{color:#0f172a;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);font-weight:400;line-height:1.8;padding-left:1.5rem;padding-left:var(--space-6)}.answer-actions{border-top:2px solid hsla(0,0%,100%,.2);display:flex;gap:1rem;gap:var(--space-4);justify-content:center;margin-top:3rem;margin-top:var(--space-12);padding-top:2rem;padding-top:var(--space-8)}.print-button,.save-button,.share-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);background:var(--bg-glass);border:2px solid hsla(0,0%,100%,.3);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-md);color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;gap:var(--space-2);overflow:hidden;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:relative}.print-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.print-button:hover,.save-button:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);color:#fff}.save-button:hover{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary)}.share-button:hover{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-tertiary);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);color:#fff}@media (max-width:1024px){.category-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.type-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.content-comparison{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.mbti-qa-container{padding:1rem;padding:var(--space-4)}.qa-header{margin-bottom:3rem;margin-bottom:var(--space-12);padding:3rem 1.5rem;padding:var(--space-12) var(--space-6)}.category-grid{gap:1rem;gap:var(--space-4);grid-template-columns:1fr}.type-grid{gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(4,1fr)}.type-button{padding:1rem .75rem;padding:var(--space-4) var(--space-3)}.type-code{font-size:1rem;font-size:var(--text-base)}.type-name{font-size:10px}.answer-section{padding:2rem;padding:var(--space-8)}.answer-actions{align-items:stretch;flex-direction:column}.content-comparison{grid-template-columns:1fr}.content-step-item{align-items:center;flex-direction:column;text-align:center}.generate-button{font-size:1rem;font-size:var(--text-base);padding:1.25rem 2rem;padding:var(--space-5) var(--space-8)}}@media (max-width:480px){.type-grid{grid-template-columns:repeat(2,1fr)}.generate-button{min-width:auto;width:100%}.qa-title{font-size:1.5rem;font-size:var(--text-2xl)}.section-title{align-items:flex-start;flex-direction:column;font-size:1.25rem;font-size:var(--text-xl);gap:.5rem;gap:var(--space-2)}.selection-count{align-self:flex-end}}@media print{*{background:#fff!important;box-shadow:none!important;color:#000!important}.mbti-qa-container{max-width:none;padding:0}.qa-header{background:none!important;border:2px solid #000}.action-section,.answer-actions,.category-selection,.question-selection,.type-selection{display:none}.answer-section{border:2px solid #000;page-break-inside:avoid}}.category-card:focus,.generate-button:focus,.question-card:focus,.type-button:focus{outline:3px solid #8b5cf6;outline:3px solid var(--primary-500);outline-offset:2px}.type-button:focus:not(.selected){background:rgba(139,92,246,.1)}@media (prefers-contrast:high){:root{--border-light:#000;--text-secondary:#000;--shadow-sm:0 2px 4px rgba(0,0,0,.5);--shadow-md:0 4px 8px rgba(0,0,0,.5);--shadow-lg:0 8px 16px rgba(0,0,0,.5)}.answer-section-item,.category-card,.question-card,.type-button{border:2px solid #000}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);background-clip:content-box;border:2px solid transparent}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary);background-clip:content-box}html{scrollbar-color:#8b5cf6 transparent;scrollbar-color:var(--primary-500) transparent;scrollbar-width:thin}.loading{opacity:.7;pointer-events:none;position:relative}.loading:after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid transparent;border-radius:9999px;border-radius:var(--radius-full);border-top-color:#8b5cf6;border-top:3px solid var(--primary-500);content:"";height:32px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:32px}@-webkit-keyframes spin{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.glass-effect{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.8);background:var(--bg-glass);border:1px solid hsla(0,0%,100%,.2)}@media (prefers-color-scheme:dark){:root{--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--bg-primary:rgba(15,23,42,.9);--bg-secondary:rgba(30,41,59,.8);--bg-glass:rgba(15,23,42,.3);--border-light:rgba(148,163,184,.2)}body{background:linear-gradient(135deg,#0f172a,#1e293b)}}::selection{background:#8b5cf6;background:var(--primary-500);color:#fff;text-shadow:none}::-moz-selection{background:#8b5cf6;background:var(--primary-500);color:#fff;text-shadow:none}:focus-visible{border-radius:.5rem;border-radius:var(--radius-md);outline:3px solid #8b5cf6;outline:3px solid var(--primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}.answer-section-item,.category-card,.generate-button,.question-card,.type-button{contain:layout style paint}img,svg,video{display:block;height:auto;max-width:100%}.mbti-qa-container{isolation:isolate}.error-state{background:linear-gradient(135deg,#fee2e2,#fef2f2);border:2px solid #fca5a5;border-radius:1rem;border-radius:var(--radius-xl);color:#991b1b;margin:2rem 0;margin:var(--space-8) 0;padding:1.5rem;padding:var(--space-6);text-align:center}.error-state:before{content:"⚠️";display:block;font-size:2rem;margin-bottom:.5rem;margin-bottom:var(--space-2)}.success-state{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border:2px solid #86efac;border-radius:1rem;border-radius:var(--radius-xl);color:#166534;margin:2rem 0;margin:var(--space-8) 0;padding:1.5rem;padding:var(--space-6);text-align:center}.success-state:before{content:"✅";display:block;font-size:2rem;margin-bottom:.5rem;margin-bottom:var(--space-2)}button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.generate-button:active{-webkit-transform:translateY(2px);transform:translateY(2px)}h1,h2,h3,h4,h5,h6{-webkit-font-feature-settings:"kern" 1,"liga" 1;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}.qa-title{text-shadow:0 4px 8px rgba(139,92,246,.3)}.section-item-title{text-shadow:0 1px 2px rgba(0,0,0,.05)}@media (hover:none) and (pointer:coarse){.category-card,.question-card,.type-button{min-height:44px}.generate-button{min-height:48px}}@media (prefers-reduced-data:reduce){.answer-section,.category-card,.qa-header,.question-card,.type-button{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;background:var(--bg-primary)}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.content-list-item{padding-left:calc(2rem + 24px);padding-left:calc(var(--space-6) + 24px + var(--space-2))}.detailed-text{margin-left:0;text-indent:0}.category-card,.generate-button,.question-card,.type-button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.generate-button,.type-button.selected .type-code,.type-button.selected .type-name{text-shadow:0 1px 2px rgba(0,0,0,.2)}
/*# sourceMappingURL=main.316bfeeb.css.map*/