@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap";.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-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:.3rem;border-bottom-right-radius:.3rem}.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{fill:#fff;color:#fff}.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){border-top-right-radius:.3rem}.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__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:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;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:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.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:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);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:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.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{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:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.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}.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:.5rem;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__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;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}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}body{font-family:Noto Sans KR,sans-serif;background-color:#101625;color:#fff}a{text-decoration:none;color:inherit}html{scrollbar-gutter:stable}.pagination-container{display:flex;justify-content:center;align-items:center;padding:1rem 0}.pagination{display:flex;list-style-type:none;gap:.5rem}.page-item .page-link{background:#1f2940;border:1px solid #2d3748;color:#a0aec0;border-radius:4px;cursor:pointer;font-size:.875rem;min-width:36px;height:36px;display:flex;justify-content:center;align-items:center;transition:all .2s ease-in-out}.page-item .page-link:hover{background-color:#2d3748;color:#fff}.page-item.active .page-link{background-color:#23c9d3;border-color:#23c9d3;color:#101625;font-weight:700}.page-item.disabled .page-link{color:#718096;pointer-events:none;background-color:#1a2234}.custom-select{position:relative;width:120px;font-size:.875rem}.custom-select .select-trigger{background-color:#1a2234;border:1px solid #2d3748;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s}.custom-select .select-trigger:hover{border-color:#23c9d3}.custom-select .arrow{border:solid #a0aec0;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);transition:transform .2s}.custom-select .arrow.open{transform:rotate(-135deg)}.custom-select .options{position:absolute;top:100%;left:0;right:0;background-color:#1f2940;border:1px solid #2d3748;border-radius:4px;margin-top:4px;z-index:10;overflow:hidden}.custom-select .options .option{padding:.75rem 1rem;cursor:pointer}.custom-select .options .option:hover{background-color:#1a2234}.custom-select .options .option.selected{background-color:#23c9d3;color:#101625;font-weight:700}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background-color:#1f2940;padding:2rem;border-radius:12px;min-width:320px;max-width:400px;box-shadow:0 5px 15px #0000004d;text-align:center;animation:slideUp .2s ease-out}.modal-content .modal-message{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;color:#fff;white-space:pre-wrap}.modal-content .modal-actions{display:flex;gap:1rem;justify-content:space-between}.modal-content .modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;width:45%}.modal-content .modal-actions button.btn-cancel{background-color:#2d3748;color:#a0aec0}.modal-content .modal-actions button.btn-cancel:hover{background-color:#374358}.modal-content .modal-actions button.btn-confirm{background-color:#23c9d3;color:#fff}.modal-content .modal-actions button.btn-confirm:hover{background-color:#29e2ee}.modal-content .modal-actions button.full-width{width:100%}.modal-content .modal-input-wrapper{margin-bottom:2rem}.modal-content .modal-input{width:100%;padding:.75rem 1rem;border:1px solid #2d3748;background-color:#1a2234;border-radius:8px;color:#fff;font-size:1rem;text-align:center}.modal-content .modal-input:focus{outline:none;border-color:#23c9d3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.loading-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease-out}.loading-spinner{width:50px;height:50px;border:5px solid #2d3748;border-top-color:#23c9d3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.dashboard-page{display:grid;gap:2rem;width:100%}.dashboard-page .asset-summary-card{background-color:#1f2940;border-radius:8px;padding:24px;border:1px solid #2d3748}.dashboard-page .asset-summary-card .card-title{font-size:1rem;color:#a0aec0;margin-bottom:.75rem}.dashboard-page .asset-summary-card .card-value{font-size:2rem;font-weight:700;color:#fff}.dashboard-page .asset-summary-card .card-value.positive{color:#48bb78}.dashboard-page .asset-summary-card .card-value.negative{color:#f56565}.dashboard-page .dashboard-stock-list{background-color:#1f2940;border-radius:8px;padding:24px;border:1px solid #2d3748}.dashboard-page .dashboard-stock-list .list-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.dashboard-page .dashboard-stock-list ul{display:flex;flex-direction:column;list-style:none;padding:0;margin:0 -1.5rem}.dashboard-page .dashboard-stock-list .stock-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:background-color .2s ease-in-out;border-bottom:1px solid #2d3748}.dashboard-page .dashboard-stock-list .stock-item:last-child{border-bottom:none}.dashboard-page .dashboard-stock-list .stock-item:hover{background-color:#1a2234}.dashboard-page .dashboard-stock-list .stock-info{display:flex;flex-direction:column;gap:.25rem}.dashboard-page .dashboard-stock-list .stock-info .stock-name{font-size:1rem;font-weight:500}.dashboard-page .dashboard-stock-list .stock-info .stock-quantity{font-size:.875rem;color:#a0aec0}.dashboard-page .dashboard-stock-list .stock-price-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.dashboard-page .dashboard-stock-list .stock-price-info .current-price{font-size:1rem;font-weight:500}.dashboard-page .dashboard-stock-list .stock-price-info .change-rate{font-size:.875rem}.dashboard-page .dashboard-stock-list .stock-price-info .change-rate.positive{color:#48bb78}.dashboard-page .dashboard-stock-list .stock-price-info .change-rate.negative{color:#f56565}.dashboard-page .recent-transactions{background-color:#1f2940;border-radius:8px;padding:24px;border:1px solid #2d3748}.dashboard-page .recent-transactions .list-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.dashboard-page .recent-transactions .transaction-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.dashboard-page .recent-transactions .tx-info{display:flex;align-items:center;gap:1rem}.dashboard-page .recent-transactions .tx-info .tx-type{font-weight:700;padding:.25rem .75rem;border-radius:4px;font-size:.875rem}.dashboard-page .recent-transactions .tx-info .tx-type.buy{background-color:#48bb7833;color:#48bb78}.dashboard-page .recent-transactions .tx-info .tx-type.sell{background-color:#f5656533;color:#f56565}.dashboard-page .recent-transactions .tx-details{display:flex;gap:1.5rem;align-items:center;color:#a0aec0;font-size:.875rem}.dashboard-page__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.dashboard-page__lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.header{background-color:#1f2940;border-bottom:1px solid #2d3748;padding:0 2rem;height:70px}.header__container{max-width:1280px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header__logo{font-size:1.5rem;font-weight:700;color:#23c9d3}.header__nav{display:flex;gap:2rem}.header .nav-link{color:#a0aec0;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;transition:color .2s ease-in-out}.header .nav-link:hover{color:#fff}.header .nav-link.active{color:#23c9d3}.header .nav-link.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#23c9d3}.header__user-info{display:flex;align-items:center;gap:1rem;color:#a0aec0}.header .logout-button{background:none;border:1px solid #a0aec0;color:#a0aec0;padding:.4rem .8rem;border-radius:4px;cursor:pointer;transition:all .2s ease-in-out}.header .logout-button:hover{background-color:#2d3748;color:#fff}.stocks-page{display:flex;flex-direction:column;gap:2rem}.stocks-page__header{display:flex;justify-content:space-between;align-items:center}.stocks-page__header h1{font-size:2rem;font-weight:700}.stocks-page .search-box{display:flex;gap:.5rem}.stocks-page .search-box input{background-color:#1a2234;border:1px solid #2d3748;border-radius:4px;padding:.75rem 1rem;color:#fff;font-size:1rem;width:300px}.stocks-page .search-box input::placeholder{color:#718096}.stocks-page .search-box input:focus{outline:none;border-color:#23c9d3}.stocks-page .search-box button{background-color:#23c9d3;border:none;border-radius:4px;color:#101625;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;cursor:pointer;transition:opacity .2s ease}.stocks-page .search-box button:hover{opacity:.9}.stocks-page .stock-table-container{background-color:#1f2940;border:1px solid #2d3748;border-radius:8px;overflow:hidden}.stocks-page .stock-table{width:100%;border-collapse:collapse;table-layout:fixed}.stocks-page .stock-table th,.stocks-page .stock-table td{padding:1.25rem 1.5rem;text-align:left;border-bottom:1px solid #2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stocks-page .stock-table thead th{width:22.5%;background-color:#1a2234;color:#a0aec0;font-weight:500;font-size:.875rem;text-transform:uppercase}.stocks-page .stock-table thead th:last-child{width:10%}.stocks-page .stock-table tbody tr{transition:background-color .2s ease;cursor:pointer}.stocks-page .stock-table tbody tr:last-child td{border-bottom:none}.stocks-page .stock-table tbody tr:hover{background-color:#1a2234}.stocks-page .stock-table tbody tr td{vertical-align:middle}.stocks-page .stock-table tbody tr td.positive{color:#48bb78}.stocks-page .stock-table tbody tr td.negative{color:#f56565}.stock-detail-page{display:flex;flex-direction:column;width:100%;gap:2rem}.stock-header{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.stock-header__info .stock-name{font-size:2rem;font-weight:700}.stock-header__info .stock-code{font-size:.875rem;color:#a0aec0;margin-top:.25rem}.stock-header__price{display:flex;flex-direction:column;align-items:flex-start}.stock-header__price .current-price{font-size:1.5rem;font-weight:700}.stock-header__price .change-info{font-size:.875rem;margin-top:.25rem}.stock-header__price .positive{color:#48bb78}.stock-header__price .negative{color:#f56565}.stock-header__actions{margin-left:auto}.chart-area{width:100%;min-width:0}.chart-area .chart-container{width:100%}.order-section{display:flex;gap:2rem;width:100%;align-items:stretch}.order-book-area,.order-panel-area{display:flex;flex-direction:column}.order-book-area{flex:1;min-width:0}.order-panel-area{width:380px;flex-shrink:0}.order-book{border:1px solid #2d3748;border-radius:8px;overflow:hidden;flex-grow:1;display:flex;flex-direction:column;max-height:580px}.order-book__header{display:grid;grid-template-columns:1fr;text-align:center;padding:.75rem 0;font-size:.75rem;color:#a0aec0;background-color:#1a2234;border-bottom:1px solid #2d3748;flex-shrink:0}.order-book__header .header-cell{display:flex;justify-content:center;align-items:center}.order-book__content{flex-grow:1;overflow-y:auto;position:relative}.order-book.single-column .order-book__header{grid-template-columns:1fr}.order-book.single-column .order-item{display:block;cursor:pointer}.order-book.single-column .order-item:hover{background-color:#1a2234}.order-book.single-column .order-item.current-marker .price-cell{border:1px solid #23c9d3}.order-book.single-column .price-cell{position:relative;display:flex;align-items:center;justify-content:center;padding:.6rem 1rem;font-weight:700;overflow:hidden}.order-book.single-column .price-cell.opening{background-color:#1a2234}.order-book.single-column .price-cell.opening .price-info{color:#fff}.order-book.single-column .price-cell.opening .price-percent{color:#a0aec0}.order-book.single-column .price-cell.ask{background-color:#48bb781a}.order-book.single-column .price-cell.ask .price-info{color:#48bb78}.order-book.single-column .price-cell.ask .quantity-bar{background-color:#48bb78}.order-book.single-column .price-cell.bid{background-color:#f565651a}.order-book.single-column .price-cell.bid .price-info{color:#f56565}.order-book.single-column .price-cell.bid .quantity-bar{background-color:#f56565}.order-book.single-column .price-info{display:flex;flex-direction:column;align-items:center;z-index:2}.order-book.single-column .price-info .price-percent{font-size:.75rem;font-weight:400}.order-book.single-column .quantity-bar{position:absolute;top:0;bottom:0;opacity:.2;transition:width .3s ease-in-out;z-index:0}.order-book.single-column .quantity-text-overlay{position:absolute;top:0;left:1rem;right:1rem;bottom:0;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;z-index:1}.order-book.single-column .quantity-text-overlay .bid-qty{color:#48bb78}.order-book.single-column .quantity-text-overlay .ask-qty{color:#f56565}.order-panel{background-color:#1f2940;border-radius:8px;flex-grow:1;display:flex;flex-direction:column}.order-panel form{flex-grow:1;display:flex;flex-direction:column}.order-panel__tabs{display:flex}.order-panel__tabs button{flex:1;padding:1rem;background:none;border:none;color:#a0aec0;cursor:pointer;font-weight:700;border-bottom:3px solid transparent;transition:all .2s ease-in-out}.order-panel__tabs button.buy.active{color:#48bb78;border-bottom-color:#48bb78}.order-panel__tabs button.sell.active{color:#f56565;border-bottom-color:#f56565}.order-panel__body{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;flex-grow:1}.order-panel .price-type-selector{display:flex;gap:1rem;border-bottom:1px solid #2d3748;padding-bottom:1rem}.order-panel .price-type-selector button{background:none;border:none;color:#a0aec0;padding:.25rem 0;cursor:pointer;font-weight:500}.order-panel .price-type-selector button.active{color:#23c9d3;border-bottom:2px solid #23c9d3}.order-panel .form-group{display:flex;justify-content:space-between;align-items:center}.order-panel .form-group label{color:#a0aec0;font-size:.875rem}.order-panel .form-group input,.order-panel .form-group .balance{background:none;border:none;color:#fff;font-size:1rem;text-align:right}.order-panel .form-group input:focus,.order-panel .form-group .balance:focus{outline:none}.order-panel .form-group input{border-bottom:1px solid #2d3748;padding:.5rem 0}.order-panel .form-group input:focus{border-bottom-color:#23c9d3}.order-panel .form-group input:disabled{opacity:.5;cursor:not-allowed}.order-panel .quantity-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.order-panel .quantity-shortcuts button{background:#1a2234;border:1px solid #2d3748;color:#a0aec0;padding:.5rem;border-radius:4px;cursor:pointer}.order-panel .quantity-shortcuts button:hover{background-color:#2d3748}.order-panel .quantity-shortcuts button:disabled{background-color:#101625;opacity:.5;cursor:not-allowed}.order-panel .order-summary{margin-top:auto}.order-panel .order-summary .summary-item{display:flex;justify-content:space-between;color:#a0aec0;font-size:.875rem;padding:.25rem 0}.order-panel .order-summary .summary-item.total{margin-top:.5rem;padding-top:1rem;border-top:1px solid #2d3748;font-weight:700}.order-panel .order-summary .summary-item.total span{color:#fff;font-size:1rem}.order-panel .submit-btn{width:100%;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s ease}.order-panel .submit-btn:hover{opacity:.9}.order-panel .submit-btn.buy{background-color:#48bb78;color:#fff}.order-panel .submit-btn.sell{background-color:#f56565;color:#fff}.order-panel .submit-btn:disabled{background-color:#718096;opacity:.7}.stock-header__info{display:flex;align-items:center;margin-bottom:1rem}.favorite-btn svg{vertical-align:middle}.ranking-page{display:flex;flex-direction:column;gap:2rem;width:100%}.ranking-page__header{display:flex;justify-content:space-between;align-items:center}.ranking-page__header h1{font-size:2rem;font-weight:700;color:#fff}.ranking-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.ranking-summary-cards .summary-card{background-color:#1f2940;border-radius:8px;padding:24px;border:1px solid #2d3748;display:flex;flex-direction:column;align-items:center;padding:1.5rem;text-align:center;justify-content:center}.ranking-summary-cards .summary-card .card-title{font-size:.9rem;color:#a0aec0;margin-bottom:.5rem;white-space:nowrap}.ranking-summary-cards .summary-card .card-value{font-size:2.2rem;font-weight:700;color:#fff}.ranking-summary-cards .summary-card.positive-rate .card-value{color:#48bb78}.ranking-summary-cards .summary-card.negative-rate .card-value{color:#f56565}.ranking-controls{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.ranking-tabs{display:flex;background-color:#1a2234;border-radius:8px;padding:.35rem;max-width:fit-content;box-shadow:0 2px 8px #0000004d;gap:.5rem}.ranking-tabs .tab-item{padding:.75rem 1.5rem;cursor:pointer;color:#a0aec0;font-weight:500;transition:all .2s ease-in-out;border-radius:4px;white-space:nowrap;text-align:center;flex-grow:1}.ranking-tabs .tab-item.active{background-color:#23c9d3;color:#fff;box-shadow:0 2px 4px #0003}.ranking-tabs .tab-item:hover:not(.active){background-color:#232d45}.ranking-table-container{background-color:#1f2940;border-radius:8px;border:1px solid #2d3748;overflow-x:auto;padding:0}.ranking-table{width:100%;border-collapse:collapse}.ranking-table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid #2d3748;height:70px;vertical-align:middle;color:#fff;font-size:.9375rem}.ranking-table td.value-column{font-weight:700;text-align:right;min-width:120px}.ranking-table td.value-column.positive{color:#48bb78}.ranking-table td.value-column.negative{color:#f56565}.ranking-table tr:last-child td{border-bottom:none}.ranking-table .my-rank-row{border-top:2px solid #23c9d3}.ranking-table .my-rank-row td{background-color:#23c9d31a}.ranking-table .load-more-row td{text-align:center;padding:1.5rem}.ranking-table .load-more-row td .load-more-button{padding:.75rem 2rem;background-color:#23c9d3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s ease-in-out}.ranking-table .load-more-row td .load-more-button:hover{background-color:#1c9fa7}.ranking-table .load-more-row td .load-more-button:disabled{background-color:#718096;cursor:not-allowed}.ranking-user-cell{display:flex;align-items:center;gap:1.5rem}.ranking-user-cell .rank-circle{width:36px;height:36px;background-color:#a0aec033;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}.ranking-user-cell .rank-circle.rank-1{background-color:gold;color:#000}.ranking-user-cell .rank-circle.rank-2{background-color:silver;color:#000}.ranking-user-cell .rank-circle.rank-3{background-color:#cd7f32;color:#fff}.ranking-user-cell .user-details{display:flex;flex-direction:column;align-items:flex-start}.ranking-user-cell .user-details .user-nickname{font-weight:700;color:#fff;font-size:1rem}.ranking-user-cell .user-details .user-sub-info{font-size:.875rem;color:#a0aec0;margin-top:.25rem;white-space:nowrap}.ranking-table.skeleton .skeleton-line{background-color:#2d3748;border-radius:4px;animation:pulse 1.5s infinite ease-in-out}.ranking-table.skeleton .rank-circle{background-color:#2d3748;animation:pulse 1.5s infinite ease-in-out}.ranking-table.skeleton .user-details .nickname{width:80px;height:1rem;margin-bottom:.5rem}.ranking-table.skeleton .user-details .sub-info{width:120px;height:.875rem}.ranking-table.skeleton .value-column{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.ranking-table.skeleton .value-column .value{width:100px;height:1rem}.ranking-table.skeleton .value-column .secondary-value{width:80px;height:.875rem}@keyframes pulse{0%{background-color:#2d3748}50%{background-color:#374358}to{background-color:#2d3748}}.mypage-container{display:block}.mypage-header{background-color:#1f2940;border-radius:8px;padding:24px;border:1px solid #2d3748;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem;margin-bottom:2rem}.mypage-header .header-left{display:flex;align-items:center;gap:1.5rem}.mypage-header .header-left .user-avatar-large{width:64px;height:64px;border-radius:50%;background-color:#23c9d3;overflow:hidden}.mypage-header .header-left .user-avatar-large img{width:100%;height:100%;object-fit:cover}.mypage-header .header-left .user-nickname-large{font-size:1.75rem;font-weight:700}.mypage-header .header-right{display:flex;align-items:center;gap:1.5rem}.mypage-header .header-right .stat-item{display:flex;flex-direction:column;align-items:flex-end}.mypage-header .header-right .stat-item .asset-display{display:flex;align-items:center;gap:1rem}.mypage-header .header-right .stat-item .charge-btn{background-color:#23c9d3;color:#fff;border:none;border-radius:4px;padding:.4rem .8rem;font-size:.8rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.mypage-header .header-right .stat-item .charge-btn:hover{background-color:#29e2ee}.mypage-header .header-right .stat-item .stat-value{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.mypage-header .header-right .stat-item .stat-value.positive{color:#48bb78}.mypage-header .header-right .stat-item .stat-value.negative{color:#f56565}.mypage-header .header-right .stat-item .stat-label{font-size:.875rem;color:#a0aec0;margin-top:.5rem}.mypage-header .header-right .stat-divider{width:1px;height:40px;background-color:#2d3748}.mypage-body{display:flex;gap:2rem;align-items:flex-start}.mypage-sidebar{width:220px;flex-shrink:0;background-color:#1f2940;border-radius:8px;padding:24px;border:1px solid #2d3748;padding:1rem 0}.mypage-tabs{display:flex;flex-direction:column}.mypage-tabs .tab-item{background:none;border:none;padding:1rem 1.5rem;color:#a0aec0;font-weight:500;font-size:1rem;font-family:Noto Sans KR,sans-serif;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left}.mypage-tabs .tab-item:hover{background-color:#1a2234;color:#fff}.mypage-tabs .tab-item.active{background-color:#23c9d31a;color:#23c9d3;border-right:3px solid #23c9d3;font-weight:700}.mypage-tabs .tab-item .notification-badge{background-color:#f56565;color:#fff;font-size:.75rem;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:flex;justify-content:center;align-items:center}.mypage-content{flex-grow:1}.portfolio-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem}.portfolio-summary-grid .summary-card{background-color:#1f2940;border-radius:8px;padding:24px;border:1px solid #2d3748;padding:1.5rem}.portfolio-summary-grid .summary-card .card-title{font-size:.9rem;color:#a0aec0;margin-bottom:.5rem}.portfolio-summary-grid .summary-card .card-value{font-size:1.5rem;font-weight:700}.portfolio-summary-grid .summary-card .card-value.large{font-size:1.75rem}.portfolio-summary-grid .summary-card .card-value.positive{color:#48bb78}.portfolio-summary-grid .summary-card .card-value.negative{color:#f56565}.portfolio-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:flex-start}.portfolio-details-grid .details-card{background-color:#1f2940;border-radius:8px;padding:24px;border:1px solid #2d3748}.portfolio-details-grid .details-card .card-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.owned-stocks-list{display:flex;flex-direction:column}.owned-stocks-list .owned-stock-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #2d3748}.owned-stocks-list .owned-stock-item:last-child{border-bottom:none}.owned-stocks-list .owned-stock-item .stock-item-left .stock-name{font-size:1rem;font-weight:500;margin-bottom:.25rem}.owned-stocks-list .owned-stock-item .stock-item-left .stock-meta{font-size:.875rem;color:#a0aec0}.owned-stocks-list .owned-stock-item .stock-item-right{text-align:right}.owned-stocks-list .owned-stock-item .stock-item-right .stock-value{font-size:1rem;font-weight:700;margin-bottom:.25rem}.owned-stocks-list .owned-stock-item .stock-item-right .stock-return{font-size:.875rem}.owned-stocks-list .owned-stock-item .stock-item-right .stock-return.positive{color:#48bb78}.owned-stocks-list .owned-stock-item .stock-item-right .stock-return.negative{color:#f56565}.transaction-history-section{background-color:#1f2940;border-radius:8px;padding:24px;border:1px solid #2d3748}.transaction-history-section .load-more-button{padding:.75rem 2rem;background-color:#23c9d3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s ease-in-out;margin-top:1rem}.transaction-history-section .load-more-button:hover{background-color:#1c9fa7}.transaction-history-section .load-more-button:disabled{background-color:#718096;cursor:not-allowed}.transaction-history-section .filter-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid #2d3748;margin-bottom:1rem}.transaction-history-section .filter-bar .filter-group{display:flex;gap:.5rem;background-color:#1a2234;padding:.5rem;border-radius:8px}.transaction-history-section .filter-bar .filter-group button{background:transparent;border:none;color:#a0aec0;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.transaction-history-section .filter-bar .filter-group button.active{background-color:#1f2940;color:#fff;box-shadow:0 1px 3px #0003;font-weight:700}.transaction-history-section .filter-bar .search-group{display:flex;align-items:center;gap:.5rem}.transaction-history-section .filter-bar .search-group input[type=text]{background-color:#1a2234;border:1px solid #2d3748;border-radius:4px;padding:.6rem 1rem;color:#fff;font-size:.9rem;width:180px}.transaction-history-section .filter-bar .search-group input[type=text]::placeholder{color:#718096}.transaction-history-section .filter-bar .search-group .date-picker-wrapper{display:flex;align-items:center;background-color:#1a2234;border:1px solid #2d3748;border-radius:4px;padding:0 .5rem}.transaction-history-section .filter-bar .search-group .date-picker-wrapper .date-picker-input{background:transparent;border:none;color:#fff;padding:.6rem .5rem;width:150px;text-align:center;font-size:.9rem;cursor:pointer}.transaction-history-section .filter-bar .search-group .date-picker-wrapper .date-picker-input:focus{outline:none}.transaction-history-section .filter-bar .search-group .date-picker-wrapper .date-picker-input::placeholder{color:#718096}.transaction-history-section .filter-bar .search-group .date-picker-wrapper .date-picker-tilde{color:#a0aec0}.transaction-history-section .filter-bar .search-group .search-btn{background-color:#23c9d3;border:none;color:#fff;padding:.6rem 1.5rem;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .2s}.transaction-history-section .filter-bar .search-group .search-btn:hover{background-color:#29e2ee}.transaction-history-section .transaction-list{display:flex;flex-direction:column}.transaction-history-section .no-data-message{display:flex;justify-content:center;align-items:center;padding:4rem 2rem;text-align:center;color:#a0aec0;font-size:1.1rem;border:2px dashed #2d3748;border-radius:12px;margin:1rem}.transaction-history-section .transaction-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem .5rem;border-bottom:1px solid #2d3748;transition:background-color .2s ease}.transaction-history-section .transaction-item:hover{background-color:#1a2234}.transaction-history-section .transaction-item:last-child{border-bottom:none}.transaction-history-section .transaction-item .item-left{display:flex;align-items:center;gap:1.5rem}.transaction-history-section .transaction-item .type-icon{width:44px;height:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;color:#fff;font-size:.9rem;flex-shrink:0;padding:0 .5rem}.transaction-history-section .transaction-item .type-icon.buy{background-color:#48bb78cc}.transaction-history-section .transaction-item .type-icon.sell{background-color:#f56565cc}.transaction-history-section .transaction-item .info-group .tx-date{font-size:.875rem;color:#a0aec0;margin-bottom:.5rem}.transaction-history-section .transaction-item .info-group .stock-info{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.3rem}.transaction-history-section .transaction-item .info-group .stock-info .stock-name{margin-top:.5rem;font-size:1.1rem;font-weight:700}.transaction-history-section .transaction-item .info-group .stock-info .stock-id,.transaction-history-section .transaction-item .info-group .tx-details{font-size:.875rem;color:#a0aec0}.transaction-history-section .transaction-item .item-right{text-align:right}.transaction-history-section .transaction-item .item-right .tx-amount{font-size:1.1rem;font-weight:700;color:#fff}.transaction-history-section .transaction-item .item-right .tx-pl{font-size:.875rem;margin-top:.25rem}.transaction-history-section .transaction-item .item-right .tx-pl.positive{color:#48bb78}.transaction-history-section .transaction-item .item-right .tx-pl.negative{color:#f56565}.mailbox-section{background-color:#1f2940;border-radius:8px;padding:24px;border:1px solid #2d3748}.mailbox-section .filter-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid #2d3748;margin-bottom:1rem}.mailbox-section .filter-bar h3{font-size:1.25rem;font-weight:700}.mailbox-section .filter-bar .filter-group{display:flex;gap:.5rem;background-color:#1a2234;padding:.5rem;border-radius:8px}.mailbox-section .filter-bar .filter-group button{background:transparent;border:none;color:#a0aec0;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.mailbox-section .filter-bar .filter-group button.active{background-color:#1f2940;color:#fff;box-shadow:0 1px 3px #0003;font-weight:700}.mail-list{display:flex;flex-direction:column}.mail-item{border-bottom:1px solid #2d3748}.mail-item:last-child{border-bottom:none}.mail-item .mail-summary{display:flex;justify-content:space-between;align-items:center;padding:1.25rem .5rem;cursor:pointer;transition:background-color .2s}.mail-item .mail-summary:hover{background-color:#1a2234}.mail-item .mail-summary .summary-left{display:flex;align-items:center;gap:1.25rem}.mail-item .mail-summary .summary-left .icon{font-size:1.5rem}.mail-item .mail-summary .mail-details{display:flex;flex-direction:column;gap:.25rem}.mail-item .mail-summary .mail-details .sender{font-size:.8rem;color:#a0aec0;font-weight:500}.mail-item .mail-summary .mail-details .title{font-size:1rem;font-weight:500;color:#a0aec0}.mail-item .mail-summary .summary-right{display:flex;align-items:center;gap:1rem;color:#a0aec0;font-size:.875rem}.mail-item .mail-summary .summary-right .unread-dot{width:8px;height:8px;border-radius:50%;background-color:#23c9d3}.mail-item.unread .mail-details .title{color:#fff;font-weight:700}.mail-item .mail-content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.mail-item .mail-content.expanded{max-height:200px}.mail-item .mail-content .content-inner{padding:0 .5rem 1.5rem 4rem;color:#a0aec0;line-height:1.6}.mail-item .mail-content .content-inner p{padding-top:1rem;border-top:1px solid #2d3748}.settings-section{display:flex;flex-direction:column;gap:2rem}.setting-card{background-color:#1f2940;border-radius:8px;padding:24px;border:1px solid #2d3748}.setting-card .card-title{font-size:1.25rem;font-weight:700;padding-bottom:1.5rem;border-bottom:1px solid #2d3748;margin-bottom:1.5rem}.form-group-mypage{margin-bottom:1.5rem}.form-group-mypage:last-of-type{margin-bottom:0}.form-group-mypage label{display:block;font-size:.9rem;color:#a0aec0;margin-bottom:.75rem}.form-group-mypage input{width:100%;background-color:#1a2234;border:1px solid #2d3748;border-radius:4px;padding:.75rem 1rem;color:#fff;font-size:1rem}.form-group-mypage input:focus{outline:none;border-color:#23c9d3}.input-with-btn{display:flex;gap:.5rem}.input-with-btn input{flex-grow:1}.input-with-btn .inline-btn{padding:.75rem 1.5rem;background-color:#2d3748;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s}.input-with-btn .inline-btn:hover{background-color:#374358}.card-actions{display:flex;justify-content:flex-end;margin-top:2rem}.submit-btn{padding:.75rem 2rem;font-size:1rem;font-weight:700;background-color:#23c9d3;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.submit-btn:hover{background-color:#29e2ee}.submit-btn:disabled{background-color:#2d3748;cursor:not-allowed}.submit-btn.danger{background-color:#f56565}.submit-btn.danger:hover{background-color:#f77d7d}.notification-setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #2d3748}.notification-setting-item:first-of-type{padding-top:0}.notification-setting-item:last-of-type{border-bottom:none;padding-bottom:0}.notification-setting-item .setting-label{font-size:1rem;font-weight:500;color:#fff}.notification-setting-item .setting-description{font-size:.875rem;color:#a0aec0;margin-top:.25rem}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#2d3748;transition:.4s}.switch .slider.round{border-radius:34px}.switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.switch .slider:before .round{border-radius:50%}.switch input:checked+.slider{background-color:#23c9d3}.switch input:checked+.slider:before{transform:translate(22px)}.withdrawal-card{border:1px solid #f56565}.withdrawal-card .card-title{color:#f56565}.withdrawal-description{color:#a0aec0;line-height:1.6}.react-datepicker__input-container{display:flex;align-items:center;position:relative}.react-datepicker-wrapper{display:inline-block;width:auto}.react-datepicker-popper{z-index:10}.react-datepicker{font-family:Noto Sans KR,sans-serif;background-color:#1a2234;border:1px solid #2d3748;border-radius:8px;color:#fff;padding:.5rem}.react-datepicker__header{background-color:#101625;border-bottom:1px solid #2d3748;padding-top:1rem}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#fff;font-weight:700;font-size:1rem}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#a0aec0;width:2rem;line-height:2rem;margin:.2rem}.react-datepicker__day:hover{background-color:#2d3748;border-radius:50%}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range{background-color:#23c9d3;color:#fff;border-radius:50%}.react-datepicker__day--keyboard-selected{background-color:#48d8e1;border-radius:50%}.react-datepicker__day--range-start,.react-datepicker__day--range-end{background-color:#23c9d3;color:#fff}.react-datepicker__navigation{top:1rem}.react-datepicker__navigation-icon:before{border-color:#fff;border-width:2px 2px 0 0}.react-datepicker__close-icon{position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:0;cursor:pointer;background-color:transparent}.react-datepicker__close-icon:after{background-color:transparent;color:#718096;font-size:1.25rem;line-height:1;content:"×"}.react-datepicker__triangle{display:none}.bankruptcy-card{border:1px solid #f9a825}.bankruptcy-card .card-title{color:#f9a825}.bankruptcy-description{color:#a0aec0;line-height:1.6}.submit-btn.warning{background-color:#f9a825}.submit-btn.warning:hover{background-color:#fab23e}.auth-container{width:100%;min-height:100vh;display:flex;background:linear-gradient(120deg,#373399,#5b247a);font-family:Noto Sans KR,sans-serif}.auth-info-panel{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:2rem}.auth-info-panel .logo{font-size:3rem;font-weight:700;margin-bottom:1rem}.auth-info-panel .description{font-size:1.25rem;color:#a0aec0;margin-bottom:3rem}.auth-info-panel .feature-list{display:flex;flex-direction:column;gap:1.5rem;list-style:none;padding:0}.auth-info-panel .feature-list li{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:500;color:#fff}.auth-form-panel{width:480px;flex-shrink:0;background-color:#101625;padding:3rem 2.5rem;display:flex;flex-direction:column;color:#fff}.auth-form-panel .form-header{margin-bottom:2rem}.auth-form-panel .form-header h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.auth-form-panel .form-header p{color:#a0aec0}.auth-form-panel .form-toggle{display:flex;background-color:#1a2234;border-radius:8px;margin-bottom:2rem;padding:.25rem}.auth-form-panel .form-toggle button{flex:1;padding:.75rem;border:none;background:transparent;color:#a0aec0;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer;transition:all .2s ease-in-out}.auth-form-panel .form-toggle button.active{background-color:#1f2940;color:#fff;box-shadow:0 2px 4px #0003}.auth-form{display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto}.auth-form .input-group,.auth-form .input-group-with-btn{display:flex;flex-direction:column}.auth-form .input-group label,.auth-form .input-group-with-btn label{margin-bottom:.5rem;font-weight:500;color:#a0aec0}.auth-form .input-group input,.auth-form .input-group-with-btn input{background-color:#1a2234;border:1px solid #2d3748;border-radius:4px;padding:.8rem 1rem;color:#fff;font-size:1rem}.auth-form .input-group input:focus,.auth-form .input-group-with-btn input:focus{outline:none;border-color:#23c9d3}.auth-form .input-group input::placeholder,.auth-form .input-group-with-btn input::placeholder{color:#718096}.auth-form .input-group-with-btn{flex-direction:row;align-items:flex-end;gap:.5rem}.auth-form .input-group-with-btn .input-group{flex-grow:1}.auth-form .inline-btn{padding:.8rem 1rem;background-color:#2d3748;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;flex-shrink:0;transition:background-color .2s}.auth-form .inline-btn:hover{background-color:#374358}.auth-form .submit-btn{margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;background-color:#23c9d3;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.auth-form .submit-btn:hover{background-color:#29e2ee}.auth-form .submit-btn:disabled{background-color:#2d3748;cursor:not-allowed}.social-login{margin-top:2rem}.social-login .divider{display:flex;align-items:center;text-align:center;color:#a0aec0;margin-bottom:1.5rem}.social-login .divider:before,.social-login .divider:after{content:"";flex:1;border-bottom:1px solid #2d3748}.social-login .divider span{padding:0 1rem}.social-login .social-btn{width:100%;padding:.8rem;margin-bottom:.75rem;border-radius:4px;border:none;font-size:1rem;font-weight:500;cursor:pointer;opacity:.9;transition:opacity .2s}.social-login .social-btn:hover{opacity:1}.social-login .social-btn.kakao{background-color:#fee500;color:#000}.social-login .social-btn.google{background-color:#fff;color:#000;border:1px solid #2d3748}.social-login .social-btn.naver{background-color:#03c75a;color:#fff}.auth-footer{margin:2rem 0;text-align:center;display:flex;flex-direction:column;gap:1rem}.auth-footer a{color:#a0aec0;text-decoration:underline;transition:color .2s}.auth-footer a:hover{color:#fff}body{background-color:#101625;color:#fff;font-family:Noto Sans KR,sans-serif}.main-container{max-width:1280px;margin:0 auto;padding:2rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2d3748;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#718096}