@charset "UTF-8";:root{color-scheme:light only}*{box-sizing:border-box}p{color:#2f2f31;margin:0;padding:0}button{all:unset;cursor:pointer}body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;letter-spacing:-.08px}.logo-header{display:grid;justify-content:center;align-items:center;height:48px;padding:8px 0}.logo-header img.header-logo{height:32px;object-fit:contain}.student-name-header{display:flex;align-items:center;height:40px}.student-name-header .student-name{font-size:27px;font-weight:700}.best-study{border-radius:10px;background:#fff;padding:24px;display:flex;flex-direction:column;gap:10px}.best-study .header-container{display:flex;justify-content:space-between;align-items:center;height:30px}.best-study .header-container .header-text{font-size:20px;font-weight:700}.best-study .header-container .report-button{font-size:12px;display:flex;align-items:center;gap:4px}.best-study .content-container{margin-top:10px;display:flex;flex-direction:column;gap:12px}.best-study .content-container .item-container{display:flex;height:24px}.best-study .content-container .item-container .item-title{width:88px;font-size:16px;font-weight:700;color:#85898a}.best-study .content-container .item-container .item-content-container{display:flex;gap:4px}.best-study .content-container .item-container .item-content{font-size:16px}.best-study .content-container .item-container .sub-content{font-size:16px;color:#85898a}.comparison-score{border-radius:10px;background:#fff;padding:24px;display:flex;flex-direction:column;gap:10px}.comparison-score .header-container{height:30px}.comparison-score .header-container .header-text{font-size:20px;font-weight:700}.comparison-score .body-container{margin-top:10px;display:flex;flex-direction:column;gap:12px}.comparison-score .body-container .item-container{position:relative;height:176px}.comparison-score .body-container .item-container .standard-score-item{position:absolute;width:100%;display:flex;flex-direction:column}.comparison-score .body-container .item-container .standard-score-item p span{font-size:16px;font-weight:700}.comparison-score .body-container .item-container .standard-score-item .subtitle-text{font-size:12px;font-weight:400;color:#85898a}.comparison-score .body-container .item-container .standard-score-item .graph-line{width:100%;border-radius:8px;height:4px}.comparison-score .body-container .item-container .standard-score-item .graph-line.violet{background-color:#918aff}.comparison-score .body-container .item-container .standard-score-item .graph-line.pink{background-color:#ff6971}.comparison-score .body-container .item-container .my-score-item{position:absolute;right:0;display:flex;flex-direction:column;align-items:center;width:52px}.comparison-score .body-container .item-container .my-score-item p{font-size:12px;font-weight:700}.comparison-score .body-container .item-container .my-score-item .my-score-line-wrapper{display:flex;flex-direction:column;justify-content:flex-end;width:8px}.comparison-score .body-container .item-container .my-score-item .my-score-line{width:8px;min-height:4px;border-radius:8px;background-color:#d5dde0}.comparison-score .body-container hr{border:1px solid #e5e5e5;width:100%}.sns-share{display:flex;flex-direction:column;gap:16px;border-radius:10px;background:#fff;padding:24px}.sns-share .header-container{display:flex;align-items:center;gap:8px;height:24px}.sns-share .header-container img{width:24px;height:24px}.sns-share .header-container p{font-size:16px;font-weight:700}.sns-share .item-container{display:flex;flex-direction:column;gap:8px;background-color:#f9f9f9;border-radius:6px;padding:0 12px}.sns-share .item-container .sns-item{width:100%;display:flex;align-items:center;gap:8px;height:56px}.sns-share .item-container .sns-item img{width:24px;height:24px;border-radius:4px}.sns-share .item-container .sns-item .content-box{width:100%;display:flex;align-items:center;gap:4px}.sns-share .item-container .sns-item .content-box>p{flex:1 1 0;min-width:0;text-align:left}.sns-share .item-container .sns-item .content-box .password-cell{flex:1 1 0;min-width:0;display:flex;justify-content:flex-end;align-items:center}.sns-share .item-container .sns-item .content-box .password-text{display:inline-flex;align-items:center;height:20px;padding:0 8px;font-size:12px;border-radius:6px;background-color:#ffedee;color:#e0505c;width:fit-content;max-width:100%}.student-grade{border-radius:12px;border:1px solid #34c759;background-color:#e0ffe2;padding:0 12px;cursor:pointer}.student-grade .content-container{display:flex;align-items:center;gap:24px;height:48px}.student-grade .content-container .left-container{display:flex;align-items:center;gap:4px}.student-grade .content-container .left-container img{width:24px;height:24px}.student-grade .content-container .left-container .title-text{font-size:16px;font-weight:700;color:#ca8c0c}.student-grade .content-container .content-text{font-size:16px}.student-grade-modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;padding:24px;background-color:#00000080;z-index:1000;animation:studentGradeFadeIn .3s ease-out}@keyframes studentGradeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes studentGradeSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.student-grade-info-modal{width:100%;max-width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;gap:16px;background-color:#fff;border-radius:16px;box-shadow:0 4px 24px #00000026;animation:studentGradeSlideUp .3s ease-out}.student-grade-info-modal .student-grade-modal-title{font-size:24px;font-weight:700;color:#ff6971;text-align:center;margin:0}.student-grade-info-modal .student-grade-modal-subtitle{font-size:18px;font-weight:400;color:#000;text-align:center;margin:0}.student-grade-info-modal .student-grade-modal-icons{display:flex;flex-direction:column;gap:20px;margin:24px 0;width:100%}.student-grade-info-modal .student-grade-modal-icons .student-grade-modal-icon-item{display:flex;align-items:center;flex-direction:row;gap:12px}.student-grade-info-modal .student-grade-modal-icons .student-grade-modal-icon-item .student-grade-modal-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0}.student-grade-info-modal .student-grade-modal-icons .student-grade-modal-icon-item .student-grade-modal-text-container{display:flex;gap:4px;min-width:0}.student-grade-info-modal .student-grade-modal-icons .student-grade-modal-icon-item .student-grade-modal-text{font-size:14px;font-weight:400;color:#000;line-height:1.5}.student-grade-info-modal .student-grade-modal-confirm-button{display:flex;justify-content:center;align-items:center;width:100%;max-width:343px;height:52px;background:#ff6971;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;margin-top:auto;transition:opacity .2s}.student-grade-info-modal .student-grade-modal-confirm-button:hover{opacity:.9}.student-grade-info-modal .student-grade-modal-confirm-button:active{opacity:.8}.study-record{border-radius:10px;background:#fff;padding:24px;display:flex;flex-direction:column;gap:10px}.study-record .header-container{display:flex;justify-content:space-between;align-items:center;gap:8px;height:30px}.study-record .header-container .header-left-container{display:flex;align-items:center;gap:8px}.study-record .header-container .header-left-container .header-text{font-size:20px;font-weight:700}.study-record .header-container .report-button{font-size:12px;display:flex;align-items:center;gap:4px}.study-record .item-container,.study-record .item-container .item-with-divider{display:flex;flex-direction:column}.study-record .item-container .semester-divider{border-top:1px solid #e5e5e5;margin-top:8px;padding-top:16px;margin-bottom:4px}.study-record .item-container .semester-divider.semester-divider--first{border-top:none;margin-top:0;padding-top:0;margin-bottom:8px}.study-record .item-container .semester-divider .semester-title{font-size:18px;font-weight:700;color:#000;margin:0;line-height:1.3}.study-record .item-container .item{display:flex;flex-direction:column;padding:20px 0;gap:12px}.study-record .item-container .item .item-header{display:flex;gap:24px}.study-record .item-container .item .item-header .thumbnail-wrapper{width:60px;height:80px;border:1px solid #e5e5e5;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9}.study-record .item-container .item .item-header .thumbnail-wrapper .thumbnail-img{width:100%;height:100%;object-fit:cover}.study-record .item-container .item .item-header .thumbnail-wrapper .thumbnail-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e8e8e8;color:#6b6b6b;font-size:24px;font-weight:600}.study-record .item-container .item .item-header .header-content-container{flex:1}.study-record .item-container .item .item-header .header-content-container .top-content{flex:1;display:flex;gap:8px;align-items:center;margin-bottom:8px}.study-record .item-container .item .item-header .header-content-container .top-content .progress-info{display:flex;align-items:center;justify-content:center;border-radius:4px;height:24px;width:48px;font-size:12px;font-weight:400}.study-record .item-container .item .item-header .header-content-container .top-content .progress-info.in-progress{background-color:#34c759;color:#fff}.study-record .item-container .item .item-header .header-content-container .top-content .progress-info.not-start{background-color:#ebebeb;color:#666}.study-record .item-container .item .item-header .header-content-container .top-content .progress-info.completed{background-color:#ff6971;color:#fff}.study-record .item-container .item .item-header .header-content-container .top-content p{font-size:16px;font-weight:700}.study-record .item-container .item .item-header .header-content-container .header-content-item{display:flex;align-items:center;height:20px}.study-record .item-container .item .item-header .header-content-container .header-content-item .title-text{width:64px;font-size:12px;font-weight:700;color:#85898a}.study-record .item-container .item .item-header .header-content-container .header-content-item .content-text{font-size:12px;font-weight:400;color:#85898a}.study-record .item-container .item .item-header .header-content-container .header-content-item.progress-item{width:100%;gap:8px}.study-record .item-container .item .item-header .header-content-container .header-content-item.progress-item .overall-progress-container{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.study-record .item-container .item .item-header .header-content-container .header-content-item.progress-item .overall-progress-container .overall-progress-bar{flex:1;min-width:0;height:8px;background-color:#ebebeb;border-radius:8px;overflow:hidden;position:relative}.study-record .item-container .item .item-header .header-content-container .header-content-item.progress-item .overall-progress-container .overall-progress-bar .overall-progress-fill{height:100%;background-color:#34c759;border-radius:8px;transition:width .3s ease}.study-record .item-container .item .item-header .header-content-container .header-content-item.progress-item .overall-progress-container .progress-percentage{flex-shrink:0;font-size:12px;font-weight:400;color:#000;min-width:32px}.study-record .item-container .item .expand-button{width:100%;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:#666;transition:color .2s ease;margin-top:8px}.study-record .item-container .item .expand-button:hover{color:#000;background-color:#f9f9f9}.study-record .item-container .item .expand-button svg{transition:transform .3s ease}.study-record .item-container .item .expand-button svg.arrow-up{transform:rotate(180deg)}.study-record .item-container .item .expand-button svg.arrow-down{transform:rotate(0)}.study-record .item-container .item .item-wrapper{display:flex;flex-direction:column;gap:12px}.study-record .item-container .item .item-wrapper .item-content{display:flex;gap:12px;height:20px;align-items:center;width:100%;min-width:0;padding:0;border:none;background:transparent;cursor:pointer;text-align:left}.study-record .item-container .item .item-wrapper .item-content:hover{opacity:.8}.study-record .item-container .item .item-wrapper .item-content .label-text{flex-shrink:0;width:84px;font-size:12px;font-weight:700}.study-record .item-container .item .item-wrapper .item-content .progress-bar-container{flex:1;min-width:0;height:8px;background-color:#ebebeb;border-radius:8px;overflow:hidden;position:relative}.study-record .item-container .item .item-wrapper .item-content .progress-bar-container .progress-bar-fill{height:100%;background-color:#ffcdd0;border-radius:8px;transition:width .3s ease}.study-record .item-container .item .item-wrapper .item-content .percentage-text{flex-shrink:0;font-size:12px;font-weight:400}.modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;padding:24px;background-color:#00000080;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.study-record-info-modal{width:100%;max-width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;gap:16px;background-color:#fff;border-radius:16px;box-shadow:0 4px 24px #00000026;animation:slideUp .3s ease-out}.study-record-info-modal .modal-title{font-size:24px;font-weight:700;color:#ff6971;text-align:center;margin:0}.study-record-info-modal .modal-subtitle{font-size:18px;font-weight:500;color:#000;text-align:center;margin:0}.study-record-info-modal .modal-content{display:flex;flex-direction:column;gap:16px;margin:24px 0;max-width:600px}.study-record-info-modal .modal-content .modal-description{font-size:15px;font-weight:400;line-height:1.7;color:#333;margin:0}.study-record-info-modal .modal-confirm-button{display:flex;justify-content:center;align-items:center;width:100%;max-width:343px;height:52px;background:#ff6971;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;margin-top:auto;transition:opacity .2s}.study-record-info-modal .modal-confirm-button:hover{opacity:.9}.study-record-info-modal .modal-confirm-button:active{opacity:.8}.modal-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000}.progress-type-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:24px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;z-index:1001;box-shadow:0 4px 20px #00000026}.progress-type-modal .modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.progress-type-modal .modal-header .modal-title{font-size:18px;font-weight:700;color:#000;margin:0}.progress-type-modal .modal-header .modal-title .modal-title-subtext{margin-left:8px;font-size:12px;font-weight:400;color:#85898a}.progress-type-modal .modal-header .close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer}.progress-type-modal .modal-header .close-button:hover{color:#000}.progress-type-modal .modal-content{display:flex;flex-direction:column;gap:16px}.progress-type-modal .modal-content .empty-message{padding:40px 20px;text-align:center;color:#85898a;font-size:14px}.progress-type-modal .modal-content .middle-unit-item{display:flex;align-items:center;gap:16px;min-width:0}.progress-type-modal .modal-content .middle-unit-item .middle-unit-name{flex:0 0 168px;width:168px;max-width:168px;margin:0;font-size:14px;font-weight:700;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-type-modal .modal-content .middle-unit-item .progress-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.progress-type-modal .modal-content .middle-unit-item .progress-wrapper .progress-meta{display:flex;align-items:center;justify-content:flex-end;gap:12px}.progress-type-modal .modal-content .middle-unit-item .progress-wrapper .progress-count{font-size:12px;font-weight:500;color:#000;margin:0}.progress-type-modal .modal-content .middle-unit-item .progress-wrapper .progress-rate-with-hint{display:inline-flex;align-items:center;gap:4px}.progress-type-modal .modal-content .middle-unit-item .progress-wrapper .progress-rate-with-hint .progress-text{font-size:12px;font-weight:400;color:#000;text-align:right;margin:0}.progress-type-modal .modal-content .middle-unit-item .progress-wrapper .progress-bar-container{width:100%;height:10px;background-color:#ebebeb;border-radius:5px;overflow:hidden}.progress-type-modal .modal-content .middle-unit-item .progress-wrapper .progress-bar-container .progress-bar-fill{height:100%;background-color:#ffcdd0;border-radius:5px;transition:width .3s ease}.progress-type-modal .progress-over100-hint{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.progress-type-modal .progress-over100-hint__btn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:help;line-height:0}@media(hover:none){.progress-type-modal .progress-over100-hint__btn{cursor:pointer}}.progress-type-modal .progress-over100-hint__tooltip{position:absolute;right:0;left:auto;bottom:calc(100% + 8px);z-index:10;box-sizing:border-box;width:max-content;max-width:min(360px,100vw - 32px);padding:8px 12px;border-radius:8px;background-color:#3a3d3d;color:#fff;font-size:11px;font-weight:400;line-height:1.35;text-align:left;word-break:keep-all;overflow-wrap:break-word;box-shadow:0 2px 8px #00000026;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}@media(hover:hover){.progress-type-modal .progress-over100-hint:hover .progress-over100-hint__tooltip{opacity:1;visibility:visible}}.progress-type-modal .progress-over100-hint__tooltip--mobile-open{opacity:1;visibility:visible;pointer-events:auto}.progress-report-page{display:flex;flex-direction:column;padding:24px 16px 72px;gap:24px;background-color:#f9f9f9}.birth-input-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.birth-input-overlay .birth-input-modal{background-color:#fff;border-radius:12px;padding:40px 35px;width:90%;max-width:460px;box-shadow:0 4px 20px #00000026}.birth-input-overlay .birth-input-modal .birth-input-title{font-size:18px;font-weight:600;color:#333;margin:0 0 12px;text-align:left}.birth-input-overlay .birth-input-modal .birth-input-description{font-size:18px;font-weight:400;color:#333;margin:0 0 24px;text-align:left;line-height:1.5}.birth-input-overlay .birth-input-modal .birth-input-description .highlight{color:#f44;font-weight:600}.birth-input-overlay .birth-input-modal .birth-input-field{width:100%;padding:16px 20px;font-size:16px;border:none;border-radius:8px;background-color:#f5f5f5;margin-bottom:20px;outline:none;box-sizing:border-box}.birth-input-overlay .birth-input-modal .birth-input-field::placeholder{color:#999}.birth-input-overlay .birth-input-modal .birth-input-field:focus{background-color:#efefef}.birth-input-overlay .birth-input-modal .birth-input-field:disabled{opacity:.7;cursor:not-allowed}.birth-input-overlay .birth-input-modal .birth-input-button{width:calc(100% - 32px);padding:16px;font-size:18px;font-weight:600;color:#f44;background-color:#fff;border:2px solid #ff4444;border-radius:8px;cursor:pointer;transition:all .2s ease}.birth-input-overlay .birth-input-modal .birth-input-button:hover:not(:disabled){background-color:#f44;color:#fff}.birth-input-overlay .birth-input-modal .birth-input-button:active:not(:disabled){transform:scale(.98)}.birth-input-overlay .birth-input-modal .birth-input-button:disabled{opacity:.5;cursor:not-allowed}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{display:inline-block;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.skeleton.skeleton-text{width:100%;height:1em;border-radius:4px}.skeleton.skeleton-circular{border-radius:50%}.skeleton.skeleton-rectangular{border-radius:8px}.skeleton-card{width:100%;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000001a}.skeleton-card .skeleton-card-content{padding:16px;display:flex;flex-direction:column;gap:12px}.progress-report-shell-viewport{min-height:100vh;background-color:#f9f9f9}.progress-report-shell{width:100%;max-width:800px;margin-inline:auto;box-sizing:border-box}.progress-report-list{background-color:#f4f4f3;min-height:100vh}.progress-report-list .header-container{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px}.progress-report-list .header-container .back-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0}.progress-report-list .header-container .back-button:hover{opacity:.7}.progress-report-list .header-container .header-text{font-size:16px;color:#ff6971}.progress-report-list .filter-container{padding:16px 12px;display:flex;justify-content:flex-end}.progress-report-list .filter-container .filter-item.period-filter{position:relative}.progress-report-list .filter-container .filter-item.period-filter .date-select-button{min-width:160px;height:36px;padding:0 12px;border:1px solid #e5e5e5;border-radius:8px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:border-color .2s}.progress-report-list .filter-container .filter-item.period-filter .date-select-button:hover{border-color:#ccc}.progress-report-list .filter-container .filter-item.period-filter .date-select-button .label{font-size:13px;font-weight:600;color:#000;white-space:nowrap}.progress-report-list .filter-container .filter-item.period-filter .date-select-button .value-wrapper{display:flex;align-items:center;gap:4px;flex:1;justify-content:flex-end}.progress-report-list .filter-container .filter-item.period-filter .date-select-button .value-wrapper .value{font-size:13px;color:#85898a;white-space:nowrap}.progress-report-list .filter-container .filter-item.period-filter .date-picker-overlay{position:fixed;inset:0;background-color:transparent;z-index:999}.progress-report-list .loading-container,.progress-report-list .error-container{padding:40px 20px;text-align:center;font-size:14px;color:#85898a}.progress-report-list .studies-container{padding:16px 12px;display:flex;flex-direction:column;gap:24px}.progress-report-list .studies-container .date-group{display:flex;flex-direction:column;gap:12px}.progress-report-list .studies-container .date-group .date-header{font-size:14px;font-weight:700;color:#000;padding-left:4px}.progress-report-list .studies-container .date-group .studies-grid{display:grid;grid-template-columns:1fr;gap:12px}.progress-report-list .studies-container .loading-more,.progress-report-list .studies-container .no-more-data{padding:20px;text-align:center;font-size:14px;color:#85898a}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.custom-date-select-wrapper{position:absolute;right:0;top:0;z-index:1000;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #0000001a}.custom-date-select-wrapper .action-buttons{display:flex;height:48px;align-items:center;justify-content:flex-end;gap:8px;padding:12px;border-top:1px solid #e5e5e5}.custom-date-select-wrapper .action-buttons button{display:flex;height:36px;min-width:60px;padding:0 16px;align-items:center;justify-content:center;font-size:12px;background:none;border:none;cursor:pointer;transition:opacity .2s}.custom-date-select-wrapper .action-buttons button:hover:not(:disabled){opacity:.7}.custom-date-select-wrapper .action-buttons button.cancel-button{color:#85898a}.custom-date-select-wrapper .action-buttons button.confirm-button{font-weight:700;color:#ff6971}.custom-date-select-wrapper .action-buttons button.confirm-button:disabled{opacity:.3;cursor:not-allowed}.react-datepicker{padding:0;overflow:hidden;border:none;border-radius:0;box-shadow:none;font-family:inherit}.react-datepicker .react-datepicker__header{padding:0;background-color:#fff;border-bottom:none}.react-datepicker .react-datepicker__day-names{height:32px;display:flex;align-items:center;padding:0 20px;margin:0}.react-datepicker .react-datepicker__day-names .react-datepicker__day-name{font-size:12px;color:#85898a;font-weight:400;width:40px;line-height:32px;margin:0}.react-datepicker .react-datepicker__month-container{width:100%}.react-datepicker .react-datepicker__month{margin:0;padding:0 20px 20px}.react-datepicker .react-datepicker__week{display:flex;justify-content:space-between}.react-datepicker .react-datepicker__day{width:40px;height:40px;line-height:40px;margin:0;font-size:14px;color:#000;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.react-datepicker .react-datepicker__day:hover{background-color:#f5f5f5;border-radius:50%}.react-datepicker .react-datepicker__day--keyboard-selected{background-color:transparent}.react-datepicker .react-datepicker__day--selected,.react-datepicker .react-datepicker__day--range-start,.react-datepicker .react-datepicker__day--range-end{background-color:#ff6971!important;color:#fff!important;border-radius:50%!important;font-weight:600}.react-datepicker .react-datepicker__day--in-range{background-color:#ffedee!important;color:#000!important;border-radius:0!important}.react-datepicker .react-datepicker__day--in-range:hover{background-color:#ffe0e2!important}.react-datepicker .react-datepicker__day--in-selecting-range{background-color:#ffedee!important;color:#000!important}.react-datepicker .react-datepicker__day--highlighted{background-color:#ff6971!important;color:#fff!important;border-radius:50%!important}.react-datepicker .react-datepicker__day--outside-month{color:#ccc}.react-datepicker .react-datepicker__day--disabled{color:#ccc;cursor:default}.react-datepicker .react-datepicker__day--disabled:hover{background-color:transparent}.react-datepicker .react-datepicker__current-month,.react-datepicker .react-datepicker__navigation{display:none}.date-select-header .date-range-selector{display:flex;height:64px;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e5e5e5;padding:16px 20px}.date-select-header .date-range-selector .date-button{height:40px;flex:1;cursor:pointer;border-radius:4px;padding:0 12px;font-size:14px;background-color:#fff;border:none;color:#000;transition:all .2s}.date-select-header .date-range-selector .date-button:hover{background-color:#f5f5f5}.date-select-header .date-range-selector .date-button:active{background-color:#eee}.date-select-header .date-range-selector .date-button.active{border:1px solid #ff6971;background-color:#ffedee}.date-select-header .month-navigation{display:flex;height:56px;align-items:center;justify-content:space-between;padding:8px 20px}.date-select-header .month-navigation .month-text{padding-left:8px;font-size:14px;font-weight:700;letter-spacing:-.08px}.date-select-header .month-navigation .nav-buttons{display:flex;align-items:center}.date-select-header .month-navigation .nav-buttons button{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.date-select-header .month-navigation .nav-buttons button:first-child{margin-right:8px}.date-select-header .month-navigation .nav-buttons button:disabled{opacity:.3;cursor:not-allowed}.study-card{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.study-card .card-header{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.study-card .card-header .rank-badge{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.study-card .card-header .rank-badge img{width:100%;height:100%;object-fit:contain}.study-card .card-header .score{display:flex;align-items:baseline;gap:2px;background-color:#f5f5f5;padding:4px 12px;border-radius:12px}.study-card .card-header .score .score-value{font-size:16px;font-weight:700;color:#000}.study-card .card-header .score .score-label{font-size:12px;color:#666}.study-card .card-content{padding-top:16px;display:flex;flex-direction:column;gap:12px}.study-card .card-content .info-row{display:flex;align-items:center;gap:8px}.study-card .card-content .info-row .label{width:60px;text-align:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap}.study-card .card-content .info-row .label.start{background-color:#ffe8e8;color:#ff6971}.study-card .card-content .info-row .label.end{background-color:#ffe8f0;color:#ff6971}.study-card .card-content .info-row .label.insufficient{background-color:#fff0f0;color:#ff6971}.study-card .card-content .info-row .label.evaluation{background-color:#ffe8f5;color:#ff6971}.study-card .card-content .info-row .value{font-size:13px;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-card .card-content .feedback-section{margin-top:4px}.study-card .card-content .feedback-section .feedback-button{width:calc(100% - 24px);display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#f8f8f8;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.study-card .card-content .feedback-section .feedback-button:hover{background-color:#f0f0f0}.study-card .card-content .feedback-section .feedback-button span:first-child{font-size:12px;font-weight:600;color:#ff6971}.study-card .card-content .feedback-section .feedback-button .feedback-bullet{font-size:12px;color:#ccc}.study-card .card-content .feedback-section .feedback-button .feedback-text{font-size:12px;color:#666;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}