@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap";:root{--primary: #6C5DD3;--secondary: #00B87C;--accent: #FFCE73;--text: #1B1B1B;--text-light: #A0A0A0;--bg: #F5F6FA;--white: #FFFFFF;--card-shadow: 0 8px 24px rgba(108, 93, 211, .05);--radius: 20px;--font-main: "Noto Sans KR", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{max-width:100%;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s ease-in-out}button:active{transform:scale(.96)}input,select,textarea{font-family:inherit;outline:none}.container{width:100%;max-width:900px;margin:0 auto;padding:24px}@media(max-width:600px){.container{padding:12px}input,select,textarea{font-size:16px!important}}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:24px;margin-bottom:20px;border:1px solid rgba(255,255,255,.5)}.btn-primary{background-color:var(--primary);color:var(--white);padding:12px 24px;border-radius:12px;font-weight:700;font-size:1rem;box-shadow:0 4px 12px #6c5dd34d}.btn-primary:hover{background-color:#5a4cb5;transform:translateY(-2px)}body.dark-mode{--bg: #121212;--text: #E0E0E0;--text-light: #AAAAAA;--white: #1E1E1E;--card-shadow: 0 4px 12px rgba(0, 0, 0, .5);--primary: #8576EA}body.dark-mode .date-display-btn{background:#2c2c2c;color:#e0e0e0}body.dark-mode .date-display-btn:hover{background:#3a3a3a}body.dark-mode .icon-btn-round,body.dark-mode .nav-btn{background:#2c2c2c;border-color:#444;color:#e0e0e0}body.dark-mode .icon-btn-round:hover,body.dark-mode .nav-btn:hover{background:#3a3a3a;color:var(--primary)}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;top:110%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:5px 10px;border-radius:6px;font-size:.8rem;white-space:nowrap;pointer-events:none;z-index:1000;opacity:0;animation:fadeIn .15s forwards}@keyframes fadeIn{to{opacity:1}}.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}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#f5f6fa}.login-card{text-align:center;width:90%;max-width:420px;padding:48px 32px;box-shadow:0 10px 30px #6c5dd31a}@media(max-width:480px){.login-card{padding:32px 20px;width:95%}.login-header h1{font-size:1.5rem}.login-icon{font-size:2.5rem}}.login-header h1{font-size:1.8rem;margin:10px 0 5px;color:var(--text)}.login-header p{color:#888;margin-bottom:32px}.login-icon{font-size:3rem}.user-selection{display:flex;flex-direction:column;gap:16px}.user-btn{display:flex;align-items:center;padding:20px;font-size:1.2rem;border-radius:20px;border:2px solid transparent;background:#fff;box-shadow:0 4px 12px #00000008;font-weight:700;color:var(--text);transition:all .2s}.user-btn .emoji{font-size:1.5rem;margin-right:16px;background:#f0f0f0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-btn:hover{transform:translateY(-4px);box-shadow:0 8px 20px #6c5dd326}.user-btn.daughter:hover{border-color:#ffce73}.user-btn.mom:hover{border-color:#6c5dd3}.password-form{display:flex;flex-direction:column;gap:12px;text-align:left;margin-top:20px}.password-form label{font-weight:600;color:var(--text)}.password-form input{padding:14px;border:2px solid #E4E4E4;border-radius:12px;font-size:1.1rem;transition:border .2s}.password-form input:focus{border-color:#6c5dd3}.error-msg{color:#ff4d4f;font-size:.9rem;font-weight:500}.form-actions{display:flex;gap:12px;margin-top:16px}.form-actions button{flex:1;padding:14px;border-radius:12px}.btn-back{background:#f0f0f0;color:#666;font-weight:600}.btn-back:hover{background:#e0e0e0}.task-list-container{width:100%}.add-task-bar{background:var(--white);padding:16px;border-radius:var(--radius);box-shadow:var(--card-shadow);margin-bottom:24px}.horizontal-form{display:flex;gap:12px}.task-input{flex:2;padding:12px 16px;border:2px solid #F0F0F0;border-radius:12px;font-size:1rem;transition:border .2s}.task-input:focus{border-color:var(--primary)}.cat-select{flex:1;padding:12px;border:2px solid #F0F0F0;border-radius:12px;background:#fff;cursor:pointer}@media(max-width:600px){.horizontal-form{flex-direction:column}}.filter-tabs{display:flex;gap:12px;margin-bottom:20px}.tab{background:transparent;padding:8px 16px;border-radius:12px;font-weight:600;color:var(--text-light)}.tab:hover{background:#6c5dd30d;color:var(--primary)}.tab.active{background:var(--primary);color:var(--white);box-shadow:0 4px 10px #6c5dd333}.tasks-grid{display:flex;flex-direction:column;gap:16px}.empty-state{text-align:center;padding:40px;color:#aaa;font-size:1.1rem}.task-card{background:var(--white);padding:20px;border-radius:16px;box-shadow:0 4px 6px #00000005;display:flex;justify-content:space-between;align-items:center;transition:all .2s;border:1px solid transparent}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000000d;border-color:#6c5dd31a}.task-card.completed{background:#fafafa}.task-left{display:flex;align-items:flex-start;gap:16px;cursor:pointer;flex:1;min-width:0}.custom-checkbox{min-width:24px;height:24px;border:2px solid #E4E4E4;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white);transition:all .2s;margin-top:2px;flex-shrink:0}.task-card:hover .custom-checkbox{border-color:var(--primary)}.custom-checkbox.checked{background:var(--primary);border-color:var(--primary)}.task-info{display:flex;flex-direction:column;gap:6px;min-width:0}.task-title{font-size:1.05rem;font-weight:500;color:var(--text);transition:color .2s;word-break:break-word;overflow-wrap:break-word}.task-card.completed .task-title{text-decoration:line-through;color:#bbb}.task-cat-badge{font-size:.8rem;color:#888;display:flex;align-items:center;gap:6px}.delete-btn{background:none;border:none;color:#ff6b6b;font-size:1.2rem;cursor:pointer;padding:8px;opacity:.6;transition:opacity .2s;z-index:2;flex-shrink:0}.delete-btn:hover{opacity:1;color:#fa5252}.task-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.task-time-badge{font-size:.8rem;color:#2b8a3e;background:#ebfbee;padding:2px 6px;border-radius:4px;font-weight:500}@media(max-width:600px){.tasks-grid{grid-template-columns:1fr}.horizontal-form{flex-direction:column}.add-task-bar{padding:12px;margin-left:0;margin-right:0;width:100%}.task-input,.cat-select,.btn-primary{width:100%}.filter-tabs{overflow-x:auto;padding-bottom:5px;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap}.task-card{padding:16px;flex-direction:column;align-items:stretch}.task-left{width:100%;margin-bottom:8px}.delete-btn{margin-left:auto;padding:12px;background:#fff5f5;border-radius:8px}.empty-state{padding:30px 10px;font-size:1rem}}.refresh-btn{background:#e9ecef;border:1px solid #ced4da;border-radius:20px;padding:6px 12px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:5px;color:#495057;transition:all .2s}.refresh-btn:hover{background:#dee2e6;transform:rotate(180deg)}.task-left.read-only .custom-checkbox{border-color:#adb5bd;background-color:#f1f3f5;cursor:default}.task-left.read-only:hover{background-color:transparent}.widgets-container{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:30px;padding-bottom:20px}@media(max-width:600px){.widgets-container{grid-template-columns:1fr}}background: white; border-radius: 16px; padding: 20px; box-shadow: 0 4px 12px rgba(0,0,0,.05); text-align: center; border: 1px solid #f1f3f5; display: flex; flex-direction: column; justify-content: center; } .widget-card h3{margin-top:0;margin-bottom:15px;color:#495057;font-size:1.1rem;font-weight:600}.quote-widget{background:linear-gradient(135deg,#e3fafc,#e6fcf5);border:2px solid #c3fae8}.quote-text{font-size:1.1rem;color:#0b7285;font-style:italic;margin-bottom:10px;font-family:Georgia,serif;line-height:1.4}.quote-author{font-size:.9rem;color:#868e96;font-weight:500}.photo-widget{background:linear-gradient(135deg,#fff0f6,#fff9db);border:2px solid #ffdeeb;padding:15px}.photo-container{width:100%;height:200px;overflow:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff}.photo-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.photo-container img:hover{transform:scale(1.05)}.sticker-board{background:linear-gradient(135deg,#fff5f7,#fff0f6);border:2px solid #FFD6E7;position:relative;transition:all .3s ease}.sticker-board.completed{background:linear-gradient(135deg,#fff3bf,#ffec99);border-color:#fcc419;box-shadow:0 0 20px #ffd43b66}.sticker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.title-area{display:flex;align-items:center;gap:8px}.title-area .icon{font-size:1.5rem}.settings-btn{background:none;border:none;font-size:.9rem;color:#adb5bd;cursor:pointer;padding:5px;border-radius:5px;transition:background .2s}.settings-btn:hover{background:#0000000d;color:#495057}.edit-panel{background:#ffffffe6;padding:15px;border-radius:12px;margin-bottom:20px;border:1px solid #dee2e6;text-align:left}.edit-panel h4{margin:0 0 10px;font-size:1rem;color:#495057}.input-group{margin-bottom:10px}.input-group label{display:block;font-size:.85rem;color:#868e96;margin-bottom:4px}.input-group input{width:100%;padding:8px;border:1px solid #ced4da;border-radius:6px;font-size:1rem}.button-group{display:flex;gap:10px;margin-top:15px}.btn-save,.btn-reset{flex:1;padding:8px;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:.9rem}.btn-save{background:#4dabf7;color:#fff}.btn-reset{background:#ff8787;color:#fff}.goal-display{text-align:center;margin-bottom:20px}.goal-display .label{display:block;font-size:.9rem;color:#868e96;margin-bottom:4px}.goal-display .target{font-size:1.5rem;font-weight:800;color:#d6336c;display:block;margin-bottom:8px}.progress-text{font-size:1.1rem;color:#495057;font-weight:600;background:#fff9;display:inline-block;padding:4px 12px;border-radius:20px}.sticker-grid-container{background:#ffffff80;border-radius:12px;padding:15px;margin-bottom:20px}.sticker-grid{display:grid;gap:10px;justify-content:center}.sticker-slot{aspect-ratio:1;border-radius:50%;border:2px dashed #FFD6E7;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .3s ease;cursor:default}.sticker-slot.filled{border:none;background:#ff6b6b;box-shadow:0 4px 6px #ff6b6b33;transform:scale(1.05)}.sticker-content{font-size:1.2rem}.sticker-number{font-size:.8rem;color:#ffdeeb;font-weight:700}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.bounce-in{animation:bounceIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}.control-panel{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:auto}.btn-control{width:48px;height:48px;border-radius:50%;border:none;font-size:1.2rem;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.btn-control:active:not(:disabled){transform:scale(.95)}.btn-control:disabled{opacity:.5;cursor:not-allowed}.btn-control.minus{background:#fff;border:2px solid #dee2e6;color:#868e96}.btn-control.plus{background:#ff6b6b;color:#fff;box-shadow:0 4px 10px #ff6b6b4d}.control-label{font-size:.9rem;color:#868e96;font-weight:600}.completion-banner{margin-top:15px;padding:15px;background:#fff3bf;border-radius:12px;color:#e67700;animation:float 2s infinite ease-in-out}.completion-banner h4{margin:0 0 5px;font-size:1.1rem}.completion-banner p{margin:0;font-size:.95rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@media(max-width:600px){.sticker-grid{grid-template-columns:repeat(5,1fr)!important;gap:6px}.sticker-slot{width:100%}}.progress-card{background:var(--white);border-radius:var(--radius);padding:24px;box-shadow:var(--card-shadow);margin-bottom:32px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-title{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text)}.chart-icon{color:#6c5dd3}.progress-percentage{font-size:.9rem;color:var(--primary);background:#f0f0ff;padding:4px 12px;border-radius:12px;font-weight:600}.progress-track-large{width:100%;height:32px;background:#e4e4e4;border-radius:16px;overflow:hidden;position:relative}.progress-fill-large{height:100%;background:#00b87c;border-radius:16px;transition:width .6s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-right:12px}.progress-text-overlay{color:#fff;font-weight:700;font-size:.9rem}@media(max-width:600px){.progress-card{padding:16px}}.sidebar{background:#fff5f5;border:1px solid #FFEDED}.sidebar-title{display:flex;align-items:center;color:#ff4d4f;margin-bottom:12px;font-size:1.1rem;font-weight:700}.warn-icon{margin-right:8px}.sidebar-desc{font-size:.95rem;color:#555;margin-bottom:16px}.incomplete-list{list-style:none;padding:0}.incomplete-list li{background:#fff;padding:10px 14px;margin-bottom:8px;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:500;color:#ff4d4f;box-shadow:0 2px 4px #ff4d4f1a;transition:all .2s;border:1px solid transparent}.incomplete-list li:hover{background:#ff4d4f;color:#fff;transform:translate(4px);box-shadow:0 4px 8px #ff4d4f33}*{box-sizing:border-box}body{margin:0;padding:0;overscroll-behavior-y:none}.app-layout{height:100dvh;background-color:var(--bg);display:flex;flex-direction:column;overflow:hidden}.app-header{background:#fff0f6;padding:8px 0;box-shadow:0 4px 12px #00000008;position:sticky;top:0;z-index:100}.header-content{display:flex;flex-direction:column;gap:8px;padding-bottom:0}@media(min-width:768px){.header-content{flex-direction:row;align-items:center;justify-content:space-between}}.brand{display:flex;align-items:center;gap:12px}.logo-icon{font-size:2rem}.brand h1{font-size:1.5rem;font-weight:700;color:var(--text)}.user-badge{padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:700;color:#fff;white-space:nowrap}.user-badge.daughter{background-color:var(--accent);color:#7a5c00}.user-badge.mom{background-color:var(--primary)}.header-controls{display:flex;align-items:center;gap:12px}.date-picker-wrapper{display:none}@media(min-width:768px){.date-picker-wrapper{display:block}}.header-controls{flex-shrink:0}.date-display-btn{background:#f0f0f0;padding:8px 16px;border-radius:12px;font-weight:600;font-size:.95rem;color:#555;display:flex;align-items:center;gap:8px;border:1px solid transparent;transition:all .2s}.date-display-btn:hover{background:#e0e0e0;color:var(--primary);border-color:#6c5dd333}.calendar-icon{color:var(--primary)}.icon-btn-round{width:40px;height:40px;border-radius:50%;background:var(--white);border:1px solid #eee;display:flex;align-items:center;justify-content:center;color:#888;font-size:1rem}.icon-btn-round:hover{background:#f9f9f9;color:var(--primary)}.logout-btn{background:transparent;color:#999;font-size:.9rem;display:flex;align-items:center;gap:6px;font-weight:500}.logout-btn:hover{color:var(--text)}.main-content{display:grid;grid-template-columns:1fr;gap:8px;padding-top:5px;flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.desktop-only{display:none}.mobile-tab-nav{display:flex;background:#fff;border-radius:12px;padding:6px;margin-bottom:20px;box-shadow:0 4px 12px #0000000d}.mobile-tab{flex:1;padding:10px;border:none;background:transparent;border-radius:8px;font-weight:600;color:#888;cursor:pointer;transition:all .2s;font-size:1rem}.mobile-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #6c5dd34d}.mobile-view-sidebar,.mobile-content-wrapper.show-stickers .mobile-view-tasks{display:none}.mobile-content-wrapper.show-stickers .mobile-view-sidebar{display:block}@media(min-width:900px){.main-content{grid-template-columns:3fr 1fr;align-items:start}.sidebar-area{position:sticky;top:100px}.desktop-only{display:block}.mobile-tab-nav{display:none}.mobile-view-sidebar{display:none!important}.mobile-view-tasks{display:block!important}}.date-nav-filters{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;background:var(--white);padding:12px;border-radius:var(--radius);box-shadow:var(--card-shadow)}.current-date-label-wrapper .date-display-btn{background:transparent;font-size:1.1rem;font-weight:700;color:var(--text);padding:4px 8px}.current-date-label-wrapper .date-display-btn:hover{background:#f5f6fa}.nav-btn{background:var(--bg);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#666}.nav-btn:hover{background:#e0e0e0}