@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;overflow-x:hidden}#root{width:100%;height:100vh}@font-face{font-family:Simple;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Danjo-bold-Regular.woff2) format("woff2");font-weight:400;font-display:swap}.login-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000;overflow:hidden}.login-box{position:relative;z-index:2;background:#1f1f1fcc;border-radius:12px;padding:40px;width:100%;max-width:420px;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff0f;backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05)}.login-title{text-align:center;color:#fff;font-size:32px;margin-bottom:30px}.input-group input{width:100%;padding:12px 16px;background:#2a2a2a;border:1px solid #404040;border-radius:8px;color:#fff;font-size:14px}.login-button{width:100%;padding:14px;background:#fff;border:none;border-radius:8px;color:#000;font-size:16px;font-weight:600;cursor:pointer;margin-top:10px}.login-button:hover{background:#e5e5e5}.login-container .error{color:#dc2626;font-size:13px;margin-top:-20px;margin-bottom:15px;margin-left:10px;text-align:left}.login-find{display:flex;justify-content:center;gap:1rem;margin-top:1rem;color:#b0b0b0}.find{background-color:transparent;border:none;color:#b0b0b0;cursor:pointer;font-size:.9rem;text-decoration:none}.find:hover{color:#facc15}.test{margin-top:15px;color:#cfcfcf;font-size:13px;text-align:center}.welcome-popup{position:fixed!important;top:20px!important;left:50%!important;transform:translate(-50%)!important;background:#000c;color:#ffbf15;border:2px solid #ffbf15;padding:14px 22px;border-radius:10px;font-size:25px;font-weight:600;box-shadow:0 4px 16px #0000001f;z-index:9999;opacity:0;animation:fadeInDown .5s ease forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bg-video{position:absolute;inset:0;z-index:0}.bg-video-el{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05)}.bg-overlay{position:absolute;inset:0;background:#00000073}.intro-transition-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:9999}.intro-page{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;transition:opacity .8s ease-out}.intro-page.fade-out{opacity:0}.intro-content{text-align:center;color:#fff;animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intro-logo-container{position:relative;width:180px;height:200px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.intro-logo-img{width:150px;height:auto;max-height:190px;object-fit:contain;position:relative;z-index:2;animation:logoAppear .6s ease-out forwards}@keyframes logoAppear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.intro-pulse-ring{position:absolute;top:50%;left:50%;width:160px;height:180px;border:3px solid rgba(212,175,55,.5);border-radius:8px;transform:translate(-50%,-50%);animation:pulse 1.5s ease-out infinite}.intro-pulse-ring.delay{animation-delay:.5s}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.intro-welcome{font-size:20px;color:#d4af37;font-weight:600;margin-top:50px;animation:fadeIn .5s ease-out .3s forwards;opacity:0}.intro-loading{margin-top:40px;opacity:0;animation:fadeIn .5s ease-out .5s forwards}.loading-dots{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.loading-dots span{width:10px;height:10px;background:#d4af37;border-radius:50%;animation:dotBounce 1.2s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.intro-loading p{font-size:14px;color:#fff9}.intro-loading-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#ffffff1a}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#d4af37,#f0d78c);animation:loadingBar 2.5s ease-in-out forwards}@keyframes loadingBar{0%{width:0%}to{width:100%}}.dashboard-preview{position:absolute;top:0;left:0;width:100%;height:100%;background:#f8fafc;z-index:1;padding:24px}.preview-header{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px}.preview-logo-img{width:40px;height:auto}.preview-header span{font-size:18px;font-weight:700;color:#1e293b}.preview-content{padding:24px}.preview-content h2{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:24px}.preview-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.preview-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000f;text-align:center}.card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px}.card-icon.blue{background:#dbeafe}.card-icon.green{background:#dcfce7}.card-icon.purple{background:#f3e8ff}.card-icon.orange{background:#ffedd5}.preview-card .card-value{font-size:32px;font-weight:700;color:#1e293b;margin-bottom:4px}.preview-card .card-label{font-size:14px;color:#64748b}@media(max-width:768px){.intro-logo-container{width:140px;height:160px}.intro-logo-img{width:120px}.intro-pulse-ring{width:130px;height:150px}.intro-welcome{font-size:18px}.preview-cards{grid-template-columns:repeat(2,1fr);gap:12px}.preview-card{padding:16px}.card-icon{width:44px;height:44px;font-size:20px}.preview-card .card-value{font-size:24px}}.datepicker-popup select{all:unset;font-size:14px;padding:4px 8px;border:1px solid #ccc;border-radius:4px;background-color:#fff;width:70px;position:relative;z-index:9999!important}.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:.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{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:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.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:.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}.signup-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000}.signup-box{position:relative;z-index:2;background:#1f1f1fcc;border-radius:12px;padding:40px 30px 40px 40px;width:100%;max-width:420px;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff0f;backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05);max-height:75vh;overflow-y:auto}.signup-box::-webkit-scrollbar{width:10px;border-radius:15px}.signup-box::-webkit-scrollbar-track{background:#ffffff14;border-radius:15px}.signup-box::-webkit-scrollbar-thumb{background-color:#292929;border-radius:15px}.signup-title{text-align:center;color:#fff;font-size:32px;margin-bottom:30px}.label-required:after{content:" *";color:#f97373;font-weight:600;margin-left:2px}.email-input-row input#email{width:auto;margin-bottom:0;border:none;border-radius:0;background:transparent}.id-check-row{display:flex;gap:12px;align-items:center;margin-bottom:20px}.id-check-row input{flex:1}.duplicate-check-button{padding:10px 16px;background-color:#facc15;border:none;border-radius:6px;color:#000;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .2s ease,color .2s ease;margin-bottom:10px;margin-left:10px}.duplicate-check-button:hover{background-color:#eab308;color:#111}.form-row{display:flex;gap:20px}.form-field{flex:1;display:flex;flex-direction:column}.datepicker-popup select{all:unset;font-size:14px;padding:4px 8px;border:1px solid #ccc;border-radius:4px;background-color:#fff;width:70px;z-index:9999}.hq-notice{color:#cfcfcf;font-size:12px;margin-bottom:10px;margin-left:5px}.input-hint{color:#f87171;font-size:11px;margin:4px 0 0 2px}.form-select{width:100%;padding:12px 16px;background:#2a2a2a;border:1px solid #404040;border-radius:8px;color:#fff;font-size:14px;margin-bottom:20px;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="white" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.form-select:focus{outline:none;border-color:#facc15}.career-row{display:flex;gap:50px;align-items:center;margin-top:15px;margin-left:15px}.career-option{display:inline-flex!important;align-items:center;gap:6px;font-size:14px;height:24px;line-height:24px}.career-option input[type=radio]{margin:0;position:relative;top:1px}.career-option span{white-space:nowrap;display:flex;align-items:center;height:100%}.bootcamp-select{display:flex;gap:12px;margin:15px 0}.bootcamp-btn{flex:1;padding:14px 20px;background:#2a2a2a;border:2px solid #404040;border-radius:8px;color:#b0b0b0;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.bootcamp-btn:hover{border-color:#facc15;color:#facc15}.bootcamp-btn.active{background:#facc1526;border-color:#facc15;color:#facc15}.sub-career-select{background:#2a2a2a;border:1px solid #404040;border-radius:8px;padding:16px 20px;margin-bottom:20px}.sub-career-label{display:block;color:#b0b0b0;font-size:13px;margin-bottom:12px}.sub-career-select .career-row{margin:0;gap:40px}.gisu-field{margin-top:5px}.signup-button{width:100%;padding:14px;background:#fff;border:none;border-radius:8px;color:#000;font-size:16px;font-weight:600;cursor:pointer;margin-top:10px}.signup-button:hover{background:#e5e5e5}.safekey-button{width:100%;padding:14px;background:transparent;border:2px solid #facc15;border-radius:8px;color:#facc15;font-size:16px;font-weight:600;cursor:pointer;margin:0 0 20px;transition:background-color .2s ease,color .2s ease}.safekey-button:hover{background:#facc15;color:#000}.confirmError,.idCheckError,.idCheckSuccess{color:#dc2626;font-size:13px;margin-bottom:15px;margin-left:10px;text-align:left}.password-mismatch-error{color:#ef4444;font-size:12px;margin-top:4px;margin-bottom:10px;margin-left:4px;text-align:left;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.idCheckError{margin-top:-20px}.idCheckSuccess{color:green;margin-top:-20px}.signup-prompt{margin-top:24px;text-align:center;z-index:2;position:relative}.signup-prompt p{color:#cfcfcf;font-size:14px;margin-bottom:8px}.signup-prompt button{padding:7px 20px;background-color:transparent;border:1px solid #facc15;border-radius:6px;color:#facc15;font-size:14px;cursor:pointer;transition:background-color .2s ease,color .2s ease;margin-top:10px}.signup-prompt button:hover{background-color:#facc15;color:#000}@media(prefers-reduced-motion:reduce){.bg-video-el{filter:none}}.email-input-row{display:flex;align-items:stretch;margin-bottom:10px;background:#2a2a2a;border:1px solid #404040;border-radius:8px;overflow:hidden}.email-input-row input{flex:1;padding:12px 16px;background:transparent;border:none;color:#fff;font-size:14px;min-width:0}.email-input-row input:focus{outline:none}.email-input-row:focus-within{border-color:#facc15}.email-suffix{display:flex;align-items:center;padding:12px 16px;background:#1f1f1f;color:#888;font-size:14px;white-space:nowrap;border-left:1px solid #404040}.wizard-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;position:relative;padding:0 10px}.wizard-step{display:flex;flex-direction:column;align-items:center;z-index:2;flex:1}.step-number{width:36px;height:36px;border-radius:50%;background:#2a2a2a;border:2px solid #404040;display:flex;align-items:center;justify-content:center;color:#888;font-weight:600;font-size:14px;margin-bottom:8px;transition:all .3s ease}.wizard-step.active .step-number{background:#facc15;border-color:#facc15;color:#000}.wizard-step.completed .step-number{background:#22c55e;border-color:#22c55e;color:#fff}.step-title{font-size:12px;color:#666;transition:all .3s ease}.wizard-step.active .step-title{color:#facc15;font-weight:600}.wizard-step.completed .step-title{color:#22c55e}.wizard-line{position:absolute;top:18px;left:60px;right:60px;height:2px;background:#404040;z-index:1}.wizard-line-progress{height:100%;background:linear-gradient(90deg,#22c55e,#facc15);transition:width .5s ease}.wizard-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-description{text-align:center;margin-bottom:24px}.step-description h3{color:#fff;font-size:20px;margin-bottom:8px}.step-description p{color:#b0b0b0;font-size:14px;margin:0}.step-description .sub-desc{color:#888;font-size:12px;margin-top:4px}.safekey-status-card{background:#2a2a2a;border:1px solid #404040;border-radius:12px;padding:24px;margin-bottom:20px;text-align:center}.safekey-pending{display:flex;flex-direction:column;align-items:center;gap:12px}.safekey-pending .safekey-icon{font-size:40px}.safekey-pending p{color:#888;font-size:14px;margin:0}.safekey-complete{display:flex;align-items:center;justify-content:center;gap:16px}.safekey-check-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700}.safekey-info{display:flex;flex-direction:column;align-items:flex-start}.safekey-label{color:#22c55e;font-size:12px;font-weight:600}.safekey-value{color:#fff;font-size:18px;font-weight:600}.safekey-button.safekey-issued{background:#22c55e26;border-color:#22c55e;color:#22c55e}.safekey-button.safekey-issued:hover{background:#22c55e40;color:#22c55e}.verified-info-card{background:#2a2a2a;border:1px solid #404040;border-radius:12px;padding:16px 20px;margin-bottom:20px}.verified-info-card h4{color:#fff;font-size:14px;margin:0 0 12px}.verified-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.verified-item{display:flex;flex-direction:column;gap:4px}.verified-item .label{color:#888;font-size:11px}.verified-item .value{color:#fff;font-size:14px;font-weight:500}.wizard-buttons{display:flex;gap:12px;margin-top:24px}.btn-prev{flex:1;padding:14px;background:transparent;border:1px solid #404040;border-radius:8px;color:#b0b0b0;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-prev:hover{border-color:#666;color:#fff}.btn-next{flex:2;padding:14px;background:#facc15;border:none;border-radius:8px;color:#000;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-next:hover{background:#eab308}.btn-next:disabled{background:#404040;color:#666;cursor:not-allowed}.wizard-buttons .signup-button{flex:2;margin-top:0}.privacy-consent-box{margin-top:24px;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-align:center}.privacy-consent-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.privacy-consent-box-title{font-size:15px;font-weight:600;color:#fff}.privacy-consent-status{font-size:12px;padding:4px 10px;border-radius:20px;background:#ffffff1a;color:#ffffff80}.privacy-consent-status.agreed{background:#22c55e33;color:#22c55e}.privacy-consent-status.disagreed{background:#ef444433;color:#ef4444}.privacy-consent-box-desc{font-size:13px;color:#fff9;margin:0 0 16px;text-align:left}.privacy-consent-box-btn{width:100%;padding:14px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.privacy-consent-box-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.privacy-consent-box-btn.agreed{background:linear-gradient(135deg,#22c55e,#16a34a)}.privacy-consent-box-btn.agreed:hover{box-shadow:0 4px 12px #22c55e66}.privacy-consent-box .error-message{margin-top:12px;font-size:12px;color:#ef4444;text-align:left}.privacy-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.privacy-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080}.privacy-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.privacy-modal-header h3{margin:0;font-size:18px;font-weight:700;color:#fff}.privacy-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#ffffff80;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.privacy-modal-close:hover{background:#ffffff1a;color:#fff}.privacy-modal-body{flex:1;overflow-y:auto;padding:24px;font-size:13px;color:#fffc;line-height:1.7}.privacy-modal-body::-webkit-scrollbar{width:8px}.privacy-modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.privacy-modal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.privacy-modal-body .privacy-item{margin-bottom:20px}.privacy-modal-body .privacy-item strong{display:block;font-size:14px;color:#fff;margin-bottom:10px}.privacy-modal-body .privacy-item ul{margin:0;padding-left:20px}.privacy-modal-body .privacy-item ul li{margin-bottom:6px}.privacy-modal-body .privacy-item p{margin:6px 0}.privacy-modal-body .highlight{color:#3b82f6;font-weight:600}.privacy-modal-body .privacy-notice{font-size:12px;color:#ffffff80}.privacy-modal-body .privacy-notice-box{margin-top:10px;padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:12px;color:#fff9;line-height:1.6}.privacy-modal-body .privacy-additional-notice{margin:16px 0;font-size:12px;color:#ffffff80;line-height:1.6}.privacy-modal-body .privacy-table{width:100%;margin-top:10px;border-collapse:collapse;font-size:12px}.privacy-modal-body .privacy-table td{padding:6px;border:1px solid rgba(255,255,255,.1);vertical-align:middle;color:#fffc}.privacy-modal-body .privacy-table-header{background:#ffffff14;font-weight:600;color:#fff;text-align:center;width:90px}.privacy-modal-body .privacy-table-sub{background:#ffffff0d;font-weight:500;color:#ffffffe6;width:80px;text-align:center}.privacy-scroll-notice{text-align:center;padding:20px 0;color:#fff6;font-size:13px}.privacy-scroll-notice span{animation:bounce 1.5s infinite;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.privacy-modal-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.privacy-modal-question{font-size:14px;color:#fff;margin:0 0 16px;text-align:center}.privacy-modal-question strong{color:#3b82f6;text-decoration:underline}.privacy-modal-buttons{display:flex;gap:12px}.privacy-modal-btn{flex:1;padding:14px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.privacy-modal-btn.disagree{background:#ffffff1a;color:#fffc}.privacy-modal-btn.disagree:hover:not(:disabled){background:#ef444433;color:#ef4444}.privacy-modal-btn.agree{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.privacy-modal-btn.agree:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.privacy-modal-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.privacy-modal-hint{text-align:center;margin:12px 0 0;font-size:12px;color:#f59e0b}.custom-alert-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:alertFadeIn .2s ease}@keyframes alertFadeIn{0%{opacity:0}to{opacity:1}}@keyframes alertSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-alert-box{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;animation:alertSlideUp .3s ease;box-shadow:0 20px 50px #00000026}.custom-alert-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px;font-weight:700}.custom-alert-icon svg{width:32px;height:32px}.custom-alert-icon.success{background:#dcfce7;color:#22c55e}.custom-alert-icon.error{background:#fee2e2;color:#ef4444}.custom-alert-icon.warning{background:#fef3c7;color:#f59e0b}.custom-alert-icon.info,.custom-alert-icon.confirm{background:#dbeafe;color:#3b82f6}.custom-alert-icon.delete{background:#fee2e2;color:#ef4444}.custom-alert-title{margin:0 0 8px;font-size:20px;font-weight:600;color:#1e293b}.custom-alert-message{margin:0 0 24px;font-size:14px;color:#64748b;line-height:1.6;white-space:pre-line}.custom-alert-buttons{display:flex;gap:12px;justify-content:center}.custom-alert-btn{padding:12px 28px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-width:100px}.custom-alert-btn:hover{transform:translateY(-1px)}.custom-alert-btn:active{transform:translateY(0)}.custom-alert-btn.secondary{background:#f1f5f9;color:#64748b}.custom-alert-btn.secondary:hover{background:#e2e8f0}.custom-alert-btn.primary.success{background:#22c55e;color:#fff}.custom-alert-btn.primary.success:hover{background:#16a34a}.custom-alert-btn.primary.error{background:#ef4444;color:#fff}.custom-alert-btn.primary.error:hover{background:#dc2626}.custom-alert-btn.primary.warning{background:#f59e0b;color:#fff}.custom-alert-btn.primary.warning:hover{background:#d97706}.custom-alert-btn.primary.info,.custom-alert-btn.primary.confirm{background:#3b82f6;color:#fff}.custom-alert-btn.primary.info:hover,.custom-alert-btn.primary.confirm:hover{background:#2563eb}.custom-alert-btn.primary.delete{background:#ef4444;color:#fff}.custom-alert-btn.primary.delete:hover{background:#dc2626}@media(max-width:480px){.custom-alert-box{padding:24px;margin:16px}.custom-alert-buttons{flex-direction:column-reverse}.custom-alert-btn{width:100%}}.safekey-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.safekey-modal-content{position:relative;background:#fff;border-radius:12px;padding:40px;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:safekey-modal-slide-in .3s ease}@keyframes safekey-modal-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.safekey-modal-content::-webkit-scrollbar{width:8px}.safekey-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.safekey-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.safekey-modal-content::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.safekey-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:transparent;border:none;font-size:28px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease;line-height:1}.safekey-modal-close:hover{color:#000}.safekey-title{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:20px}.safekey-desc{font-size:14px;color:#333;line-height:1.7;margin-bottom:16px}.safekey-desc-sub{font-size:14px;color:#333;line-height:1.7;margin-bottom:28px}.safekey-agree-item{margin-bottom:20px}.safekey-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:12px}.safekey-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#333;cursor:pointer}.safekey-checkbox-text{font-size:15px;font-weight:600;color:#1a1a1a}.safekey-agree-box{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;max-height:120px;overflow-y:auto}.safekey-agree-box p{font-size:13px;color:#555;line-height:1.6;margin-bottom:10px}.safekey-agree-box p:last-child{margin-bottom:0}.safekey-field{margin-bottom:24px}.safekey-field-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:10px}.safekey-input{width:100%;padding:14px 16px;font-size:15px;color:#1a1a1a;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.safekey-input:focus{border-color:#333}.safekey-input::placeholder{color:#aaa}.safekey-rrn-row{display:flex;align-items:center;gap:8px}.safekey-rrn-front,.safekey-rrn-back{flex:1;width:auto;text-align:center;letter-spacing:2px;padding:10px 5px;font-size:14px}.safekey-rrn-dash{font-size:18px;font-weight:600;color:#999;flex-shrink:0}.safekey-gender-row{display:flex;gap:40px;padding-top:4px}.safekey-radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:15px;color:#333}.safekey-radio-label input[type=radio]{width:18px;height:18px;accent-color:#333;cursor:pointer}.safekey-btn{padding:14px 20px;font-size:16px;font-weight:600;border-radius:50px;cursor:pointer;transition:all .2s ease;border:none}.safekey-btn-primary{background:#1a1a1a;color:#fff}.safekey-btn-primary:hover{background:#333}.safekey-btn-secondary{background:#fff;color:#333;border:1px solid #ddd}.safekey-btn-secondary:hover{background:#f5f5f5}.safekey-btn-disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.safekey-btn-disabled:hover{background:#e0e0e0}.safekey-btn-loading{opacity:.7;cursor:not-allowed}.safekey-btn-row{display:flex;gap:12px;margin-top:32px}.safekey-btn-row .safekey-btn{flex:1;margin:0}.safekey-step-agree .safekey-btn{display:block;width:100%;margin-top:32px}@media(max-width:520px){.safekey-modal-content{margin:16px;padding:28px 24px;max-height:90vh}.safekey-title{font-size:20px}.safekey-desc,.safekey-desc-sub{font-size:13px}.safekey-btn-row{flex-direction:row}.safekey-btn-row .safekey-btn{flex:1}.safekey-rrn-front,.safekey-rrn-back{padding:14px 10px;font-size:14px}}.safekey-agree-all{background:#f8f9fa;border:2px solid #1a1a1a;border-radius:10px;padding:16px 20px;margin-bottom:20px}.safekey-checkbox-all .safekey-checkbox-text{font-size:16px;font-weight:700}.safekey-agree-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:12px;background:#f8f9fa;border-radius:8px}.safekey-agree-tag{display:inline-flex;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;border-radius:20px;background:#e0e0e0;color:#666}.safekey-agree-tag.active{background:#1a1a1a;color:#fff}.find-id-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000;overflow:hidden}.find-id-box{position:relative;z-index:2;background:#1f1f1fcc;border-radius:12px;padding:40px;width:100%;max-width:420px;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff0f;backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05)}.find-id-title{text-align:center;color:#fff;font-size:32px;margin-bottom:30px}.find-id-button{width:100%;padding:14px;background:#fff;border:none;border-radius:8px;color:#000;font-size:16px;font-weight:600;cursor:pointer;margin-top:10px}.find-id-button:hover{background:#e5e5e5}.find-id-container .error{color:#dc2626;font-size:13px;margin-top:-20px;margin-bottom:15px;margin-left:10px;text-align:left}.find-id-login-prompt{display:none}.find-pw-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000;overflow:hidden}.find-pw-box{position:relative;z-index:2;background:#1f1f1fcc;border-radius:12px;padding:40px;width:100%;max-width:420px;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff0f;backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05)}.find-pw-title{text-align:center;color:#fff;font-size:32px;margin-bottom:30px}.input-group{margin-bottom:20px}.input-group label{display:block;color:#b0b0b0;margin-bottom:8px;font-size:14px}.input-group input{width:100%;padding:12px 16px;background:#2a2a2a;border:1px solid #404040;border-radius:8px;color:#fff;font-size:14px;margin-bottom:10px}.input-group input:focus{outline:none;border-color:#fff}.verify-row{display:flex;gap:12px;align-items:center;margin-bottom:20px}.verify-row input{flex:1}.verify-button{padding:10px 16px;background-color:#facc15;border:none;border-radius:6px;color:#000;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .2s ease,color .2s ease;margin-bottom:10px;margin-left:10px}.verify-button:hover{background-color:#eab308;color:#111}.find-pw-button{width:100%;padding:14px;background:#fff;border:none;border-radius:8px;color:#000;font-size:16px;font-weight:600;cursor:pointer;margin-top:10px}.find-pw-button:hover{background:#e5e5e5}.find-pw-container .error{color:#dc2626;font-size:13px;margin-bottom:15px;margin-left:10px;text-align:left}.find-pw-login-prompt{margin-top:24px;text-align:center;z-index:2;position:relative}.close-icon-button{position:absolute;top:15px;right:15px;background:transparent;border:none;color:#888;font-size:30px;line-height:1;cursor:pointer;padding:5px;transition:color .2s ease}.close-icon-button:hover{color:#fff}.find-pw-login-prompt{display:none}.success-message{color:#2e7d32;font-size:14px;margin-top:-20px;margin-bottom:20px;margin-left:5px}.safekey-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f6f8}.safekey-card{width:360px;background:#fff;border-radius:8px;padding:32px 24px;box-shadow:0 8px 24px #00000014;text-align:center}.safekey-title{font-size:18px;font-weight:700;margin-bottom:8px}.safekey-desc{font-size:14px;color:#555;margin-bottom:24px}.safekey-buttons{display:flex;flex-direction:column;gap:12px}.btn-primary{height:44px;background:#1e3a8a;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.btn-secondary{height:44px;background:#e5e7eb;color:#111;border:none;border-radius:6px;font-weight:500;cursor:pointer}.home-root{min-height:100vh;background:#f6f7fb;color:#0f172a;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;overflow:hidden;transition:filter .4s ease,opacity .4s ease;animation:pageFadeIn .4s ease-out}.hero-context{position:relative;z-index:2;text-align:center;color:#f8fafc;animation:fadeUp .35s ease forwards}.hero-context .kicker{display:inline-block;margin-bottom:30px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#facc15}.hero-context h2{font-size:clamp(24px,5vw,42px);margin-bottom:30px;white-space:nowrap}.hero-context p{font-size:16px;opacity:.9}.hero-context button{margin-top:22px;padding:12px 28px;font-size:15px;font-weight:600;border-radius:999px;border:none;background:#fff;color:#0f172a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.hero-context button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000040}.home-actions{display:grid;grid-template-columns:repeat(3,1fr);margin:40px auto 0;gap:100px;max-width:1100px;padding:0 24px;position:relative;z-index:5}.action-card{width:300px;background:#fffffff5;border-radius:18px;padding:36px 24px;text-align:center;box-shadow:0 20px 40px #0f172a14,0 6px 14px #0f172a0f;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;cursor:pointer}.action-card:hover{transform:translateY(-8px);box-shadow:0 30px 70px #0f172a24,0 10px 25px #0f172a1f;background:#fff}.action-card .icon{font-size:34px;color:#0f172a;margin-bottom:14px;display:inline-block}.action-card h3{font-size:18px;font-weight:600;color:#0f172a}.edge-hero{height:100vh;display:grid;grid-template-columns:1fr 1.2fr 1fr;background:radial-gradient(circle at center,rgba(201,162,77,.08),transparent 60%),#0b0b0b;color:#f8fafc;overflow:hidden;transition:grid-template-columns .65s cubic-bezier(.4,0,.2,1)}.edge-hero.hover-enroll{grid-template-columns:1.6fr 1fr .8fr}.edge-hero.hover-apply{grid-template-columns:.8fr 1fr 1.6fr}.edge-panel{position:relative;background-size:cover;background-position:center;overflow:hidden}.edge-panel.disabled{cursor:not-allowed;filter:grayscale(1)}.edge-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000073,#000000bf);z-index:1;transition:opacity .4s ease}.edge-panel:hover .edge-overlay{opacity:.55}.edge-content{position:relative;z-index:2;height:100%;padding:48px 42px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;max-width:450px;transition:opacity .25s ease,transform .25s ease;will-change:opacity,transform}.edge-hero.hover-enroll .edge-panel.enroll .edge-content,.edge-hero.hover-apply .edge-panel.apply .edge-content{opacity:1;transform:translateY(0)}.edge-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#e5c77a}.edge-title{font-size:30px;font-weight:600}.edge-desc{font-size:15px;color:#e5e7eb;line-height:1.6}.edge-btn{margin-top:14px;padding:14px 32px;border-radius:999px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.edge-btn.enroll,.edge-btn.contract,.edge-btn.apply{background:linear-gradient(135deg,#e7c872,#b28b2e);color:#111}.edge-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000059}.edge-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.edge-note{margin-top:10px;font-size:13px;color:#facc15}.edge-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 32px;pointer-events:none;position:relative}.center-title{font-family:Nanum Myeongjo,"Noto Serif KR",Apple SD Gothic Neo,serif;font-size:clamp(18px,4.5vw,52px);font-weight:600;letter-spacing:-.02em;color:#d6b25e;white-space:nowrap}.map-logo-wrap{margin:26px 0 18px;display:flex;flex-direction:column;align-items:center}.map-logo{margin-top:80px;width:180px;opacity:.9}.center-divider{margin-top:18px;width:42px;height:2px;background:linear-gradient(90deg,transparent,#c9a24d,transparent)}.center-sub{margin-top:80px;font-size:20px;color:#e5e7eb}.center-line{margin-top:10px;font-size:13px;letter-spacing:.08em;color:#9ca3af}.center-top-actions{display:flex;align-items:center;gap:20px;margin-bottom:30px}.user-name{color:#d4af37;font-size:15px;font-weight:500;white-space:nowrap}.action-buttons{display:flex;gap:8px}.action-btn{padding:6px 14px;border:none;border-radius:4px;background:#ffffff1a;color:#ffffffb3;font-size:12px;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#fff3;color:#fff}.action-btn.logout{color:#ef4444cc}.action-btn.logout:hover{background:#ef444433;color:#ef4444}.center-top-actions{position:absolute;bottom:90%;right:70px;display:flex;gap:30px;z-index:100;pointer-events:auto}.user-dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;letter-spacing:.04em;background:transparent;color:#e8d9a6;border:2px solid rgba(201,162,77,.35);border-radius:999px;cursor:pointer;transition:all .25s ease}.dropdown-toggle:hover{background:#c9a24d2e;color:#f5e9c8;border-color:#c9a24d80}.dropdown-arrow{font-size:10px;transition:transform .25s ease;opacity:.7}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:180px;background:#141416f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(201,162,77,.25);border-radius:12px;padding:8px 0;box-shadow:0 10px 40px #0006,0 0 1px #c9a24d4d;animation:dropdownFadeIn .2s ease;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;width:100%;padding:12px 20px;font-size:13px;letter-spacing:.04em;text-align:left;background:transparent;color:#d4c9a8;border:none;cursor:pointer;transition:all .2s ease}.dropdown-item:hover{background:#c9a24d26;color:#f5e9c8}.dropdown-item.logout{color:#f87171}.dropdown-item.logout:hover{background:#ef444426;color:#fca5a5}.dropdown-item.overview{color:#d4c9a8}.dropdown-item.overview:hover{background:#3b82f626;color:#93c5fd}.dropdown-divider{height:1px;margin:8px 16px;background:#c9a24d33}.home-link{position:relative;padding:10px 16px;font-size:13px;letter-spacing:.08em;background:transparent;color:#e8d9a6;border:2px solid rgba(201,162,77,.12);border-radius:999px;cursor:pointer;transition:background .25s ease,color .25s ease;pointer-events:auto;z-index:10}.home-link:hover{background:#c9a24d38;color:#f5e9c8}.home-link:after{content:"";position:absolute;left:22px;bottom:6px;width:0%;height:2px;background:#c9a24d;pointer-events:none;transition:width .3s ease}.home-link:hover:after{width:calc(100% - 44px)}.home-link.logout{border-color:#ef44444d;color:#f87171}.home-link.logout:hover{background:#ef444438;color:#fca5a5}.home-link.logout:after{background:#ef4444}@media(max-width:1024px){.edge-hero{grid-template-columns:1fr 1.2fr 1fr}.edge-hero.hover-enroll{grid-template-columns:1.4fr 1fr .8fr}.edge-hero.hover-apply{grid-template-columns:.8fr 1fr 1.4fr}.map-logo{width:150px;margin-top:50px}.center-sub{margin-top:50px;font-size:18px}.edge-title{font-size:26px}.edge-content{padding:36px 28px}}@media(max-width:768px){.edge-hero{display:flex;flex-direction:column;min-height:100vh;height:100vh;overflow-y:auto;overflow-x:hidden}.edge-hero.hover-enroll,.edge-hero.hover-apply{display:flex;flex-direction:column}.edge-panel.apply{order:1;flex:1 1 28%;min-height:25vh;max-height:35vh}.edge-center{order:2;flex:1.2 1 35%;min-height:30vh;padding:4vh 5vw;background:linear-gradient(180deg,#1a1a1a,#0d0d0d);position:relative;z-index:2}.edge-panel.enroll{order:3;flex:1 1 28%;min-height:25vh;max-height:35vh}.map-logo{width:clamp(90px,28vw,140px);margin-top:2.5vh}.map-logo-wrap{margin:1.5vh 0 1.2vh}.center-divider{margin-top:1.2vh}.center-sub{margin-top:2.5vh;font-size:clamp(13px,3.8vw,17px)}.center-line{font-size:clamp(9px,2.8vw,12px);margin-top:.8vh}.center-top-actions{position:absolute;top:2vh;right:4vw;bottom:auto}.dropdown-toggle{padding:1.2vh 3.5vw;font-size:clamp(10px,3vw,13px)}.dropdown-menu{min-width:40vw}.dropdown-item{padding:1.5vh 4vw;font-size:clamp(10px,3vw,13px)}.edge-content{padding:3vh 5vw;max-width:100%;justify-content:center;text-align:center;align-items:center}.edge-kicker{font-size:clamp(9px,2.8vw,12px);letter-spacing:.1em}.edge-title{font-size:clamp(18px,5.5vw,26px);margin-top:1vh}.edge-desc{font-size:clamp(11px,3.2vw,14px);margin-top:.8vh}.edge-btn{width:70%;max-width:65vw;padding:1.8vh 6vw;font-size:clamp(12px,3.5vw,15px);margin-top:1.5vh}.edge-note{text-align:center;font-size:clamp(10px,2.8vw,13px);margin-top:1vh}.edge-panel:hover .edge-overlay{opacity:1}}@media(max-width:480px){.edge-hero{min-height:100vh;height:100vh}.edge-panel.apply,.edge-panel.enroll{min-height:23vh;flex:1 1 27%}.edge-center{padding:3vh 4vw;min-height:28vh;flex:1.1 1 32%}.map-logo{width:clamp(80px,25vw,100px);margin-top:1.5vh}.map-logo-wrap{margin:1vh 0}.center-sub{margin-top:1.5vh}.edge-content{padding:2.5vh 4vw}.edge-btn{width:65%;padding:1.5vh 5vw}.center-top-actions{top:1.5vh;right:3vw}}@media(max-width:360px){.edge-panel.apply,.edge-panel.enroll{min-height:22vh;flex:1 1 26%}.edge-center{padding:2.5vh 3.5vw;min-height:26vh;flex:1.1 1 30%}.map-logo{width:clamp(70px,22vw,90px);margin-top:1vh}.edge-content{padding:2vh 3.5vw}.edge-btn{width:60%;padding:1.2vh 4vw}}@media(max-height:500px)and (orientation:landscape){.edge-hero{min-height:100vh;height:auto;overflow-y:auto}.edge-panel.apply,.edge-panel.enroll{min-height:45vh;flex:1 1 30%}.edge-center{padding:3vh 3vw;min-height:40vh;flex:1 1 30%}.map-logo{width:clamp(50px,12vw,80px);margin-top:1.5vh}.center-sub{font-size:clamp(10px,2.5vw,14px);margin-top:1.5vh}.center-line{font-size:clamp(8px,2vw,11px);margin-top:.5vh}.edge-content{padding:2.5vh 3vw}.edge-title{font-size:clamp(14px,3.5vw,18px)}.edge-desc{font-size:clamp(9px,2.2vw,12px)}.edge-btn{padding:1.5vh 4vw;font-size:clamp(10px,2.5vw,13px)}.edge-kicker{font-size:clamp(7px,1.8vw,10px)}.dropdown-toggle{padding:1vh 2.5vw;font-size:clamp(9px,2.2vw,12px)}}.home-root.page-leaving{filter:blur(12px);opacity:0;pointer-events:none}@keyframes pageEnterBlur{0%{filter:blur(20px);opacity:0}to{filter:blur(0);opacity:1}}.home-root.page-entering{animation:pageEnterBlur .5s ease forwards}.credit-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.credit-modal-content{background:#fff;border-radius:16px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:creditModalIn .3s ease}@keyframes creditModalIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.credit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:16px 16px 0 0}.credit-modal-header h3{margin:0;font-size:18px;font-weight:600}.credit-modal-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;transition:background .2s}.credit-modal-close:hover{background:#ffffff4d}.credit-modal-body{padding:24px}.credit-modal-desc{color:#64748b;font-size:14px;margin-bottom:20px;line-height:1.5}.credit-form-group{margin-bottom:18px}.credit-form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.credit-form-group label .required{color:#ef4444}.credit-form-group .input-with-btn{display:flex;gap:8px}.credit-form-group input{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:15px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.credit-form-group .input-with-btn input{flex:1;width:auto}.credit-form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.credit-form-group input::placeholder{color:#9ca3af}.credit-form-group .search-btn{padding:12px 16px;background-color:transparent;border:1px solid #3b82f6;color:#fff;border-radius:8px;cursor:pointer;font-size:16px;transition:background .2s;white-space:nowrap}.credit-form-group .search-btn:hover{background:#2563eb}.credit-form-group .search-btn:active{background:#1d4ed8}.credit-hint{font-size:12px;color:#9ca3af;margin-top:4px}.credit-error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.credit-modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.credit-btn-cancel{padding:12px 24px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.credit-btn-cancel:hover{background:#e5e7eb}.credit-btn-secondary{padding:12px 24px;background:#fff;color:#3b82f6;border:1px solid #3b82f6;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.credit-btn-secondary:hover{background:#eff6ff}.credit-btn-primary{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.credit-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.credit-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.credit-loading{text-align:center;padding:40px 24px}.credit-loading h4{color:#374151;margin:16px 0 8px}.credit-loading p{color:#64748b;font-size:14px}.credit-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:creditSpin 1s linear infinite;margin:0 auto}@keyframes creditSpin{to{transform:rotate(360deg)}}.credit-success-icon{font-size:48px;text-align:center;margin-bottom:12px}.credit-modal-body h4{text-align:center;color:#1f2937;font-size:18px;margin-bottom:8px}.credit-modal-body>p{text-align:center;color:#64748b;font-size:14px;margin-bottom:20px}.credit-result-box{background:#eff6ff;border-radius:12px;padding:16px 20px;margin-bottom:16px}.credit-result-table{width:100%;font-size:14px}.credit-result-table td{padding:8px 0}.credit-result-table td:first-child{color:#6b7280;width:100px}.credit-result-table td:last-child{font-weight:500;color:#1f2937}.credit-result-table .monospace{font-family:Consolas,Monaco,monospace;font-size:13px}.credit-info-box{background:#f0fdf4;border-radius:8px;padding:12px 16px;font-size:13px;color:#166534;line-height:1.6;margin-bottom:16px}.owner-dashboard{display:flex;min-height:100vh;background:#f8fafc;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;animation:pageFadeIn .4s ease-out;overflow-x:hidden}.od-sidebar{width:220px;background:linear-gradient(180deg,#1e293b,#0f172a);color:#f8fafc;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.od-sidebar-header{padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.od-logo{width:36px;height:36px;border-radius:8px}.od-brand{display:flex;flex-direction:column}.od-brand-name{font-size:16px;font-weight:600;color:#f8fafc}.od-brand-sub{font-size:11px;color:#94a3b8}.od-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.od-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;text-align:left}.od-nav-item:hover{background:#ffffff14}.od-nav-item.active{background:#3b82f6}.od-nav-dot{width:8px;height:8px;border-radius:50%;background:#64748b;flex-shrink:0}.od-nav-item.active .od-nav-dot{background:#fff}.od-nav-text{display:flex;flex-direction:column}.od-nav-label{font-size:13px;font-weight:500;color:#e2e8f0}.od-nav-sub{font-size:11px;color:#64748b}.od-nav-item.active .od-nav-label,.od-nav-item.active .od-nav-sub{color:#fff}.od-nav-divider{height:1px;background:#ffffff1a;margin:12px 14px}.od-nav-main{background:#c9a24d1a!important;border:1px solid rgba(201,162,77,.3)!important}.od-nav-main:hover{background:#c9a24d33!important}.od-nav-main .od-nav-label{color:#c9a24d!important}.od-nav-main .od-nav-sub{color:#c9a24db3!important}.od-nav-main .main-dot{background:#c9a24d!important}.od-sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.od-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;margin-bottom:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.od-logout-btn:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5}.od-logout-btn:active{transform:scale(.98)}.od-logout-btn svg{flex-shrink:0}.od-highlight{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;padding:16px}.od-highlight-label{display:block;font-size:11px;color:#ffffffb3;margin-bottom:6px}.od-highlight-value{font-size:14px;font-weight:600;color:#fff}.od-main{flex:1;margin-left:220px;padding:24px 32px;min-width:0;overflow-x:hidden;animation:contentFadeIn .4s ease .1s both}@keyframes contentFadeIn{0%{opacity:0}to{opacity:1}}.od-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.od-header-actions{display:flex;align-items:center;gap:12px}.od-header-title h1{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 4px}.od-header-title p{font-size:13px;color:#64748b;margin:0}.od-date-badge{background:#1e293b;color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500}.od-hq-select{background:#1e293b;color:#fff;border:1px solid #334155;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;outline:none}.od-hq-select:hover:not(:disabled){border-color:#3b82f6}.od-hq-select:disabled{opacity:.7;cursor:not-allowed}.od-month-selector{display:flex;align-items:center;gap:8px;background:#1e293b;padding:6px 12px;border-radius:24px}.od-month-btn{background:transparent;border:none;color:#94a3b8;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.od-month-btn:hover{background:#ffffff1a;color:#fff}.od-month-display{color:#fff;font-size:14px;font-weight:600;min-width:80px;text-align:center}.od-filters{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f}.od-filter-select{padding:10px 36px 10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#334155;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L2 4h8z'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;cursor:pointer}.od-filter-select:focus{outline:none;border-color:#3b82f6}.od-date-picker{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:13px;color:#334155}.od-date-btn,.od-date-nav{width:32px;height:32px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s}.od-apply-btn{padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.od-apply-btn:hover{background:#2563eb}.od-reset-btn{padding:8px 20px;background:#64748b;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.od-reset-btn:hover{background:#475569}.od-date-display{font-weight:500;min-width:100px;text-align:center}.od-date-nav:hover{background:#f1f5f9;border-color:#3b82f6;color:#3b82f6}.od-content{display:flex;flex-direction:column;gap:24px;min-width:0}.od-section{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px #0000000f;animation:cardFadeIn .4s ease forwards}.od-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.od-section-header h2{font-size:16px;font-weight:600;color:#1e293b;margin:0}.od-section-sub{font-size:12px;color:#64748b}.od-section-badge{margin-left:auto;padding:6px 12px;background:#fef2f2;color:#ef4444;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap}.od-section-badge.blue{background:#eff6ff;color:#3b82f6}.od-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;position:relative;transition:all .2s ease;animation:cardFadeIn .4s ease forwards}.kpi-card.clickable{cursor:pointer;padding-bottom:48px}.kpi-card.clickable:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.kpi-card-link{position:absolute;bottom:16px;left:20px;font-size:12px;color:#94a3b8;opacity:1;transition:color .2s}.kpi-card.clickable:hover .kpi-card-link{color:#3b82f6}.kpi-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.kpi-card-title{font-size:13px;color:#64748b}.kpi-trend{font-size:12px;font-weight:600}.kpi-card-value{font-size:32px;font-weight:700;margin-bottom:8px}.kpi-card-sub{font-size:12px;color:#94a3b8;display:inline}.kpi-trend-sub{font-size:12px;font-weight:500;margin-left:8px}.od-grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:stretch}.od-grid-2>.monthly-chart-card,.od-grid-2>.funnel-card{height:100%;margin-bottom:0;display:flex;flex-direction:column}.od-grid-2>.monthly-chart-card .monthly-chart-body,.od-grid-2>.funnel-card .funnel-content{flex:1}.od-ranking-funnel-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:12px}.od-grid-2-equal{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;align-items:stretch}.od-grid-2-equal .ranking-card,.od-grid-2-equal .funnel-card{height:100%;display:flex;flex-direction:column}.od-grid-2-equal .funnel-content{flex:1}.od-grid-2x2{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px}.od-grid-2x2 .ranking-card,.od-grid-2x2 .funnel-card,.od-grid-2x2 .event-card{height:100%}.bar-chart-card{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px #0000000f}.bar-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.bar-chart-title{font-size:15px;font-weight:600;color:#1e293b;display:block}.bar-chart-sub{font-size:12px;color:#64748b;display:block;margin-top:4px}.bar-chart-total{padding:6px 12px;background:#eff6ff;color:#3b82f6;border-radius:6px;font-size:12px;font-weight:500}.bar-chart-container{display:flex;height:280px}.bar-chart-y-axis{width:40px;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:#94a3b8;padding-right:8px}.bar-chart-content{flex:1;display:flex;align-items:flex-end;gap:8px;border-left:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:0 8px 8px;position:relative}.bar-chart-line-container{position:absolute;inset:0 8px 28px;pointer-events:none;z-index:10}.line-svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.line-point{position:absolute;width:8px;height:8px;background:#3b82f6;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #3b82f64d;z-index:11}.line-point-anim{opacity:0;transform:translate(-50%,-50%) scale(0);animation:linePointPop .4s ease-out forwards}@keyframes linePointPop{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}70%{transform:translate(-50%,-50%) scale(1.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.bar-chart-line-anim{stroke-dasharray:2000;stroke-dashoffset:2000;animation:lineDrawAnim 1.5s ease-out forwards;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}@keyframes lineDrawAnim{to{stroke-dashoffset:0}}.line-segment{position:absolute;overflow:visible;pointer-events:none}.bar-chart-y-axis-right{display:flex;flex-direction:column;justify-content:space-between;height:200px;padding-left:10px;border-left:1px solid #e2e8f0}.bar-chart-y-axis-right span{font-size:10px;color:#3b82f6;font-weight:500}.bar-chart-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.bar-chart-total.line-total{background:#dbeafe;color:#1d4ed8}.bar-chart-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;cursor:pointer;padding:0 2px;transition:background .2s}.bar-chart-group:hover{background:#3b82f60d;border-radius:4px}.bar-chart-group.hovered .bar-chart-bar{opacity:1;filter:brightness(1.1)}.bar-chart-tooltip-floating{position:fixed;background:#1e293b;color:#fff;padding:10px 14px;border-radius:8px;font-size:12px;white-space:nowrap;z-index:9999;box-shadow:0 4px 12px #0003;pointer-events:none;transform:translateY(-50%)}.tooltip-title{font-weight:600;font-size:13px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #374151}.tooltip-row{display:flex;align-items:center;gap:8px;padding:3px 0}.tooltip-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.tooltip-dot.tooltip-line{width:12px;height:3px;background:#3b82f6;border-radius:2px}.tooltip-label{color:#94a3b8;flex:1}.tooltip-value{font-weight:600;color:#fff}.bar-chart-bars{display:flex;align-items:flex-end;gap:2px;height:250px}.bar-chart-bar{width:14px;border-radius:3px 3px 0 0;transition:height .5s ease}.bar-chart-bar.bar1{background:linear-gradient(180deg,#60a5fa,#3b82f6)}.bar-chart-bar.bar2{background:linear-gradient(180deg,#34d399,#22c55e)}.bar-chart-bar.bar3{background:linear-gradient(180deg,#f87171,#ef4444)}.bar-chart-label{font-size:10px;color:#64748b;white-space:nowrap}.bar-chart-legend{display:flex;justify-content:center;gap:20px;margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.legend-color{width:12px;height:12px;border-radius:3px}.legend-color.bar1{background:#3b82f6}.legend-color.bar2{background:#22c55e}.legend-color.bar3{background:#ef4444}.legend-color.line{background:#f59e0b}.legend-color.legend-line{background:#3b82f6;width:20px;height:3px;border-radius:2px}.od-ranking-wrap{display:flex;flex-direction:column;gap:16px}.od-ranking-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#1e293b}.od-ranking-top-badge{font-size:12px;color:#3b82f6;font-weight:500}.ranking-card{background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 1px 3px #0000000f}.ranking-combined-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f;margin-bottom:24px}.ranking-combined-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px}.ranking-combined-section{display:flex;flex-direction:column}.ranking-combined-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.ranking-combined-title{font-size:14px;font-weight:600;color:#1e293b}.ranking-combined-divider{width:1px;background:#e2e8f0}.ranking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ranking-title{font-size:13px;font-weight:600;color:#1e293b}.ranking-badge{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500;color:#fff}.ranking-list{display:flex;flex-direction:column;gap:8px}.ranking-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f8fafc;border-radius:8px;transition:background .2s}.ranking-item:hover{background:#f1f5f9}.ranking-item.worst-first,.ranking-item.worst-highlight{background:#fef2f2}.ranking-num{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.ranking-num.top{background:#3b82f6}.ranking-num.worst{background:#ef4444}.ranking-name{flex:1;font-size:13px;color:#334155}.ranking-value{font-size:13px;font-weight:600}.ranking-value.top{color:#3b82f6}.ranking-value.worst{color:#ef4444}.funnel-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column}.funnel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.funnel-title{font-size:15px;font-weight:600;color:#1e293b}.funnel-rate{padding:6px 12px;background:#fef3c7;color:#d97706;border-radius:6px;font-size:12px;font-weight:500}.funnel-content{display:flex;flex-direction:column;gap:16px;flex:1}.funnel-row{display:flex;align-items:center;gap:12px}.funnel-label{width:70px;font-size:13px;color:#334155;font-weight:500}.funnel-bar-wrap{flex:1}.animated-bar-bg{height:24px;background:#f1f5f9;border-radius:6px;overflow:hidden}.animated-bar-fill{height:100%;border-radius:6px}.funnel-value{width:50px;text-align:right;font-size:13px;font-weight:600;color:#334155}.funnel-stats{display:flex;gap:24px;padding-top:16px;border-top:1px solid #f1f5f9;margin-top:8px}.funnel-stat{display:flex;flex-direction:column;gap:4px}.funnel-stat-label{font-size:11px;color:#64748b}.funnel-stat-value{font-size:16px;font-weight:600;color:#1e293b}.funnel-conversion-section{margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.funnel-conversion-header{margin-bottom:12px}.funnel-conversion-title{font-size:13px;font-weight:600;color:#1e293b}.funnel-conversion-table{width:100%;border-collapse:collapse;font-size:12px}.funnel-conversion-table th{padding:8px 6px;text-align:center;font-weight:600;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0}.funnel-conversion-table th:first-child{text-align:left}.funnel-conversion-table td{padding:12px 6px;text-align:center;color:#334155;border-bottom:1px solid #f1f5f9}.funnel-conversion-table tr:last-child td{border-bottom:none}.funnel-conversion-table .td-stage{text-align:left;font-weight:500;color:#1e293b}.funnel-conversion-table .td-count{color:#64748b}.funnel-conversion-table .td-rate{font-weight:600}.funnel-conversion-table .rate-good{color:#22c55e}.funnel-conversion-table .rate-warn{color:#f59e0b}.funnel-event-section{margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.funnel-event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.funnel-event-title{font-size:13px;font-weight:600;color:#1e293b}.funnel-event-total{font-size:12px;color:#64748b}.funnel-event-list{display:flex;flex-direction:column;gap:8px}.funnel-event-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f1f5f9}.funnel-event-item:last-child{border-bottom:none}.funnel-event-num{width:20px;height:20px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#64748b}.funnel-event-name{flex:1;font-size:13px;color:#334155}.funnel-event-value{font-size:13px;font-weight:600}.event-card{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px #0000000f}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.event-title{font-size:15px;font-weight:600;color:#1e293b}.event-total{font-size:12px;color:#64748b}.event-list{display:flex;flex-direction:column;gap:8px}.event-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f8fafc;border-radius:8px;transition:all .3s ease;cursor:default}.event-item:hover{background:#f1f5f9;transform:translate(4px);box-shadow:0 2px 8px #0000000f}.event-item.animate-in{animation:eventItemPulse .3s ease forwards}@keyframes eventItemPulse{0%{background:#f8fafc}50%{background:#e0f2fe}to{background:#f8fafc}}.event-item .event-value.count-up{animation:countUpPop .4s ease forwards}@keyframes countUpPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.event-num{width:24px;height:24px;border-radius:6px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#64748b;transition:all .3s ease}.event-item:hover .event-num{background:#3b82f6;color:#fff}.event-name{flex:1;font-size:13px;color:#334155}.event-value{font-size:13px;font-weight:600;display:inline-block}.event-value-wrap{display:flex;align-items:center;gap:8px}.event-trend{font-size:11px;font-weight:600}.od-list-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.od-list-tabs::-webkit-scrollbar{height:6px}.od-list-tabs::-webkit-scrollbar-track{background:transparent}.od-list-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.od-list-tab{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.od-list-tab:hover{border-color:#3b82f6;color:#3b82f6}.od-list-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.od-list-tab.dismissed{border-color:#fecaca;color:#ef4444}.od-list-tab.dismissed:hover{border-color:#ef4444;color:#ef4444}.od-list-tab.dismissed.active{background:#ef4444;border-color:#ef4444;color:#fff}.od-list-tab.failed{border-color:#fed7aa;color:#f97316}.od-list-tab.failed:hover{border-color:#f97316;color:#f97316}.od-list-tab.failed.active{background:#f97316;border-color:#f97316;color:#fff}.od-list-filters{display:flex;gap:12px;margin-bottom:16px;align-items:center}.od-list-search{flex:1;max-width:320px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px}.od-list-search:focus{outline:none;border-color:#3b82f6}.od-list-select{padding:10px 32px 10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L2 4h8z'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer}.od-csv-btn{margin-left:auto;padding:10px 16px;background:transparent;border:1px solid #3b82f6;border-radius:8px;color:#3b82f6;font-size:13px;cursor:pointer;transition:all .2s}.od-csv-btn:hover{background:#3b82f6;color:#fff}.od-list-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.od-list-table::-webkit-scrollbar{height:6px}.od-list-table::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.od-list-table::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.od-list-table::-webkit-scrollbar-thumb:hover{background:#94a3b8}.od-list-table table{width:100%;border-collapse:collapse;table-layout:auto}.od-list-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0}.od-list-table th,.od-list-table td{white-space:nowrap;text-align:center}.od-list-table th:nth-child(3),.od-list-table td:nth-child(3){text-align:center}.od-list-table th:nth-child(7),.od-list-table td:nth-child(7){text-align:center}.od-list-table th:nth-child(8),.od-list-table td:nth-child(8){text-align:center}.od-list-table th:first-child,.od-list-table td:first-child{padding-left:32px}.od-list-table td{padding:14px 16px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9}.od-list-table tbody tr{transition:all .2s ease}.od-list-table tbody tr:hover{background:#f8fafc}.od-list-table tbody tr.list-row{will-change:transform,opacity}.od-list-table tbody tr.list-row.animate-in{animation:rowFadeIn .3s ease forwards}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.od-list-table tbody tr.list-row:hover td{background:linear-gradient(90deg,#3b82f608,#3b82f614,#3b82f608)}.od-list-table tbody tr.list-row:hover .td-name{color:#3b82f6;font-weight:600}.od-list-empty{text-align:center;color:#94a3b8;padding:40px 16px!important}.od-list-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:16px 0}.od-page-btn{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;min-width:36px}.od-page-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.od-page-btn:disabled{opacity:.4;cursor:not-allowed}.od-page-numbers{display:flex;align-items:center;gap:4px}.od-page-num{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;min-width:36px}.od-page-num:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.od-page-num.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.od-page-ellipsis{padding:8px 4px;color:#94a3b8;font-size:13px}.od-page-info{margin-left:16px;padding-left:16px;border-left:1px solid #e2e8f0;font-size:13px;color:#94a3b8}@media(max-width:1200px){.od-grid-2{grid-template-columns:1fr}.od-kpi-row{grid-template-columns:repeat(2,1fr)}.ranking-combined-grid{grid-template-columns:1fr;gap:20px}.ranking-combined-divider{width:100%;height:1px}}.kpi-card-subinfo{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.kpi-subinfo-item{font-size:13px;color:#6b7280;background:#f3f4f6;padding:5px 12px;border-radius:6px;white-space:nowrap}@keyframes ranking-pulse{0%{transform:scale(1);box-shadow:0 0 #fbbf2466}50%{transform:scale(1.02);box-shadow:0 4px 20px #fbbf244d}to{transform:scale(1);box-shadow:0 0 #fbbf2466}}.ranking-item.first{background:linear-gradient(135deg,#fef3c7,#fde68a);animation:ranking-pulse 2s ease-in-out infinite;border-radius:8px}.ranking-item.first .ranking-num.top{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.ranking-item.first .ranking-name{font-weight:600;color:#92400e}.ranking-item.first .ranking-value{color:#b45309!important;font-weight:700}.ranking-item.first.worst-first{background:linear-gradient(135deg,#fee2e2,#fecaca)}@keyframes ranking-pulse-worst{0%{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.02);box-shadow:0 4px 20px #ef44444d}to{transform:scale(1);box-shadow:0 0 #ef444466}}.ranking-item.first.worst-first .ranking-num.worst{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.ranking-item.first.worst-first .ranking-name{font-weight:600;color:#991b1b}.ranking-item.first.worst-first .ranking-value{color:#dc2626!important;font-weight:700}.monthly-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:20px;overflow:hidden;display:flex;flex-direction:column}.monthly-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.monthly-chart-title{font-size:18px;font-weight:700;color:#1e293b;display:block}.monthly-chart-sub{font-size:13px;color:#64748b;display:block;margin-top:4px}.monthly-chart-filters{display:flex;gap:8px;flex-wrap:wrap}.monthly-filter-row{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.monthly-filter-row::-webkit-scrollbar{display:none}.monthly-filter-row .monthly-filter-btn{flex-shrink:0}.monthly-filter-btn{padding:8px 16px;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#64748b}.monthly-filter-btn:hover:not(.active){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.monthly-filter-btn.active{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d;font-weight:700;background:#3b82f6;color:#fff;border-color:#3b82f6}.monthly-chart-body{display:flex;gap:8px;position:relative;overflow:hidden}.monthly-y-axis{display:flex;flex-direction:column;justify-content:space-between;height:250px;padding-right:8px;text-align:right}.monthly-y-axis span{font-size:11px;color:#94a3b8}.monthly-chart-area{flex:1;height:250px;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.monthly-chart-summary{display:flex;align-items:center;gap:24px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.summary-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#64748b}.summary-item strong{font-weight:700;margin-left:4px}.summary-dot{width:8px;height:8px;border-radius:50%}.monthly-current-label{font-size:14px;color:#64748b}.monthly-current-value{font-size:32px;font-weight:700}.monthly-chart-container{display:grid;grid-template-columns:50px 1fr 50px;grid-template-rows:400px auto;gap:0;min-height:450px;max-height:500px}.monthly-chart-y-axis{grid-column:1;grid-row:1;width:50px;height:400px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;padding-right:12px;padding-top:20px;padding-bottom:60px;box-sizing:border-box}.monthly-chart-y-axis span{font-size:11px;color:#94a3b8;line-height:1;white-space:nowrap}.monthly-chart-y-axis .y-axis-zero{font-size:11px;color:#64748b;font-weight:500}.monthly-chart-y-axis-right{grid-column:3;grid-row:1;width:50px;height:400px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding-left:12px;padding-top:20px;padding-bottom:60px;box-sizing:border-box}.monthly-chart-y-axis-right span{font-size:11px;color:#8b5cf6;line-height:1;white-space:nowrap}.monthly-chart-y-axis-right .y-axis-zero{font-size:11px;color:#8b5cf6;font-weight:500}.monthly-chart-content{grid-column:2;grid-row:1;height:400px;min-height:400px;max-height:400px;position:relative;overflow:hidden}.monthly-chart-x-axis{grid-column:1 / -1;grid-row:2;display:flex;padding-left:58px;padding-right:58px;padding-bottom:20px}.monthly-chart-x-axis .x-axis-label{flex:1;text-align:center;font-size:12px;color:#64748b;font-weight:500;white-space:nowrap}.monthly-grid-lines{position:absolute;inset:0;pointer-events:none}.monthly-grid-line{position:absolute;left:0;right:0;height:1px;background:#e2e8f0}.monthly-grid-line.baseline{background:#94a3b8;height:2px}.monthly-bars{display:flex;align-items:flex-end;position:absolute;inset:5% 0 15%;padding:0 8px;z-index:1}.monthly-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.monthly-bar{width:60%;max-width:40px;background:var(--bar-color);border-radius:6px 6px 0 0;position:relative;animation:barGrow .6s ease-out forwards;animation-delay:var(--bar-delay);height:0;opacity:.85;transition:opacity .2s}.monthly-bar:hover{opacity:1}@keyframes barGrow{0%{height:0}to{height:var(--bar-height)}}.monthly-bar-value{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#475569;white-space:nowrap;opacity:0;transition:opacity .2s}.monthly-bar:hover .monthly-bar-value{opacity:1}.monthly-bar-label{font-size:11px;color:#64748b;margin-top:8px;white-space:nowrap}.monthly-bars-all{position:absolute;inset:0 0 28px;display:flex;align-items:flex-end;z-index:1}.monthly-bar-all-group{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.monthly-bar-all-inner{display:flex;gap:2px;align-items:flex-end;height:100%}.monthly-bar-item{width:14px;background:var(--bar-color);border-radius:3px 3px 0 0;animation:barGrow .6s ease-out forwards;animation-delay:var(--bar-delay);height:0;opacity:.85;transition:opacity .2s}.monthly-bar-item:hover{opacity:1}.monthly-x-labels{position:absolute;bottom:0;left:0;right:0;height:24px;display:flex;z-index:4}.monthly-x-label{flex:1;text-align:center;font-size:11px;color:#475569;font-weight:500}.monthly-line-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.monthly-line{stroke-dasharray:var(--line-length, 2000);stroke-dashoffset:var(--line-length, 2000);animation:drawLine 1.2s ease-out forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.monthly-line-area{opacity:0;animation:fadeInArea .6s ease-out forwards}@keyframes fadeInArea{to{opacity:1}}.monthly-points{position:absolute;inset:0;pointer-events:none;z-index:3}.monthly-point{position:absolute;width:10px;height:10px;background:#fff;border:3px solid var(--point-color);border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:pointPop .3s ease-out forwards;animation-delay:var(--point-delay);pointer-events:auto;cursor:pointer;transition:transform .2s}.monthly-point:hover{transform:translate(-50%,-50%) scale(1.3)}@keyframes pointPop{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.monthly-chart-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.monthly-chart-legend{display:flex;justify-content:center;gap:24px;padding-top:16px;border-top:1px solid #f1f5f9}.monthly-chart-total{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.legend-bar{width:16px;height:12px;border-radius:3px}.legend-line{width:20px;height:3px;border-radius:2px}@media(max-width:768px){.monthly-chart-header{flex-direction:column}.monthly-chart-filters{width:100%;justify-content:flex-start}.monthly-filter-btn{padding:6px 12px;font-size:12px}.monthly-bar{max-width:24px}.monthly-bar-label{font-size:10px}}.monthly-summary-all{display:flex;flex-wrap:wrap;gap:20px}.monthly-summary-item{display:flex;align-items:center;gap:8px}.summary-dot{width:10px;height:10px;border-radius:50%}.summary-label{font-size:13px;color:#64748b}.summary-value{font-size:18px;font-weight:700}.monthly-x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:8px 0}.monthly-x-label{font-size:11px;color:#64748b;text-align:center;flex:1}.monthly-filter-btn[style*="rgb(100, 116, 139)"]{background:linear-gradient(135deg,#64748b,#475569)!important}.monthly-bars-grouped{display:flex;align-items:flex-end;position:absolute;inset:5% 0 15%;height:320px;max-height:320px;padding:0 4px;z-index:1;overflow:hidden}.monthly-bar-group-all{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.monthly-bar-cluster{display:flex;gap:2px;align-items:flex-end;height:100%}.monthly-bar-mini{width:14px;background:var(--bar-color);border-radius:3px 3px 0 0;animation:barGrow .6s ease-out forwards;animation-delay:var(--bar-delay);height:0;opacity:.85;transition:opacity .2s,transform .2s;cursor:pointer}.monthly-bar-mini:hover{opacity:1;transform:scaleY(1.05)}.monthly-filter-btn{padding:8px 16px;border-radius:20px;border:1.5px solid #cbd5e1;background:transparent;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#64748b!important}.monthly-filter-btn:not(.active){color:#475569!important}.monthly-filter-btn:hover:not(.active){background:#f1f5f9;border-color:#94a3b8;color:#334155!important}.monthly-filter-btn.active{color:#fff!important}.monthly-line{stroke-dasharray:var(--line-length, 2000);stroke-dashoffset:var(--line-length, 2000);animation:drawLineFixed 1.2s ease-out forwards}@keyframes drawLineFixed{to{stroke-dashoffset:0}}.monthly-line-area{opacity:0;animation:fadeInAreaFixed .6s ease-out forwards}@keyframes fadeInAreaFixed{to{opacity:1}}@media(max-width:768px){.monthly-bar-mini{width:8px}.monthly-bar-cluster{gap:1px}}.monthly-hover-line{position:absolute;top:0;bottom:24px;width:2px;background:#64748b4d;pointer-events:none;z-index:5}.monthly-bar-group.hovered .monthly-bar,.monthly-bar-group-all.hovered .monthly-bar-mini{opacity:1;filter:brightness(1.1)}.monthly-point.active{transform:translate(-50%,-50%) scale(1.5)!important;box-shadow:0 0 0 4px #3b82f633;z-index:10}.monthly-tooltip{position:absolute;top:20px;background:#1e293b;border-radius:12px;padding:12px 16px;min-width:160px;box-shadow:0 10px 40px #0000004d;z-index:100;pointer-events:none;animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{font-size:14px;font-weight:700;color:#fff;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.tooltip-content{display:flex;flex-direction:column;gap:8px}.tooltip-row{display:flex;align-items:center;gap:8px}.tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tooltip-label{font-size:12px;color:#94a3b8;flex:1}.tooltip-value{font-size:14px;font-weight:700;text-align:right}.monthly-chart-content{cursor:crosshair}.dept-compare-chart{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:20px}.dept-chart-container{display:flex;justify-content:space-around;align-items:flex-end;height:200px;border-bottom:1px solid #f1f5f9}.dept-bar-group{display:flex;flex-direction:column;align-items:center;gap:8px}.dept-bars{display:flex;gap:4px;align-items:flex-end;height:160px}.dept-bar{width:28px;border-radius:4px 4px 0 0;position:relative;animation:barGrow .6s ease-out forwards;animation-delay:var(--bar-delay);height:0}.dept-bar-hire{background:linear-gradient(180deg,#22c55e,#16a34a)}.dept-bar-fire{background:linear-gradient(180deg,#ef4444,#dc2626)}.dept-bar-value{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#475569;opacity:0;transition:opacity .2s}.dept-bar-group:hover .dept-bar-value{opacity:1}.dept-bar-label{font-size:12px;color:#64748b;font-weight:500;white-space:nowrap}.dept-chart-legend{display:flex;justify-content:center;gap:24px;margin-top:16px}.ratio-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.ratio-card-header{margin-bottom:20px}.ratio-card-header h3{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 4px}.ratio-card-sub{font-size:13px;color:#64748b}.ratio-donut-container{position:relative;width:160px;height:160px;margin:0 auto 20px}.ratio-donut{width:100%;height:100%;transform:rotate(-90deg)}.ratio-donut-fill{stroke-dashoffset:251;animation:donutFill 1s ease-out forwards}@keyframes donutFill{to{stroke-dashoffset:var(--stroke-offset, 0)}}.ratio-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.ratio-total{font-size:32px;font-weight:700;color:#1e293b}.ratio-total-label{font-size:14px;color:#64748b}.ratio-legend{display:flex;flex-direction:column;gap:12px}.ratio-legend-item{display:flex;align-items:center;justify-content:flex-end;gap:10px}.ratio-dot{width:12px;height:12px;border-radius:50%}.ratio-label{font-size:14px;color:#475569}.ratio-value{font-size:14px;font-weight:600;color:#1e293b}.ratio-percent{font-size:13px;color:#64748b}.reason-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.reason-card-header{margin-bottom:20px}.reason-card-header h3{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 4px}.reason-card-sub{font-size:13px;color:#64748b}.reason-bars{display:flex;flex-direction:column;gap:16px}.reason-bar-item{display:flex;align-items:center;gap:12px}.reason-bar-header{width:80px;display:flex;justify-content:space-between;align-items:center}.reason-name{font-size:13px;color:#475569}.reason-count{font-size:12px;color:#64748b}.reason-bar-track{flex:1;height:12px;background:#f1f5f9;border-radius:6px;overflow:hidden}.reason-bar-fill{height:100%;width:0;background:var(--bar-color);border-radius:6px}.reason-card.in-view .reason-bar-fill{animation:reasonBarGrow .8s ease-out forwards;animation-delay:var(--bar-delay)}@keyframes reasonBarGrow{to{width:var(--bar-width)}}.reason-percent{font-size:13px;font-weight:600;color:#1e293b;width:40px;text-align:right}.recent-hires-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.recent-hires-table table{width:100%;min-width:500px;border-collapse:collapse}.recent-hires-table th{background:#f8fafc;padding:14px 16px;text-align:left;font-size:13px;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap}.recent-hires-table td{padding:14px 16px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9;white-space:nowrap}.recent-hires-table tr:last-child td{border-bottom:none}.recent-hires-table tr:hover{background:#f8fafc}.td-name{font-weight:600}.type-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.type-new{background:#dbeafe;color:#1d4ed8}.type-career{background:#fef3c7;color:#b45309}.batch-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}.batch-table{width:100%;min-width:450px;border-collapse:collapse}.batch-table th{background:#f8fafc;padding:14px 16px;text-align:center;font-size:13px;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap}.batch-table td{padding:14px 16px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9;text-align:center;white-space:nowrap}.batch-table tr:last-child td{border-bottom:none}.batch-table tr:hover{background:#f8fafc}.batch-table tr.batch-current{background:#eff6ff}.batch-table tr.batch-current:hover{background:#dbeafe}.td-batch{font-weight:600;text-align:left!important;display:flex;align-items:center;gap:8px}.batch-badge{display:inline-block;padding:2px 8px;background:#3b82f6;color:#fff;font-size:10px;font-weight:600;border-radius:10px}.td-dropout{color:#ef4444;font-weight:600}.td-dismissed{color:#dc2626;font-weight:600}.td-rate{font-weight:600}.rate-good{color:#22c55e}.rate-warn{color:#f59e0b}.stage-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.stage-card-header{margin-bottom:24px}.stage-card-header h3{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 4px}.stage-card-sub{font-size:13px;color:#64748b}.stage-flow{display:flex;justify-content:space-between;align-items:flex-end;height:200px;gap:12px}.stage-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.stage-bar-container{height:140px;width:100%;display:flex;align-items:flex-end;justify-content:center}.stage-bar{width:48px;background:var(--bar-color);border-radius:6px 6px 0 0;position:relative;height:0;display:flex;justify-content:center}.stage-card.in-view .stage-bar{animation:barGrow .6s ease-out forwards;animation-delay:var(--bar-delay)}.stage-count{position:absolute;top:-24px;font-size:12px;font-weight:700;color:#1e293b;white-space:nowrap}.stage-label{font-size:12px;color:#475569;font-weight:500;text-align:center}.stage-percent{font-size:11px;color:#94a3b8}.stage-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.stage-badge.stage-입과신청,.stage-badge[class*=입과]{background:#dbeafe;color:#1d4ed8}.stage-badge.stage-서류심사,.stage-badge[class*=서류]{background:#e0e7ff;color:#4338ca}.stage-badge.stage-면접평가,.stage-badge[class*=면접]{background:#ede9fe;color:#6d28d9}.stage-badge.stage-교육진행,.stage-badge[class*=교육]{background:#fef3c7;color:#b45309}.stage-badge.stage-최종평가,.stage-badge[class*=최종]{background:#dcfce7;color:#15803d}.score-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.score-high{background:#dcfce7;color:#15803d}.score-mid{background:#fef3c7;color:#b45309}.score-low{background:#fee2e2;color:#b91c1c}.score-pending{color:#94a3b8;font-size:13px}.dept-summary-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}.dept-summary-table{width:100%;min-width:550px;border-collapse:collapse}.dept-summary-table th{background:#f8fafc;padding:14px 16px;text-align:center;font-size:13px;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap}.dept-summary-table td{padding:14px 16px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9;text-align:center;white-space:nowrap}.dept-summary-table tr:last-child td{border-bottom:none}.dept-summary-table tr:hover{background:#f8fafc}.td-dept-name{font-weight:600;text-align:left!important}.td-hire{color:#22c55e;font-weight:600}.td-fire{color:#ef4444;font-weight:600}.td-net.positive{color:#22c55e;font-weight:700}.td-net.negative{color:#ef4444;font-weight:700}.rate-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.rate-badge.rate-good{background:#dcfce7;color:#15803d}.rate-badge.rate-warn{background:#fef3c7;color:#b45309}.rate-badge.rate-bad{background:#fee2e2;color:#b91c1c}.trend-icon{font-size:16px;font-weight:700}.trend-icon.trend-up{color:#22c55e}.trend-icon.trend-down{color:#ef4444}.trend-icon.trend-stable{color:#94a3b8}.monthly-ranking-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;opacity:0;transform:translateY(30px)}.monthly-ranking-card.in-view{animation:fadeInUp .6s ease-out forwards}.monthly-ranking-header{margin-bottom:16px}.monthly-ranking-header h3{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 4px}.monthly-ranking-sub{font-size:13px;color:#64748b}.monthly-ranking-table table{width:100%;border-collapse:collapse}.monthly-ranking-table th{padding:10px 8px;text-align:center;font-size:12px;font-weight:600;color:#64748b;border-bottom:1px solid #e2e8f0}.monthly-ranking-table td{padding:12px 8px;font-size:13px;text-align:center;border-bottom:1px solid #f1f5f9}.monthly-ranking-table tr.current-month{background:#eff6ff}.td-month{font-weight:600;color:#475569}.td-top-name{color:#1e293b}.td-top-value{color:#22c55e;font-weight:600}.td-worst-name{color:#1e293b}.td-worst-value{color:#ef4444;font-weight:600}.factor-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;opacity:0;transform:translateY(30px)}.factor-card.in-view{animation:fadeInUp .6s ease-out forwards}.factor-card-header{margin-bottom:20px}.factor-card-header h3{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 4px}.factor-card-sub{font-size:13px;color:#64748b}.factor-list{display:flex;flex-direction:column;gap:16px}.factor-item{display:flex;align-items:center;gap:12px}.factor-name{width:120px;font-size:13px;color:#475569;flex-shrink:0}.factor-bar-track{flex:1;height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden}.factor-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#3b82f6,#22c55e);border-radius:5px}.factor-card.in-view .factor-bar-fill{animation:reasonBarGrow .8s ease-out forwards;animation-delay:var(--bar-delay)}.factor-score{width:45px;font-size:13px;font-weight:600;color:#1e293b;text-align:right}.improvement-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.improvement-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s ease}.improvement-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.improvement-card.severity-high{border-left:4px solid #ef4444}.improvement-card.severity-medium{border-left:4px solid #f59e0b}.improvement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.severity-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.severity-badge.severity-high{background:#fee2e2;color:#b91c1c}.severity-badge.severity-medium{background:#fef3c7;color:#b45309}.improvement-count{font-size:12px;color:#64748b}.improvement-issue{font-size:14px;font-weight:600;color:#1e293b}@media(max-width:1024px){.improvement-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.improvement-cards{grid-template-columns:1fr}}.od-hq-filter{margin-bottom:16px}.od-hq-filter .od-list-select{min-width:140px}.od-list-tab{display:inline-flex;align-items:center;gap:8px}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;background:#00000014;border-radius:10px;color:#64748b}.od-list-tab.active .tab-count{background:#ffffff40;color:#fff}.od-list-table .td-name{font-weight:600;color:#1e293b}.od-list-empty{text-align:center;padding:40px 20px!important;color:#94a3b8;font-size:14px}.kpi-subinfo-row{display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap;margin-bottom:6px}.kpi-subinfo-row:last-child{margin-bottom:0}.ranking-item{opacity:0;transform:translate(-20px)}.ranking-item.animate{animation:slideInFromLeft .5s ease-out forwards}.ranking-item.first.worst-first.animate{animation:slideInFromLeft .5s ease-out forwards,ranking-pulse-worst 2s ease-in-out .6s infinite}.ranking-item.first:not(.worst-first).animate{animation:slideInFromLeft .5s ease-out forwards,ranking-pulse-top 2s ease-in-out .6s infinite}@keyframes ranking-pulse-top{0%{transform:scale(1);box-shadow:0 0 #3b82f666}50%{transform:scale(1.02);box-shadow:0 4px 20px #3b82f64d}to{transform:scale(1);box-shadow:0 0 #3b82f666}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.dept-bar-group{opacity:0;transform:translateY(20px)}.dept-bar-group.animate{animation:slideInFromBottom .5s ease-out forwards}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.monthly-chart-card.in-view{animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.funnel-card{opacity:0}.funnel-card.in-view{animation:fadeInUp .6s ease-out forwards}.ratio-card{opacity:0;transform:translateY(30px)}.ratio-card.in-view{animation:fadeInUp .6s ease-out forwards}.ratio-donut-fill{transition:stroke-dasharray 1s ease-out}.reason-card{opacity:0;transform:translateY(30px)}.reason-card.in-view{animation:fadeInUp .6s ease-out forwards}.stage-card{opacity:0;transform:translateY(30px)}.stage-card.in-view{animation:fadeInUp .6s ease-out forwards}.rate-trend-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #00000014;margin-top:20px;opacity:0;transform:translateY(30px)}.rate-trend-card.in-view{animation:fadeInUp .6s ease-out forwards}.rate-trend-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.rate-trend-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.rate-trend-sub{font-size:13px;color:#64748b}.rate-trend-avg{margin-left:auto;font-size:14px;color:#64748b;background:#f1f5f9;padding:6px 12px;border-radius:20px}.rate-trend-avg strong{color:#22c55e;font-weight:700}.rate-trend-chart{display:flex;justify-content:space-around;align-items:flex-end;height:200px;padding:20px 40px;background:linear-gradient(180deg,#f8fafc,#fff);border-radius:12px;position:relative}.rate-bar-group{display:flex;flex-direction:column;align-items:center;gap:12px}.rate-bar-wrapper{height:150px;width:60px;display:flex;align-items:flex-end;justify-content:center}.rate-bar{width:50px;height:var(--bar-height, 0%);border-radius:8px 8px 4px 4px;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;transition:height .8s ease-out;transition-delay:var(--bar-delay, 0ms);box-shadow:0 4px 12px #00000026;position:relative}.rate-bar:after{content:"";position:absolute;top:4px;left:4px;right:4px;height:30%;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 100%);border-radius:6px 6px 0 0}.rate-value{font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;z-index:1}.rate-label{font-size:13px;font-weight:500;color:#475569}.rate-avg-line{position:absolute;left:40px;right:40px;border-top:2px dashed #94a3b8;display:flex;align-items:center}.rate-avg-label{position:absolute;right:-35px;background:#f1f5f9;padding:2px 8px;border-radius:4px;font-size:11px;color:#64748b;font-weight:500}.ranking-combined-card{opacity:0;transform:translateY(30px)}.ranking-combined-card.in-view{animation:fadeInUp .6s ease-out forwards}.dept-summary-table-card{opacity:0;transform:translateY(30px)}.dept-summary-table-card.in-view{animation:fadeInUp .6s ease-out forwards}.dept-summary-table tbody tr{opacity:0;transform:translate(-20px)}.dept-summary-table tbody tr.animate{animation:slideInFromLeft .5s ease-out forwards}.monthly-ranking-table tbody tr{opacity:0;transform:translate(-20px)}.monthly-ranking-table tbody tr.animate{animation:slideInFromLeft .5s ease-out forwards}.improvement-cards{opacity:1}.improvement-cards.in-view{animation:fadeInUp .6s ease-out forwards}.improvement-card{opacity:0;transform:translateY(20px)}.improvement-card.animate{animation:slideInFromBottom .5s ease-out forwards}.od-list-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0;min-width:0;overflow:hidden}.od-list-card-header{padding:16px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc;display:flex;gap:12px;align-items:center}.od-list-card-header .od-list-select{min-width:140px}.od-list-card-body{padding:24px;min-width:0}.od-list-card-body .od-list-tabs,.od-list-card-body .od-list-filters{margin-bottom:20px}.od-list-card-body .od-list-table{margin-bottom:0;border:1px solid #e2e8f0;border-radius:8px}.od-list-card-body .od-list-pagination{margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.monthly-chart-card{opacity:1!important;transform:none!important}.bootcamp-header{flex-direction:column;align-items:flex-start!important;gap:8px}.bootcamp-header-top{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap;gap:8px}.bootcamp-header-top h2{margin:0}.bootcamp-header .gisu-select{margin-left:0}.kpi-hint{font-size:13px;color:#64748b;margin:0 0 12px}.gisu-select{padding:6px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#334155;cursor:pointer;margin-left:12px;transition:all .2s ease}.gisu-select:hover{border-color:#3b82f6}.gisu-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.od-hamburger{display:none;position:fixed;top:16px;left:16px;z-index:200;width:44px;height:44px;border-radius:10px;background:#1e293b;border:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.od-hamburger:hover{background:#334155}.hamburger-line{width:20px;height:2px;background:#f8fafc;border-radius:2px;transition:all .3s ease}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.od-sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:1200px){.od-sidebar{width:200px}.od-main{margin-left:200px;min-width:0;overflow-x:hidden}.od-kpi-row{grid-template-columns:repeat(2,1fr)}.od-ranking-row{grid-template-columns:1fr}.od-section-header{flex-wrap:wrap;gap:8px}.od-grid-2-equal,.od-grid-2x2{grid-template-columns:1fr}.od-list-table th,.od-list-table td{padding:10px 8px;font-size:12px}.od-list-table th:first-child,.od-list-table td:first-child{padding-left:16px}.od-list-table th:nth-child(3),.od-list-table td:nth-child(3),.od-list-table th:nth-child(5),.od-list-table td:nth-child(5),.od-list-table th:nth-child(6),.od-list-table td:nth-child(6){display:none!important}.od-list-tabs{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:4px}.od-list-tab{flex-shrink:0;font-size:12px;padding:8px 14px}.od-list-filters{flex-wrap:wrap;gap:8px}.od-list-search{flex:1;min-width:200px}}@media(max-width:768px){.od-hamburger{display:flex}.od-sidebar-overlay{display:block}.od-sidebar{width:220px;transform:translate(-100%);transition:transform .3s ease}.od-sidebar.open{transform:translate(0)}.od-main{margin-left:0;width:100%;padding:16px;min-width:0;overflow-x:hidden}.od-header{padding:16px 16px 16px 60px;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.od-header-title{flex-shrink:0}.od-header-title h1{font-size:16px;white-space:nowrap}.od-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.od-hq-select{padding:6px 10px;font-size:12px;border-radius:6px}.od-month-selector{padding:4px 8px;gap:4px}.od-month-btn{font-size:12px;padding:2px 6px}.od-month-display{font-size:12px;min-width:70px}.od-date-badge{font-size:11px;padding:6px 10px;white-space:nowrap}.od-content{padding:0;gap:16px}.od-section{padding:16px;border-radius:10px}.od-section-header{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.od-section-header h2{font-size:15px}.od-section-sub{font-size:11px;width:100%;order:3;margin-top:4px}.od-section-badge{font-size:10px;padding:4px 8px;margin-left:auto}.od-kpi-row{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-card{padding:14px}.kpi-card.clickable{padding-bottom:40px}.kpi-card-header{margin-bottom:4px}.kpi-card-title{font-size:11px}.kpi-trend{font-size:10px}.kpi-card-value{font-size:22px;margin-bottom:4px;white-space:nowrap}.kpi-card-subinfo{margin-top:6px}.kpi-subinfo-item{font-size:10px;padding:3px 6px}.kpi-card-link{font-size:10px;bottom:12px;left:14px}.od-ranking-row,.ranking-combined-grid{grid-template-columns:1fr;gap:12px}.ranking-card{padding:16px}.ranking-header{margin-bottom:12px}.ranking-title{font-size:13px}.ranking-badge{font-size:10px;padding:3px 8px}.ranking-item{padding:10px 12px}.ranking-num{width:20px;height:20px;font-size:11px}.ranking-name,.ranking-value{font-size:12px}.od-grid-2,.od-grid-2-equal,.od-grid-2x2{grid-template-columns:1fr;gap:12px}.monthly-chart-card{padding:16px}.monthly-chart-header{flex-direction:column;align-items:flex-start;gap:12px}.monthly-chart-title{font-size:15px}.monthly-chart-sub{font-size:11px}.monthly-chart-filters{display:flex;flex-wrap:nowrap;gap:8px;padding-bottom:4px;width:545px}.monthly-filter-btn{padding:8px 14px;font-size:12px;white-space:nowrap}.monthly-chart-summary{display:flex;flex-wrap:nowrap;gap:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9;margin-bottom:16px;width:545px}.monthly-summary-all{display:flex;flex-wrap:nowrap;gap:16px}.monthly-summary-item,.monthly-current-label{font-size:13px;white-space:nowrap}.monthly-current-value{font-size:28px;white-space:nowrap}.summary-value{font-size:15px}.summary-label{font-size:11px}.monthly-chart-card{padding:16px 0 16px 16px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.monthly-chart-container{display:grid;grid-template-columns:45px 500px;grid-template-rows:auto auto;width:560px;padding-right:16px}.monthly-chart-y-axis{grid-column:1;grid-row:1;width:45px;height:350px;padding-right:8px;padding-top:18px;padding-bottom:52px;display:flex;flex-direction:column;justify-content:space-between;background:#fff;position:sticky;left:0;z-index:2}.monthly-chart-y-axis span{font-size:11px}.monthly-chart-content{grid-column:2;grid-row:1;height:350px;width:500px;position:relative}.monthly-chart-x-axis{grid-column:2;grid-row:2;display:flex;width:500px;padding:0 8px 12px;box-sizing:border-box}.monthly-chart-x-axis .x-axis-label{flex:1;font-size:11px;white-space:nowrap;text-align:center}.monthly-bars,.monthly-bars-grouped{top:5%;bottom:15%}.monthly-bar-group,.monthly-bar-group-all{min-width:40px}.monthly-bar{max-width:32px}.monthly-bar-value{font-size:10px;top:-18px}.monthly-chart-legend{display:flex;flex-wrap:nowrap;gap:16px;padding-top:12px;width:545px}.legend-item{font-size:11px;white-space:nowrap}.funnel-card{padding:16px}.funnel-header{flex-direction:column;gap:6px;margin-bottom:14px}.funnel-title{font-size:13px}.funnel-rate{font-size:11px}.funnel-label{font-size:11px;min-width:50px}.funnel-value{font-size:11px}.bar-chart-card{padding:16px}.bar-chart-title{font-size:13px}.bar-chart-container{height:200px;overflow-x:auto}.od-list-table th,.od-list-table td{padding:8px 6px;font-size:11px}.od-list-table th:nth-child(3),.od-list-table td:nth-child(3),.od-list-table th:nth-child(5),.od-list-table td:nth-child(5),.od-list-table th:nth-child(6),.od-list-table td:nth-child(6){display:none}.od-list-filters{flex-direction:column;gap:8px}.od-list-search{width:100%;max-width:none}.od-list-select{width:100%}.od-list-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.od-list-tab{font-size:11px;padding:8px 10px;text-align:center}.tab-count{font-size:10px}.od-list-pagination{flex-wrap:wrap;gap:6px;justify-content:center}.od-page-btn,.od-page-num{padding:6px 10px;font-size:12px;min-width:32px}.od-page-info{width:100%;text-align:center;margin-top:8px;margin-left:0;padding-left:0;border-left:none;font-size:11px}.od-filters{flex-wrap:wrap;padding:12px;gap:8px}.od-filter-select{flex:1;min-width:120px}}@media(max-width:480px){.od-hamburger{top:12px;left:12px;width:40px;height:40px}.od-header{padding:14px 12px 14px 56px;gap:8px}.od-header-title h1{font-size:14px;white-space:nowrap}.od-header-actions{gap:4px}.od-hq-select{padding:5px 8px;font-size:11px;border-radius:5px}.od-month-selector{padding:3px 6px;gap:2px}.od-month-btn{font-size:10px;padding:2px 4px}.od-month-display{font-size:11px;min-width:60px}.od-main{padding:12px}.od-content{gap:12px}.od-section{padding:14px}.od-section-header h2{font-size:14px}.od-kpi-row{gap:8px}.kpi-card{padding:12px}.kpi-card-title{font-size:10px}.kpi-card-value{font-size:20px}.kpi-trend{font-size:9px}.kpi-subinfo-item{font-size:9px;padding:2px 5px}.kpi-card-link{font-size:9px}.ranking-card{padding:14px}.ranking-title{font-size:12px}.ranking-item{padding:8px 10px}.ranking-name,.ranking-value{font-size:11px}.monthly-chart-card,.funnel-card,.bar-chart-card{padding:12px}.monthly-chart-title,.funnel-title,.bar-chart-title{font-size:13px}.monthly-chart-filters,.monthly-chart-summary,.monthly-chart-legend{width:490px}.monthly-filter-btn{font-size:11px;padding:6px 12px}.monthly-current-value{font-size:24px}.summary-value{font-size:14px}.monthly-chart-container{grid-template-columns:40px 450px;width:505px}.monthly-chart-y-axis{width:40px;height:320px;padding-top:16px;padding-bottom:48px}.monthly-chart-y-axis span{font-size:10px}.monthly-chart-content{height:320px;width:450px}.monthly-chart-x-axis{width:450px;padding:0 8px 12px;box-sizing:border-box}.monthly-chart-x-axis .x-axis-label{font-size:10px;min-width:36px}.monthly-bars,.monthly-bars-grouped{min-width:450px}.od-list-tabs{grid-template-columns:repeat(2,1fr)}.od-list-tab{font-size:10px;padding:6px 8px}.od-sidebar-footer{padding:12px}.od-logout-btn{padding:10px 12px;font-size:12px;margin-bottom:10px}.od-highlight{padding:12px}.od-highlight-label{font-size:10px}.od-highlight-value{font-size:12px}}.no-data-message{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px}.no-data-cell{text-align:center;padding:40px 20px!important;color:#94a3b8;font-size:14px}.od-detail-btn{padding:6px 12px;font-size:12px;font-weight:500;color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;cursor:pointer;transition:all .2s ease}.od-detail-btn:hover{background:#dbeafe;border-color:#93c5fd}.od-detail-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.od-detail-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.od-detail-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.od-detail-modal-header h3{margin:0;font-size:18px;font-weight:700;color:#1e293b}.od-detail-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#64748b;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.od-detail-modal-close:hover{background:#f1f5f9;color:#1e293b}.od-detail-modal-body{padding:24px;overflow-y:auto;max-height:calc(90vh - 80px)}.od-detail-loading,.od-detail-error{text-align:center;padding:40px;color:#64748b;font-size:14px}.od-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.od-detail-section{background:#f8fafc;border-radius:12px;padding:20px}.od-detail-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#1e293b;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.od-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.od-detail-row:not(:last-child){border-bottom:1px solid #f1f5f9}.od-detail-label{font-size:13px;color:#64748b;flex-shrink:0}.od-detail-value{font-size:13px;font-weight:500;color:#1e293b;text-align:right;word-break:break-all}@media(max-width:768px){.od-detail-modal{max-width:100%;margin:0;border-radius:16px 16px 0 0;max-height:80vh}.od-detail-grid{grid-template-columns:1fr}.od-detail-modal-body{max-height:calc(80vh - 80px)}}.referrer-ranking-list{display:flex;flex-direction:column;gap:12px}.referrer-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff08;border-radius:10px;transition:all .2s ease;opacity:0;transform:translate(-10px)}.referrer-item.animate{animation:slideInLeft .4s ease forwards}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.referrer-rank{display:flex;align-items:center;gap:12px;min-width:100px}.rank-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;font-weight:700;background:#e2e8f0;color:#475569}.rank-badge.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000}.rank-badge.rank-2{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#000}.rank-badge.rank-3{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.referrer-name{font-size:14px;font-weight:600;color:#1e293b;min-width:60px}.referrer-stats{display:flex;align-items:center;gap:12px;justify-content:flex-end}.referrer-commission{font-size:13px;color:#22c55e;font-weight:500;min-width:55px;text-align:right}.referrer-rate{padding:4px 10px;background:#3b82f626;color:#3b82f6;border-radius:20px;font-size:12px;font-weight:600;min-width:50px;text-align:center}.career-type-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.career-type-card{background:#fff;border-radius:12px;padding:20px;border-left:4px solid #3b82f6;box-shadow:0 2px 8px #00000014;opacity:0;transform:translateY(10px);transition:all .2s ease}.career-type-card.animate{animation:fadeInUp .4s ease forwards}.career-type-card:hover{background:#ffffff0d}.career-type-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.career-type-label{font-size:15px;font-weight:700}.career-type-rate{font-size:20px;font-weight:700}.career-type-rate.good{color:#22c55e}.career-type-rate.warn{color:#f59e0b}.career-type-rate.bad{color:#ef4444}.career-type-stats{display:flex;justify-content:space-between;margin-bottom:12px}.career-stat{text-align:center}.career-stat .stat-label{display:block;font-size:11px;color:#64748b;margin-bottom:4px}.career-stat .stat-value{font-size:14px;font-weight:600;color:#1e293b}.career-stat .stat-value.success{color:#22c55e}.career-stat .stat-value.danger{color:#ef4444}.career-type-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.career-type-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.processing-time-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.processing-time-card{background:#ffffff08;border-radius:12px;padding:20px;text-align:center;transition:all .2s ease}.processing-time-card:hover{background:#ffffff0d;transform:translateY(-2px)}.processing-branch{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:12px}.processing-days{margin-bottom:8px}.processing-days .days-value{font-size:32px;font-weight:700;color:#3b82f6}.processing-days .days-label{font-size:14px;color:#64748b;margin-left:4px}.processing-range{font-size:11px;color:#64748b;margin-bottom:8px}.processing-count{font-size:12px;color:#94a3b8;padding:4px 12px;background:#ffffff0d;border-radius:20px;display:inline-block}.cumulative-badge{font-size:12px;font-weight:500;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:10px;margin-left:6px;vertical-align:middle}@media(max-width:768px){.referrer-rank{min-width:80px;gap:8px}.referrer-name{min-width:50px;font-size:13px}.referrer-commission{min-width:50px;font-size:12px}.referrer-rate{min-width:45px;font-size:11px;padding:3px 8px}.career-type-cards{grid-template-columns:1fr;gap:24px}.career-type-card{box-shadow:0 2px 12px #0000001a;border:1px solid #e2e8f0}}.kpi-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:kpiModalFadeIn .2s ease}@keyframes kpiModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes kpiModalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kpi-modal-box{background:#fff;border-radius:16px;width:95%;max-width:1200px;height:85vh;animation:kpiModalSlideUp .3s ease;box-shadow:0 25px 60px #0003;overflow:hidden;display:flex;flex-direction:column}.kpi-modal-header{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e5e7eb}.kpi-modal-title-wrap{display:flex;align-items:center;gap:16px}.kpi-modal-title{margin:0;font-size:24px;font-weight:700;color:#1f2937}.kpi-modal-count{font-size:14px;color:#6b7280;background:#f3f4f6;padding:6px 14px;border-radius:20px;font-weight:500}.kpi-modal-close{background:#f3f4f6;border:none;color:#6b7280;width:40px;height:40px;border-radius:10px;font-size:18px;cursor:pointer;transition:all .2s}.kpi-modal-close:hover{background:#e5e7eb;color:#374151}.kpi-modal-toolbar{padding:16px 32px;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:16px}.kpi-modal-search{display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:12px 18px;flex:1;max-width:450px;transition:all .2s}.kpi-modal-search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.kpi-modal-search .search-icon{margin-right:12px;font-size:18px}.kpi-modal-search input{border:none;outline:none;font-size:15px;width:100%;background:transparent}.kpi-modal-search input::placeholder{color:#9ca3af}.kpi-modal-info{font-size:14px;color:#6b7280}.kpi-modal-info strong{color:#3b82f6;font-weight:700}.kpi-modal-body{flex:1;overflow-y:auto;padding:0}.kpi-modal-table{width:100%;border-collapse:collapse;font-size:14px}.kpi-modal-table thead{background:#f8fafc;position:sticky;top:0;z-index:1}.kpi-modal-table th{padding:16px 20px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.kpi-modal-table th:hover{background:#f1f5f9}.kpi-modal-table th .sort-arrow{font-size:10px;margin-left:4px;color:#3b82f6}.kpi-modal-table th.row-num,.kpi-modal-table td.row-num{width:60px;text-align:center;color:#9ca3af}.kpi-modal-table tbody tr{transition:background .15s}.kpi-modal-table tbody tr:hover{background:#f0f9ff}.kpi-modal-table td{padding:16px 20px;border-bottom:1px solid #f1f5f9;color:#374151;text-align:center}.kpi-modal-table tbody tr:nth-child(2n){background:#fafbfc}.kpi-modal-table tbody tr:nth-child(2n):hover{background:#f0f9ff}.kpi-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#9ca3af}.kpi-modal-empty .empty-icon{font-size:56px;margin-bottom:20px}.kpi-modal-empty p{margin:0;font-size:16px}.kpi-modal-footer{padding:20px 32px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#fff}.kpi-modal-btn{padding:14px 28px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.kpi-modal-btn:hover{transform:translateY(-1px)}.kpi-modal-btn.export{background:#ecfdf5;color:#059669}.kpi-modal-btn.export:hover{background:#d1fae5}.kpi-modal-btn.close{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.kpi-modal-btn.close:hover{background:#2563eb;box-shadow:0 6px 16px #3b82f666}@media(max-width:768px){.kpi-modal-box{margin:16px;height:90vh;width:calc(100% - 32px)}.kpi-modal-header{padding:16px 20px}.kpi-modal-title-wrap{gap:10px}.kpi-modal-title{font-size:18px}.kpi-modal-count{font-size:12px;padding:4px 10px}.kpi-modal-close{width:36px;height:36px;font-size:16px}.kpi-modal-toolbar{flex-direction:column;padding:12px 16px;gap:10px}.kpi-modal-filter-btns{margin-left:0;width:100%;justify-content:flex-start}.kpi-filter-btn{padding:5px 12px;font-size:12px}.kpi-modal-search{max-width:100%;width:100%;padding:10px 14px}.kpi-modal-search input{font-size:14px}.kpi-modal-info{margin-left:0;width:100%;text-align:right;font-size:12px}.kpi-modal-body{overflow-x:auto;-webkit-overflow-scrolling:touch}.kpi-modal-table{min-width:500px}.kpi-modal-table th,.kpi-modal-table td{padding:12px 14px;font-size:12px;white-space:nowrap}.kpi-modal-table th.row-num,.kpi-modal-table td.row-num{width:40px}.kpi-modal-footer{padding:16px 20px;flex-direction:column}.kpi-modal-btn{width:100%;justify-content:center;padding:12px 20px;font-size:14px}}.kpi-modal-filter-btns{display:flex;gap:8px;margin-left:16px}.kpi-filter-btn{padding:6px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:20px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.kpi-filter-btn:hover{border-color:#cbd5e1;background:#f8fafc}.kpi-filter-btn.active{background:#1e293b;border-color:#1e293b;color:#fff}.kpi-filter-btn.newbie.active,.kpi-filter-btn.career.active{background:#1e293b;border-color:#1e293b}.kpi-modal-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.kpi-modal-info{margin-left:auto;font-size:13px;color:#64748b}.result-badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:500;border-radius:12px;background:#f1f5f9;color:#64748b}.result-badge.success{background:#dcfce7;color:#16a34a}.result-badge.info{background:#dbeafe;color:#2563eb}.result-badge.pending{background:#fef3c7;color:#d97706}.result-badge.danger{background:#fee2e2;color:#dc2626}.info-page{writing-mode:horizontal-tb;white-space:normal;word-break:break-word;overflow-wrap:break-word;text-align:left;width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column;box-sizing:border-box;position:relative;overflow:hidden;animation:fadeInCard .7s ease}@keyframes fadeInCard{0%{opacity:0}to{opacity:1}}.info-card{width:100%;background:#fff;border-radius:18px;padding:32px;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}.info-card:hover{box-shadow:0 12px 40px #0f172a1f}.info-header-left{display:flex;flex-direction:column;align-items:center;padding:0 0 24px;text-align:center}.info-avatar-wrap{width:120px;height:120px;position:relative;margin-bottom:16px}.info-avatar{width:100%;height:100%;border-radius:50%;overflow:hidden;border:3px solid #2563eb;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.info-avatar-wrap:hover .info-avatar{transform:scale(1.05)}.info-avatar-img{width:100%;height:100%;object-fit:cover}.info-avatar-placeholder{font-size:48px;font-weight:700;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-avatar-edit{position:absolute;right:0;bottom:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:3px solid white;color:#fff;font-size:20px;line-height:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.info-avatar-edit:hover{transform:scale(1.1)}.info-avatar-edit:active{transform:scale(.95)}.info-header-main{margin-top:0;text-align:center}.info-title{font-size:22px;font-weight:700;color:#0f172a;margin-bottom:8px;letter-spacing:-.3px}.info-subtext{font-size:14px;color:#64748b;display:flex;justify-content:center;gap:8px;align-items:center}.info-dot{opacity:.6;margin:0 2px}.info-subtext-tag{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;border-radius:999px;font-size:12px;font-weight:600;border:1px solid #bfdbfe}.info-pill{margin-top:12px;padding:6px 14px;font-size:12px;border-radius:999px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;border:1px solid #bfdbfe;font-weight:600}.info-main{width:100%}.info-main-title{font-size:16px;font-weight:700;margin-bottom:20px;color:#0f172a;text-transform:uppercase;letter-spacing:.5px;position:relative;padding-left:12px}.info-main-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:2px}.info-main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.info-main-header .info-main-title{margin-bottom:0}.info-edit-btn{padding:6px 16px;border:1px solid #2563eb;border-radius:8px;background:#fff;color:#2563eb;font-size:13px;font-weight:600;cursor:pointer}.info-edit-btn:hover{background:#eff6ff}.info-edit-actions{display:flex;gap:8px}.info-cancel-btn{padding:6px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#6b7280;font-size:13px;cursor:pointer}.info-save-btn{padding:6px 16px;border:none;border-radius:8px;background:#2563eb;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.info-save-btn:disabled{opacity:.5;cursor:not-allowed}.info-edit-input{width:100%;padding:8px 12px;border:1px solid #2563eb;border-radius:8px;font-size:14px;outline:none}.info-edit-input:focus{box-shadow:0 0 0 2px #2563eb33}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:20px}.info-field-wide{grid-column:span 2}.info-field{padding:16px 8px;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.info-field:last-child{border-bottom:none}.info-label{color:#64748b;margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:16px;color:#0f172a;font-weight:600;line-height:1.5}.nav-logout{margin-top:32px;width:100%;padding:14px 16px;background-color:transparent;color:#dc2626;border:1px solid #fca5a5;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.nav-logout:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);border-color:#f87171;transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.nav-logout:active{transform:translateY(0)}.logout-icon{font-size:16px}@media(max-width:1024px){.info-card{padding:28px}.info-avatar-wrap{width:110px;height:110px}}@media(max-width:768px){.info-card{padding:24px;gap:20px;border-radius:16px}.info-avatar-wrap{width:100px;height:100px}.info-avatar-placeholder{font-size:40px}.info-avatar-edit{width:32px;height:32px;font-size:18px}.info-title{font-size:20px}.info-subtext{font-size:13px;flex-wrap:wrap;justify-content:center}.info-main-title{font-size:15px}.info-grid{grid-template-columns:1fr;column-gap:0;row-gap:0}.info-field-wide{grid-column:span 1}.info-field{padding:14px 6px}.info-label{font-size:11px}.info-value{font-size:15px}.nav-logout{margin-top:24px;padding:12px 14px;font-size:13px}}@media(max-width:480px){.info-card{padding:20px 16px;gap:16px;border-radius:14px}.info-avatar-wrap{width:85px;height:85px;margin-bottom:12px}.info-avatar-placeholder{font-size:36px}.info-avatar-edit{width:28px;height:28px;font-size:16px;border-width:2px}.info-title{font-size:18px;margin-bottom:6px}.info-subtext{font-size:12px}.info-subtext-tag{font-size:11px;padding:3px 10px}.info-main-title{font-size:14px;margin-bottom:16px}.info-field{padding:12px 4px}.info-label{font-size:10px;margin-bottom:4px}.info-value{font-size:14px}.nav-logout{margin-top:20px;padding:11px 12px;font-size:12px}.logout-icon{font-size:14px}}.info-modal .info-page{animation:none}.info-modal .info-card{background:transparent;box-shadow:none;padding:0;gap:20px}.info-modal .info-header-left{border-bottom:1px solid #e2e8f0;padding-bottom:24px}.info-modal .info-field{padding:12px 8px;border-bottom:1px solid #f1f5f9}.info-modal .nav-logout{margin-top:24px}.user-steps-root{width:100%;margin-top:0;overflow-x:visible;overflow-y:visible}.user-rejected-panel{min-height:calc(100vh - 300px);display:flex;justify-content:center;align-items:center}.user-rejected-box{background:#fff;padding:48px 56px;border-radius:20px;text-align:center;box-shadow:0 12px 32px #0f172a1f;border:1px solid #e2e8f0}.user-rejected-box h2{font-size:22px;font-weight:800;margin-bottom:16px;color:#0f172a}.user-rejected-main{font-size:18px;line-height:1.6;margin-bottom:18px;color:#334155}.user-rejected-main strong{color:#dc2626}.user-rejected-sub{font-size:14px;color:#64748b;line-height:1.5}.steps-row{display:flex;justify-content:flex-start;align-items:center;gap:0;padding:36px 20px;transition:all .3s ease;animation:fadeIn .5s ease;overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;width:100%;box-sizing:border-box}.steps-row .step-block:first-child{margin-left:auto}.steps-row .step-block:last-child{margin-right:auto}.steps-row::-webkit-scrollbar{height:8px}.steps-row::-webkit-scrollbar-track{background:transparent}.steps-row::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.steps-row.short{padding:36px 40px;gap:16px}.step-block{display:flex;align-items:center;position:relative;gap:0;flex-shrink:0}.step-item{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease;flex-shrink:0}.step-circle{width:65px;height:65px;border-radius:50%;border:2.5px solid #cbd5e1;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#64748b;transition:all .3s ease;box-shadow:0 2px 8px #0f172a0d}.steps-row.short .step-circle{width:72px;height:72px;font-size:19px}.step-text{margin-top:14px;font-size:13px;font-weight:600;color:#64748b;transition:all .3s ease;text-align:center}.steps-row.short .step-text{font-size:14px}.step-item.done .step-circle{border-color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1d4ed8}.step-item.done .step-text{color:#1d4ed8;font-weight:700}.step-complete-badge{margin-top:4px;padding:2px 10px;background:#dcfce7;color:#16a34a;font-size:11px;font-weight:600;border-radius:10px}.step-active-badge{margin-top:4px;padding:2px 10px;background:#dbeafe;color:#2563eb;font-size:11px;font-weight:600;border-radius:10px}.step-item.active .step-circle{border-color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1d4ed8;box-shadow:0 0 0 6px #2563eb1a,0 8px 24px #2563eb33;animation:activePulse 2s infinite ease-in-out}.step-item.active.selected .step-circle{transform:translateY(-8px) scale(1.3);animation:selectedPulse 2s infinite ease-in-out}.step-item.selected:not(.active) .step-circle{transform:translateY(-8px) scale(1.3);border-color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1d4ed8;box-shadow:0 0 0 6px #2563eb1a,0 8px 24px #2563eb33;animation:none}.step-item.active .step-text{color:#1d4ed8;font-weight:700}.step-item.disabled .step-circle{border-color:#e2e8f0;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#94a3b8;cursor:default}.step-item.disabled .step-text{color:#94a3b8}.step-item.selected .step-circle{transform:translateY(-8px) scale(1.3);filter:brightness(1.05);border-color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1d4ed8;box-shadow:0 0 0 6px #2563eb1a,0 8px 24px #2563eb33;animation:selectedPulse 2s infinite ease-in-out}.step-item.selected .step-text{font-size:14px;font-weight:700}@keyframes selectedPulse{0%{transform:translateY(-8px) scale(1.3);box-shadow:0 0 0 6px #2563eb1a,0 8px 24px #2563eb33}50%{transform:translateY(-8px) scale(1.35);box-shadow:0 0 0 10px #2563eb26,0 12px 32px #2563eb4d}to{transform:translateY(-8px) scale(1.3);box-shadow:0 0 0 6px #2563eb1a,0 8px 24px #2563eb33}}@keyframes activePulse{0%{transform:scale(1.05);box-shadow:0 0 0 6px #2563eb1a,0 8px 24px #2563eb33}50%{transform:scale(1.1);box-shadow:0 0 0 8px #2563eb14,0 12px 32px #2563eb40}to{transform:scale(1.05);box-shadow:0 0 0 6px #2563eb1a,0 8px 24px #2563eb33}}.user-step-fix-badge{position:absolute;padding:2px 8px;font-size:11px;font-weight:600;background:#f973161f;color:#f97316;border-radius:6px;transition:all .22s cubic-bezier(.23,1,.32,1);top:100%;left:50%;width:50px;transform:translate(-50%,-50%);text-align:center;z-index:10}@keyframes pulseFix{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:.9}}.step-dots-wrap{display:flex;gap:20px;margin-left:25px;margin-right:25px;margin-bottom:30px;align-items:center;height:64px;position:relative}.step-dots-wrap.short{gap:30px;margin-bottom:30px;margin-left:30px;margin-right:30px;height:72px}.step-dot{width:7px;height:7px;border-radius:999px;background:#cbd5e1;transition:all .3s ease;flex-shrink:0}.step-dot.filled{background:#2563eb}.step-dot.anim{animation:dotPulse 1.2s infinite ease-in-out;background:#2563eb}.step-dot.anim:nth-child(1){animation-delay:0s}.step-dot.anim:nth-child(2){animation-delay:.1s}.step-dot.anim:nth-child(3){animation-delay:.2s}.step-dot.anim:nth-child(4){animation-delay:.3s}.step-dot.anim:nth-child(5){animation-delay:.4s}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.4);opacity:1}}.step-guide-box{display:flex;gap:14px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:14px;padding:20px 22px;margin:20px 0}.step-guide-icon{font-size:22px;line-height:1;padding-top:2px}.easypaper-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;margin-top:20px;box-shadow:0 2px 8px #0000000a}.easypaper-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.easypaper-icon{width:52px;height:52px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px}.easypaper-title-wrap h3{margin:0;font-size:20px;font-weight:700;color:#1e293b}.easypaper-desc{font-size:14px;color:#64748b;line-height:1.5;margin-top:4px}.easypaper-desc p{margin:0}.easypaper-steps{display:flex;flex-direction:column;gap:12px}.easypaper-step{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#f8fafc;border-radius:12px;transition:all .2s ease}.easypaper-step:hover{background:#f1f5f9}.step-number{width:38px;height:38px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0}.step-content{flex:1}.step-content strong{display:block;font-size:15px;font-weight:600;color:#1e293b;margin-bottom:2px}.step-content p{margin:0;font-size:13px;color:#64748b}.easypaper-btn,.easypaper-checkbox{min-width:120px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.easypaper-btn.primary{background:#3b82f6;color:#fff}.easypaper-btn.primary:hover:not(:disabled){background:#2563eb}.easypaper-btn.primary:disabled{background:#cbd5e1;cursor:not-allowed}.easypaper-btn.secondary{background:#fff;color:#2563eb;border:2px solid #2563eb;font-weight:600}.easypaper-btn.secondary:hover{transform:translateY(-1px)}.easypaper-checkbox{background:#f8fafc;border:2px solid #e2e8f0;color:#475569}.easypaper-checkbox:hover{background:#f1f5f9;border-color:#cbd5e1}.easypaper-checkbox.checked{background:#f0fdf4;border-color:#22c55e;color:#166534;cursor:default}.easypaper-checkbox.checked:hover{background:#f0fdf4;border-color:#22c55e}.easypaper-checkbox input{appearance:none;width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;position:relative}.easypaper-checkbox input:checked{background:#22c55e;border-color:#22c55e}.easypaper-checkbox input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.easypaper-checkbox.checked input{cursor:default}.easypaper-done-banner{margin-top:20px;padding:14px 20px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:10px;font-size:14px;font-weight:500;color:#166534;text-align:center}@media(max-width:768px){.easypaper-card{padding:20px}.easypaper-step{flex-wrap:wrap;align-items:flex-start;gap:8px 12px}.easypaper-step .step-number{width:32px;height:32px;font-size:15px;flex-shrink:0;margin-top:2px}.easypaper-step .step-content{flex:1;min-width:0}.easypaper-btn,.easypaper-checkbox{justify-content:center;margin-left:44px;width:calc(100% - 44px)}}.user-title-sub{font-size:13.5px;line-height:1.7;color:#374151}.status-confirm{color:#4e7fe9;font-weight:600}.status-wait{color:#fab17e;font-weight:600}.status-upload{color:#2563eb;font-weight:700}.step-panel{margin-top:48px}.step-panel.card-animate{animation:cardFadeIn .5s ease forwards}.step-detail{background:linear-gradient(135deg,#fff,#f8fafc);padding:32px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 8px 32px #0f172a14;transition:box-shadow .3s ease}.step-disabled-notice{margin-top:24px;padding:18px 16px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;text-align:center;line-height:1.5}.step-disabled-notice h4{margin:0 0 6px;font-size:15px;font-weight:700}.step-disabled-notice p{margin:2px 0;font-size:13px}.step-disabled-sub{margin-top:8px;font-size:12px;color:#991b1b}.step-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:16px}.step-title-left{flex:1}.step-title h3{font-size:20px;font-weight:700;color:#0f172a;margin:0}.step-title-status{font-size:13px;color:#64748b;font-weight:500;white-space:nowrap;padding-top:2px}.user-title-sub{font-size:13px;color:#64748b;margin-top:6px}.admin-title{font-size:12px;color:#64748b;font-weight:500}.files-section{border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;border:1px solid #3b82f6;margin-bottom:20px}.files-section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb)}.files-section-title{margin:0;font-size:16px;font-weight:700;color:#fff}.files-section .files-list-scroll{padding:16px;background:#f8fafc;gap:12px}.files-section .file-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.files-section .upload-all-wrap{padding:16px;background:#f8fafc;display:flex;justify-content:flex-end}.files-list-scroll{list-style:none;padding-left:0;margin:0}.file-item--info{background:#f9fbfd;border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px;font-size:17px;color:#374151}.file-item--info strong{color:#2563eb;font-weight:700;margin:0 8px}.file-item--info-text{white-space:nowrap}.file-item--info-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-list-header{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;padding:0 8px}.files-list-header-right{display:flex;justify-content:flex-end;font-size:12px;color:#64748b;font-weight:600;text-align:right;margin-right:10px}.files-list-scroll{max-height:480px;overflow-y:auto;padding-right:8px;margin:0;padding-left:0;display:grid;grid-template-columns:1fr 1fr;gap:30px}.files-list-scroll::-webkit-scrollbar{width:8px}.files-list-scroll::-webkit-scrollbar-track{background:transparent;border-radius:10px}.files-list-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;transition:all .3s ease}.files-list-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.code-issue-compact .file-item{padding:10px 14px;min-height:auto}.code-issue-compact .files-list-header{margin-bottom:6px}.code-issue-compact .file-label{font-size:14px;font-weight:500}.code-issue-compact .code-dates{padding:6px 10px;border-radius:8px}.code-issue-compact .code-date-item{font-size:12px;line-height:1.2}.code-issue-compact .file-actions{display:none}.mypage-steps-card .file-item{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;list-style:none;transition:all .2s ease}.mypage-steps-card .file-item:hover{border-color:#94a3b8;box-shadow:0 2px 8px #0000000d}.mypage-steps-card .file-item.full-width{grid-column:span 2}.mypage-steps-card .file-label{font-size:14px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.mypage-steps-card .file-label:before{content:"";width:6px;height:6px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:999px;flex-shrink:0}.mypage-steps-card .file-item input[type=checkbox]{width:20px;height:20px;accent-color:#10b981;cursor:pointer;transition:all .2s ease}.mypage-steps-card .file-item input[type=checkbox]:hover{transform:scale(1.1)}.mypage-steps-card .file-item input[type=checkbox]:checked{transform:scale(1.05)}.mypage-steps-card .check-label{font-size:12px;color:#10b981;font-weight:600}.file-actions{display:flex;align-items:flex-end;justify-content:space-between;width:100%}.file-actions-left{display:flex;gap:25px;align-items:center}.file-actions-buttons{display:flex;flex-direction:column;align-items:center;gap:4px}.file-actions-buttons .file-admin-label{font-size:11px;color:#94a3b8;font-weight:500}.file-actions-buttons .btn-row{display:flex;gap:8px}.file-desktop .file-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.file-desktop .file-admin-label{font-size:11px;color:#94a3b8;font-weight:500;min-width:80px;text-align:center}.file-desktop .file-label{font-size:14px;font-weight:600;color:#1e293b}.file-btn{width:auto;padding:4px 8px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#334155;font-size:10.5px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0}.file-btn:active{transform:translateY(0)}.file-btn.upload-btn,.step4-btn.upload-btn{padding:7px 14px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.file-btn.upload-btn:hover,.step4-btn.upload-btn:hover{background:#e2e8f0;border-color:#94a3b8}.file-btn.download-btn{padding:7px 14px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.file-btn.download-btn:hover{opacity:.9}.upload-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;border:none;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:-.1px;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);transition:all .2s ease-out}.upload-all-btn:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-2px)}.upload-all-btn:active{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 6px #2563eb33;transform:translateY(0)}.upload-all-btn:disabled{cursor:default;background:#a8a29e;color:#e2e8f0;box-shadow:none;transform:none}.step-title-buttons .file-btn{padding:8px 14px;font-size:13px;font-weight:600}.uploaded-file-name{font-size:13px;color:#64748b;word-break:break-all;line-height:1.4}.uploaded-file-name .attach-label{white-space:nowrap}.uploaded-file-name strong{color:#3b82f6;text-decoration:underline}.uploaded-file-row{display:none}.file-desktop{display:block}.file-mobile,.file-header-row,.file-buttons-row{display:none}.offline-submit-row{margin-top:10px;padding:16px 18px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.offline-submit-left{flex:1;min-width:200px}.offline-date-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:8px;position:relative}.offline-date-wrapper input[type=date]{margin-left:0}.offline-date-wrapper .date-placeholder{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px;font-weight:500;pointer-events:none;z-index:1}.offline-date-wrapper .date-picker-readonly{padding:12px 16px;font-size:14px;font-weight:500;color:#1e293b;background-color:#fff;border:2px solid #3b82f6;border-radius:10px;cursor:pointer;caret-color:transparent;transition:all .2s ease;min-width:160px;box-shadow:0 2px 8px #3b82f626}.offline-date-wrapper .date-picker-readonly.no-value{color:transparent}.offline-date-wrapper .date-picker-readonly.no-value::-webkit-datetime-edit,.offline-date-wrapper .date-picker-readonly.no-value::-webkit-datetime-edit-fields-wrapper,.offline-date-wrapper .date-picker-readonly.no-value::-webkit-datetime-edit-text,.offline-date-wrapper .date-picker-readonly.no-value::-webkit-datetime-edit-month-field,.offline-date-wrapper .date-picker-readonly.no-value::-webkit-datetime-edit-day-field,.offline-date-wrapper .date-picker-readonly.no-value::-webkit-datetime-edit-year-field{color:transparent!important;-webkit-text-fill-color:transparent!important;opacity:0}.offline-date-wrapper .date-picker-readonly.has-value::-webkit-datetime-edit{color:#1e293b;-webkit-text-fill-color:#1e293b}.offline-date-wrapper .date-picker-readonly:hover{border-color:#2563eb;background-color:#f8fafc;box-shadow:0 4px 12px #3b82f640}.offline-date-wrapper .date-picker-readonly:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #3b82f633}.offline-date-wrapper .date-picker-readonly::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px;margin-left:8px;border-radius:4px;background-color:#eff6ff;transition:all .2s ease}.offline-date-wrapper .date-picker-readonly::-webkit-calendar-picker-indicator:hover{background-color:#dbeafe}.assoc-online-apply-section{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-left:4px solid #22c55e;border-radius:10px;padding:16px 20px;margin-top:16px;box-shadow:0 2px 8px #22c55e1a}.assoc-online-apply-left{display:flex;flex-direction:column;gap:6px}.apply-guide{font-size:13px;color:#78716c;margin:0}.assoc-online-link{display:inline-flex;align-items:center;gap:4px;color:#16a34a;font-weight:600;font-size:14px;text-decoration:none;transition:all .2s ease}.assoc-online-link:hover{color:#15803d;text-decoration:underline}.assoc-online-apply-right{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 1px 3px #00000014}.expected-icon{font-size:28px}.expected-info{display:flex;flex-direction:column;gap:2px;text-align:right}.expected-label{font-size:11px;color:#a8a29e;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.expected-value{font-size:18px;font-weight:700;color:#16a34a}@keyframes fadeInSlide{0%{opacity:0}to{opacity:1}}.expected-label{font-size:12px;font-weight:500;color:#047857}.expected-value{font-size:14px;font-weight:700;color:#065f46}.offline-text{display:flex;flex-direction:column;gap:4px}.offline-text strong{font-size:16px;color:#1e293b;font-weight:600}.offline-text p{margin:0;font-size:14px;color:#64748b;line-height:1.4}.offline-submit-row input[type=date]{padding:8px 12px;font-size:14px;color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.offline-submit-row input[type=date]:hover{border-color:#94a3b8}.offline-submit-row input[type=date]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}@media(max-width:768px){.offline-submit-row{flex-direction:column;align-items:stretch}.offline-submit-row input[type=date]{width:100%}}.file-status-btn,.file-btn.status-btn{padding:5px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:5px;color:#94a3b8;font-size:11px;font-weight:500;cursor:default}.file-status-btn.active,.file-btn.status-btn.active{background:#dbeafe;border-color:#3b82f6;color:#1e40af;font-weight:600}.confirm-btn.active{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.fix-btn.active{background:#fed7aa;border-color:#fb923c;color:#92400e}.fix-history-btn{margin-top:10px;padding:6px 12px;font-size:14px;background:#f973161f;color:#f97316;border:none;border-radius:6px;cursor:pointer;transition:.2s ease}.fix-history-btn:hover{background:#f9731633}.fix-history-modal{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:9999;padding:16px}.fix-history-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.fix-history-modal-inner{background:#fff;width:100%;max-width:400px;border-radius:16px;padding:24px;box-shadow:0 20px 60px #00000026;animation:modalSlideUp .3s ease-out;max-height:70vh;overflow-y:auto}@keyframes modalSlideUp{0%{opacity:0}to{opacity:1}}.fix-history-modal-inner h3{font-size:18px;font-weight:700;margin:0 0 16px;color:#1a1a2e;text-align:center}.fix-history-empty{text-align:center;color:#94a3b8;padding:20px 0}.fix-history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.fix-history-list>p{font-size:14px;color:#94a3b8;text-align:center;padding:20px 0}.fix-history-item{padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.fix-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.fix-history-header strong{font-size:14px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:6px}.fix-history-header strong:before{content:"";width:6px;height:6px;background:#f59e0b;border-radius:50%}.fix-history-header span{font-size:11px;color:#94a3b8}.fix-history-item p{margin:0;font-size:13px;color:#64748b;line-height:1.5;padding-left:12px}.history-close-btn{width:100%;margin-top:16px;padding:12px;background:transparent;color:#f97316;font-size:14px;font-weight:600;border:1px solid #fdba74;border-radius:10px;cursor:pointer;transition:all .2s}.history-close-btn:hover{background:#f9731614;border-color:#f97316}@media(max-width:768px){.history-modal-inner{max-width:calc(100% - 32px);margin:16px;padding:20px}}.code-dates{display:flex;align-items:center;justify-content:center;margin:14px auto 0;padding:12px 20px;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;font-size:13px;box-shadow:0 1px 3px #0000000d;width:fit-content}.code-date-item{display:flex;align-items:center;gap:8px}.code-date-item+.code-date-item{margin-left:24px;padding-left:24px;border-left:1px solid #e2e8f0}.code-date-label{color:#64748b;font-weight:600;font-size:13px}.code-date-value{color:#2563eb;font-weight:700;font-size:15px;letter-spacing:.5px}.code-date-empty{color:#94a3b8;font-weight:500;font-size:13px}@media(max-width:1200px){.steps-row{padding:24px 16px;gap:0;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.steps-row::-webkit-scrollbar{height:6px}.steps-row::-webkit-scrollbar-thumb{background-color:#94a3b8;border-radius:3px}.step-block{flex-shrink:0}.step-circle{width:clamp(45px,6vw,55px);height:clamp(45px,6vw,55px);font-size:clamp(14px,1.8vw,16px)}.steps-row.short .step-circle{width:clamp(50px,7vw,60px);height:clamp(50px,7vw,60px)}.step-text{font-size:clamp(10px,1.4vw,12px);margin-top:10px;white-space:nowrap}.step-arrow{font-size:clamp(12px,1.6vw,16px);margin:0 clamp(4px,.8vw,10px)}.step-dots{margin:0 clamp(3px,.6vw,8px);gap:3px}.step-dots span{width:clamp(4px,.5vw,6px);height:clamp(4px,.5vw,6px)}.step-dots-wrap{gap:12px;margin-left:14px;margin-right:14px}.step-dot{width:6px;height:6px}.step-detail{padding:28px}.step-title h3{font-size:18px}.files-list-scroll{grid-template-columns:1fr;gap:16px}.mypage-steps-card .file-item{padding:16px;gap:14px}.mypage-steps-card .file-item.full-width{grid-column:span 1}.file-actions{flex-wrap:wrap;gap:10px}.file-actions-left{gap:12px;flex-wrap:wrap}.offline-submit-row{flex-direction:column;align-items:flex-start;gap:10px}.offline-submit-row .offline-text{flex-direction:column;align-items:flex-start;gap:4px}.offline-submit-row .offline-text p{font-size:11px;line-height:1.4}.offline-submit-row input[type=date]{width:100%;max-width:200px}.offline-date-wrapper{width:100%;align-items:flex-start}.expected-completion-date{width:100%;max-width:250px;justify-content:space-between}}@media(max-width:768px){.steps-row{padding:2.5vh 3vw;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.steps-row:before{content:"";flex-shrink:0;width:2vw}.steps-row:after{content:"";flex-shrink:0;width:2vw}.step-block{flex-shrink:0}.step-circle{width:clamp(40px,12vw,52px);height:clamp(40px,12vw,52px);font-size:clamp(12px,3.5vw,15px);border-width:2px}.steps-row.short .step-circle{width:clamp(44px,13vw,56px);height:clamp(44px,13vw,56px)}.step-text{font-size:clamp(9px,2.8vw,12px);margin-top:1.2vh;white-space:nowrap}.step-arrow{font-size:clamp(12px,3.5vw,16px);margin:0 clamp(4px,1.5vw,8px)}.step-dots{margin:0 clamp(3px,1vw,6px);gap:2px}.step-dots span{width:clamp(4px,1.2vw,6px);height:clamp(4px,1.2vw,6px)}.step-panel{margin-top:4vh}.step-detail{padding:3vh 4vw;border-radius:14px}.step-title{flex-direction:column;gap:12px;margin-bottom:24px}.step-title h3{font-size:17px}.step-title-status{font-size:12px}.user-title-sub{font-size:12.5px}.step-guide-box{padding:16px;flex-direction:column;text-align:center;gap:12px}.step-guide-icon{font-size:20px}.step-guide-content p{font-size:13px}.doc-list{gap:12px}.doc-item{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.doc-item-left{width:100%}.doc-item-right{width:100%;justify-content:flex-start}.request-history-btn{padding:10px 16px;font-size:12px}.file-desktop{display:none!important}.file-mobile{display:block!important}.file-item{padding:12px!important}.file-header-row{display:flex!important;justify-content:space-between;align-items:center;margin-bottom:6px}.file-label{font-size:13px;font-weight:600;color:#1e293b}.file-admin-label{font-size:10px;color:#64748b;flex-shrink:0}.uploaded-file-row{display:block!important;margin-bottom:8px;padding:6px 10px;background:#f1f5f9;border-radius:6px;font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uploaded-file-row strong{color:#2563eb}.file-buttons-row{display:flex!important;flex-wrap:nowrap;gap:6px;align-items:center}.file-buttons-row .file-btn{padding:6px 12px!important;font-size:11px!important;border-radius:6px!important;white-space:nowrap;flex-shrink:0;cursor:pointer;background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#334155!important;box-shadow:none!important;height:auto!important;min-height:auto!important}.file-buttons-row .upload-btn{background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#334155!important}.file-buttons-row .download-btn,.user-steps-root .file-buttons-row .download-btn,.user-steps-root .download-btn,.mypage-steps-card .download-btn,.file-item .download-btn,.step-detail .download-btn,button.file-btn.download-btn{padding:6px 12px!important;font-size:11px!important;border-radius:6px!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#334155!important;box-shadow:none!important;height:auto!important;min-height:auto!important;background-image:none!important}.file-buttons-row .download-btn:before,.user-steps-root .download-btn:before,button.file-btn.download-btn:before{content:none!important;display:none!important}.file-buttons-row .status-btn{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#94a3b8!important}.file-buttons-row .status-btn.confirm-btn.active{background:#dbeafe!important;border-color:#3b82f6!important;color:#2563eb!important}.file-buttons-row .status-btn.fix-btn.active{background:#fef2f2!important;border-color:#ef4444!important;color:#dc2626!important}.code-dates{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;padding:8px 12px;font-size:11px;gap:0;width:auto;max-width:100%}.code-date-item{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:4px;white-space:nowrap}.code-date-item+.code-date-item{margin-left:12px;padding-left:12px}.code-date-label{font-size:10px;white-space:nowrap}.code-date-value,.code-date-empty{font-size:11px;white-space:nowrap}.files-list-scroll{grid-template-columns:1fr!important;gap:12px}.file-buttons-row .file-btn{padding:6px 19px!important;font-size:11px!important;min-width:auto!important;text-align:center;background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#334155!important;box-shadow:none!important}.file-buttons-row .download-btn{background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#334155!important;box-shadow:none!important}.offline-submit-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px!important;background:#f8fafc;border-radius:8px;margin-top:8px}.offline-submit-row .offline-submit-left{width:100%}.offline-submit-row .offline-text{flex-direction:row;align-items:center;gap:8px}.offline-submit-row .offline-text strong{font-size:13px;white-space:nowrap}.offline-submit-row .offline-text p{display:none}.offline-date-wrapper{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%}.offline-submit-row input[type=date],.offline-date-wrapper input[type=date]{flex:1;min-width:0;padding:10px 12px;font-size:14px;border:2px solid #3b82f6;border-radius:8px}.assoc-online-apply-section{flex-direction:column!important;gap:12px!important;padding:12px!important}.assoc-online-apply-left{width:100%}.assoc-online-apply-right{width:100%;justify-content:flex-start!important}.expected-completion-date{padding:6px 10px;gap:6px}.expected-label{font-size:10px}.expected-value{font-size:12px}.user-rejected-box{padding:32px 24px}.user-rejected-box h2{font-size:18px}.user-rejected-main{font-size:15px}.user-rejected-sub{font-size:13px}}@media(max-width:480px){.file-item{padding:12px!important;display:flex;flex-direction:column;gap:10px}.file-header-row{flex-wrap:wrap;gap:4px}.file-label{font-size:13px!important;font-weight:600;color:#1e293b;flex:1;min-width:0;word-break:keep-all;line-height:1.4}.file-buttons-row{display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px!important;width:100%}.file-buttons-row .file-btn{padding:8px 6px!important;font-size:12px!important;text-align:center;width:100%!important}.offline-submit-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:12px!important;margin-top:4px;background:#f8fafc;border-radius:8px;width:100%;box-sizing:border-box}.offline-submit-row .offline-submit-left{width:100%}.offline-submit-row .offline-text{flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:8px}.offline-submit-row .offline-text strong{font-size:13px!important;white-space:nowrap;flex-shrink:0}.offline-submit-row .offline-text p{display:none!important}.offline-date-wrapper{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px;width:100%;position:relative}.offline-date-wrapper .date-placeholder{position:absolute;left:12px;font-size:12px;color:#94a3b8;pointer-events:none}.offline-submit-row input[type=date],.offline-date-wrapper input[type=date]{flex:1!important;min-width:0!important;width:100%!important;padding:10px 12px!important;font-size:14px!important;border:2px solid #3b82f6!important;border-radius:8px!important;background:#fff!important}.assoc-online-apply-section{flex-direction:column!important;gap:12px!important;padding:12px!important}.assoc-online-apply-left{width:100%}.assoc-online-apply-left .apply-guide{font-size:12px!important;line-height:1.5}.assoc-online-apply-left .assoc-online-link{font-size:13px!important}.assoc-online-apply-right{width:100%;justify-content:flex-start!important}.expected-info{text-align:left!important}.expected-label{font-size:11px!important}.expected-value{font-size:14px!important}.files-section .upload-all-wrap{padding:12px!important}.files-section .upload-all-wrap button{width:100%;padding:14px!important;font-size:14px!important}.steps-row{padding:30px 8px;overflow-x:auto;justify-content:flex-start}.step-circle{width:42px;height:42px;font-size:13px}.steps-row.short .step-circle{width:46px;height:46px}.step-text{font-size:10px;margin-top:8px}.step-arrow{font-size:12px;margin:0 4px}.step-dots{margin:0 3px}.step-dots span{width:4px;height:4px}.step-detail{padding:20px 16px}.step-title h3{font-size:16px}.step-guide-box{padding:14px}.step-guide-content p{font-size:12px}.doc-item{padding:14px}.file-item{padding:10px!important}.file-label{font-size:12px}.file-admin-label{font-size:9px}.uploaded-file-row{font-size:10px;padding:5px 8px}.file-buttons-row{gap:4px}.file-buttons-row .file-btn{padding:6px 19px!important;font-size:10px!important;min-width:auto!important;text-align:center;background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#334155!important;box-shadow:none!important}.offline-submit-row{padding:8px 10px;gap:8px}.offline-submit-row .offline-text strong{font-size:11px}.offline-submit-row input[type=date]{padding:5px 6px;font-size:11px;min-width:110px}.user-rejected-box{padding:24px 20px;border-radius:16px}.user-rejected-box h2{font-size:16px}.user-rejected-main{font-size:14px}.user-rejected-sub{font-size:12px}}.assign-done-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:40px 48px;margin:20px 0;box-shadow:0 10px 40px #0000000f;text-align:left;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.assign-done-left{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.assign-done-title{font-size:22px;font-weight:800;color:#1e293b;margin:0 0 8px;letter-spacing:-.5px}.assign-done-desc{font-size:16px;color:#64748b;margin:0;line-height:1.5}.assign-done-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px;width:100%;max-width:100%;text-align:left;margin-bottom:0;box-shadow:inset 0 2px 4px #00000005}.assign-done-info-box p{margin:0 0 8px;font-size:14px;line-height:1.6;color:#334155}.assign-done-info-box .highlight-text{margin-top:12px;padding:12px;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;color:#1d4ed8;font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px}.assign-done-info-box .highlight-text:before{content:"💡";font-size:16px}.assign-done-info-box .highlight-text:has(+.highlight-text){border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none;padding-bottom:8px;margin-bottom:0}.assign-done-info-box .highlight-text+.highlight-text{margin-top:0;border-top:none;border-top-left-radius:0;border-top-right-radius:0;padding-top:8px}.assign-done-info-box .highlight-text+.highlight-text:before{content:none}.assign-done-actions{width:auto;display:flex;justify-content:center}.assign-done-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 40px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:15px;font-weight:700;border-radius:14px;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 12px #2563eb4d}.assign-done-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #2563eb66}.assign-done-btn:active{transform:translateY(0)}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:900px){.assign-done-card{flex-direction:column;text-align:center;padding:32px 24px;gap:32px}.assign-done-left{order:1;align-items:center;width:100%}.assign-done-right{order:2;width:100%}.assign-done-actions{justify-content:center;width:100%}}@media(max-width:768px){.assign-done-card{flex-direction:column!important;padding:24px 16px;gap:24px;border-radius:16px;margin:16px 0}.assign-done-left{order:1!important;width:100%!important}.assign-done-right{order:2!important;width:100%!important}.assign-done-icon{font-size:40px;margin-bottom:12px}.assign-done-title{font-size:18px;margin-bottom:6px}.assign-done-desc{font-size:14px;line-height:1.6;word-break:keep-all}.assign-done-info-box{padding:16px;border-radius:12px}.assign-done-info-box p{font-size:13px;line-height:1.7;word-break:keep-all}.assign-done-info-box .highlight-text{padding:10px;font-size:12px;line-height:1.6;word-break:keep-all;flex-direction:column;text-align:center;gap:6px}.assign-done-info-box .highlight-text:before{font-size:14px}.assign-done-btn{width:100%;padding:14px 24px;font-size:14px;border-radius:12px}.assign-done-actions{width:100%}}@media(max-width:480px){.assign-done-card{flex-direction:column!important;padding:20px 14px;gap:20px;border-radius:14px}.assign-done-left{order:1!important}.assign-done-right{order:2!important}.assign-done-icon{font-size:36px;margin-bottom:10px}.assign-done-title{font-size:16px}.assign-done-desc{font-size:13px}.assign-done-info-box{padding:14px}.assign-done-info-box p{font-size:12px}.assign-done-info-box .highlight-text{padding:8px;font-size:11px}.assign-done-btn{padding:12px 20px;font-size:13px}}.code-issue-section{margin:20px 0;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden}.code-issue-top{display:flex;justify-content:space-evenly;align-items:center;padding:24px;margin-bottom:24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;position:relative}.code-issue-top:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1px;height:40px;background:#e2e8f0}.code-issue-item{display:flex;align-items:center;gap:50px!important}.code-issue-label{font-size:14px;font-weight:500;color:#64748b}.code-issue-value{font-size:18px;font-weight:700;color:#7c3aed}.code-issue-dates{display:flex;align-items:flex-start;gap:30px;font-size:14px}.code-issue-dates .date-item{display:flex;flex-direction:column;align-items:center;gap:4px;white-space:nowrap}.code-issue-dates .date-label{color:#94a3b8;white-space:nowrap;font-size:12px}.code-issue-dates .date-value{color:#94a3b8;white-space:nowrap}.code-issue-dates .date-value.has-value{color:#3b82f6;font-weight:600}.life-insurance-section{padding:24px 32px}.life-insurance-title{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.life-insurance-grid{display:grid;grid-template-columns:repeat(3,1fr)}.life-insurance-card{padding:16px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9}.life-insurance-card:nth-child(3n){border-right:none}.life-insurance-card:nth-last-child(-n+3){border-bottom:none}.life-insurance-name{font-size:14px;font-weight:500;color:#334155}.visit-note{font-size:10px;color:#f59e0b;background:#fef3c7;padding:2px 6px;border-radius:4px;margin-left:6px}.life-insurance-dates{display:flex;align-items:flex-start;gap:30px!important;font-size:12px}.life-insurance-dates .date-item{display:flex;flex-direction:column;align-items:center;gap:4px;white-space:nowrap}.life-insurance-dates .date-label{color:#94a3b8;white-space:nowrap}.life-insurance-dates .date-value{color:#cbd5e1;white-space:nowrap}.life-insurance-dates .date-value.has-value{color:#3b82f6;font-weight:600}.loading-text{color:#64748b;font-size:14px;text-align:center;padding:40px}@media(max-width:768px){.code-issue-top{flex-direction:column}.code-issue-item{padding:20px 24px}.code-issue-item:first-child{border-right:none;border-bottom:1px solid #f1f5f9}.code-issue-dates{gap:12px;font-size:12px}.code-issue-dates .date-item{flex-direction:column;gap:2px;text-align:center}.code-issue-dates .date-label{font-size:11px}.code-issue-dates .date-value{font-size:12px;white-space:nowrap}.life-insurance-section{padding:20px 24px}.life-insurance-grid{grid-template-columns:1fr}.life-insurance-card{border-right:none;border-bottom:1px solid #f1f5f9;padding:12px 8px}.life-insurance-card .code-issue-dates{gap:10px;font-size:11px}.life-insurance-card .code-issue-dates .date-item{flex-direction:column;gap:2px;text-align:center}.life-insurance-card .code-issue-dates .date-label,.life-insurance-card .code-issue-dates .date-value{font-size:10px;white-space:nowrap}.life-insurance-dates{gap:12px!important;font-size:11px}.life-insurance-dates .date-item{flex-direction:column;gap:2px;text-align:center}.life-insurance-dates .date-label,.life-insurance-dates .date-value{font-size:10px}.life-insurance-name{font-size:13px}.life-insurance-card:last-child{border-bottom:none}}.assign-flow-guide{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:12px;padding:20px 24px;margin-bottom:20px}.assign-flow-header{display:flex;align-items:center;gap:8px;font-size:18px;color:#1e40af;margin-bottom:8px}.assign-flow-icon{font-size:18px}.assign-flow-desc{color:#64748b;font-size:18px;margin-bottom:16px;line-height:1.5}.assign-flow-desc strong{color:#3b82f6}.assign-flow-steps{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.assign-flow-step{display:flex;align-items:center;gap:8px;background:#fff;padding:10px 16px;border-radius:24px;font-size:13px;border:1px solid #e2e8f0;transition:all .2s}.assign-flow-step.highlight{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600;box-shadow:0 2px 8px #3b82f64d}.flow-step-num{width:22px;height:22px;background:#e2e8f0;color:#64748b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.assign-flow-step.highlight .flow-step-num{background:#fff;color:#3b82f6}.flow-step-label{white-space:nowrap}.flow-arrow{color:#94a3b8;font-size:16px;font-weight:600}.assign-flow-step.active{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600;box-shadow:0 2px 8px #3b82f64d}.assign-flow-step.active .flow-step-num{background:#fff;color:#3b82f6}.assign-flow-step.done{background:#dcfce7;border-color:#22c55e;color:#166534}.assign-flow-step.done .flow-step-num{background:#22c55e;color:#fff}.assign-flow-step.highlight{background:#fff;color:#334155;border:1px solid #e2e8f0;font-weight:500;box-shadow:none}.assign-flow-step.highlight .flow-step-num{background:#e2e8f0;color:#64748b}.assign-flow-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.guide-type-buttons{display:flex;gap:8px;flex-wrap:wrap}.guide-type-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s}.guide-type-btn:hover{border-color:#3b82f6;color:#3b82f6}.guide-type-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.external-link-btn{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.external-link-btn:hover{background:#2563eb}@media(max-width:768px){.assign-flow-actions{flex-direction:column;align-items:stretch}.guide-type-buttons{justify-content:center}.external-link-btn{width:100%;text-align:center}}@media(max-width:768px){.assign-flow-guide{padding:16px}.assign-flow-steps{gap:6px}.assign-flow-step{padding:8px 12px;font-size:12px}.flow-step-num{width:18px;height:18px;font-size:10px}.flow-arrow{font-size:12px}.assign-flow-steps{justify-content:center}}@media(max-width:480px){.assign-flow-step{padding:6px 10px;font-size:11px}.flow-step-label{display:none}.assign-flow-step:after{content:attr(data-short);font-size:11px}.code-issue-dates{gap:10px;font-size:11px}.code-issue-dates .date-item{flex-direction:column;gap:1px;text-align:center}.code-issue-dates .date-label,.code-issue-dates .date-value{font-size:10px}.life-insurance-card{padding:10px 6px}.life-insurance-card .code-issue-dates{gap:8px}.life-insurance-card .code-issue-dates .date-label,.life-insurance-card .code-issue-dates .date-value{font-size:9px}.life-insurance-dates{gap:10px!important;font-size:10px}.life-insurance-dates .date-item{flex-direction:column;gap:1px}.life-insurance-dates .date-label,.life-insurance-dates .date-value{font-size:9px}.life-insurance-name{font-size:12px}}@media(max-width:768px){.code-issue-card{flex-direction:column;align-items:center;text-align:center;padding:24px}.code-issue-left{flex-direction:column;gap:12px}.code-issue-right{width:100%}.code-issue-badge{width:100%;box-sizing:border-box}}@media(max-height:600px)and (orientation:landscape){.assign-done-card{flex-direction:row;padding:20px;gap:20px}.assign-done-left{flex:0 0 40%;gap:12px}.assign-done-right{flex:1}.assign-done-icon{font-size:32px;margin-bottom:8px}.assign-done-title{font-size:16px}.assign-done-desc{font-size:13px}.assign-done-info-box{padding:12px}.assign-done-info-box p{font-size:12px;line-height:1.5}.assign-done-info-box .highlight-text{padding:8px;font-size:11px;flex-direction:row;text-align:left}.assign-done-btn{padding:10px 20px;font-size:13px}}.upload-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:uploadModalFadeIn .2s ease}@keyframes uploadModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes uploadModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-modal-box{background:#fff;border-radius:20px;width:95%;max-width:680px;animation:uploadModalSlideUp .3s ease;box-shadow:0 25px 60px #0003;overflow:hidden}.upload-modal-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:24px 32px;text-align:center}.upload-modal-title{margin:0 0 6px;font-size:22px;font-weight:700;color:#fff}.upload-modal-subtitle{margin:0;font-size:14px;color:#ffffffd9}.upload-modal-body{padding:28px 32px;max-height:55vh;overflow-y:auto}.upload-modal-field{margin-bottom:24px}.upload-modal-field:last-child{margin-bottom:0}.upload-modal-label{display:flex;align-items:center;font-size:15px;font-weight:600;color:#374151;margin-bottom:10px}.upload-modal-label .required{color:#ef4444;margin-left:2px}.revision-label-icon{margin-right:6px}.upload-modal-input{width:100%;padding:14px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;color:#1f2937;transition:all .2s;box-sizing:border-box}.upload-modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.upload-modal-input.readonly{background:#f9fafb;color:#6b7280;cursor:not-allowed}.upload-modal-input.readonly:focus{border-color:#e5e7eb;box-shadow:none}.upload-modal-input::placeholder{color:#9ca3af}.revision-warning-text{margin:0 0 10px;font-size:13px;color:#dc2626;font-weight:500}.upload-modal-revisions-box{border:2px solid #e5e7eb;border-radius:12px;min-height:120px;max-height:220px;overflow-y:auto}.revision-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:#9ca3af;gap:10px}.revision-empty-icon{width:40px;height:40px;background:#dcfce7;color:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.revision-list{padding:14px;display:flex;flex-direction:column;gap:12px}.revision-item{background:#fff7ed;border-radius:10px;padding:14px;border-left:4px solid #f97316}.revision-item.resolved{background:#f0fdf4;border-left-color:#22c55e;opacity:.7}.revision-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:10px}.revision-item-title-wrap{display:flex;flex-direction:column;gap:6px}.revision-step-badge{font-size:11px;font-weight:600;color:#3b82f6;background:#dbeafe;padding:3px 10px;border-radius:6px;width:fit-content}.revision-item-title{font-size:15px;font-weight:600;color:#1f2937}.revision-status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;flex-shrink:0}.revision-status.pending{background:#fef3c7;color:#d97706}.revision-status.resolved{background:#dcfce7;color:#16a34a}.revision-item-memo{font-size:14px;color:#4b5563;margin:0 0 10px;line-height:1.6;white-space:pre-wrap}.revision-item-date{font-size:12px;color:#9ca3af}.upload-modal-footer{padding:20px 32px 28px;border-top:1px solid #f3f4f6}.final-confirm-message{text-align:center;font-size:16px;font-weight:600;color:#1f2937;margin:0 0 20px}.upload-modal-buttons{display:flex;gap:14px}.upload-modal-btn{flex:1;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.upload-modal-btn:hover{transform:translateY(-1px)}.upload-modal-btn:active{transform:translateY(0)}.upload-modal-btn.cancel{background:#f3f4f6;color:#6b7280}.upload-modal-btn.cancel:hover{background:#e5e7eb}.upload-modal-btn.confirm{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.upload-modal-btn.confirm:hover{box-shadow:0 6px 16px #3b82f666}.upload-modal-btn.confirm:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}@media(max-width:480px){.upload-modal-box{margin:16px;border-radius:16px}.upload-modal-header{padding:20px 24px}.upload-modal-body{padding:24px}.upload-modal-footer{padding:16px 24px 24px}.upload-modal-buttons{flex-direction:column-reverse}.upload-modal-btn{width:100%}}.anysign-top-header{background:#1e40af;color:#fff;padding:12px 20px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.anysign-logo-area{display:flex;flex-direction:column;gap:2px}.anysign-hancom{font-size:11px;color:#fffc;letter-spacing:1px}.anysign-tabs{display:flex;gap:8px;flex-wrap:nowrap;flex:1}.anysign-tabs-wrapper{display:flex;align-items:center;gap:12px}.anysign-page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;color:#6b7280;cursor:pointer;transition:all .2s ease;flex-shrink:0}.anysign-page-btn:disabled{opacity:.4;cursor:not-allowed}.anysign-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;width:72px;height:60px;white-space:nowrap}.anysign-tab-icon{font-size:18px}.anysign-tab span:last-child{font-size:11px;white-space:nowrap}.anysign-actions{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-top:1px solid #e5e7eb;margin-top:16px}.anysign-action-row{display:flex;align-items:center;gap:12px}.anysign-action-text{font-size:13px;color:#6b7280}.anysign-action-btn{padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#374151;cursor:pointer;min-width:80px;flex-shrink:0}.anysign-password-row label{font-size:13px;color:#374151;white-space:nowrap;min-width:80px}.anysign-warning{display:flex;align-items:center;gap:6px;font-size:13px;color:#d97706}.finance-top-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:15px;font-weight:600}.finance-top-icon{font-size:16px}.finance-logo-area{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb}.finance-logo-left{display:flex;flex-direction:column;gap:2px}.finance-logo-sub{font-size:11px;color:#6b7280}.finance-logo-main{font-size:24px;font-weight:700;font-style:italic;color:#1f2937;letter-spacing:1px}.finance-logo-right{display:flex;align-items:center;gap:6px}.finance-hancom{font-size:13px;font-weight:700;color:#ef4444;letter-spacing:1px}.finance-hancom-sub{font-size:12px;color:#6b7280}.finance-options{display:flex;flex-direction:column;gap:8px}.finance-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.finance-option-icon-wrap{width:36px;height:36px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.finance-option span:last-child{font-size:14px;color:#1f2937;font-weight:500}.finance-footer{display:flex;justify-content:center;padding:16px 20px;border-top:1px solid #e5e7eb}.finance-btn{padding:10px 40px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease}.finance-service-body{padding:0!important}.finance-service-header{display:flex;justify-content:flex-start;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb;font-size:16px;font-weight:500;color:#1f2937}.finance-service-content{padding:24px 32px}.finance-service-top{display:flex;align-items:flex-start;gap:24px;margin-bottom:30px}.finance-service-logo{display:flex;flex-direction:column;align-items:center;gap:2px}.yeskey-logo{font-size:20px;font-weight:700;color:#1f2937;letter-spacing:1px}.yeskey-sub{font-size:11px;color:#6b7280}.trust-sign{display:flex;align-items:center;gap:2px;margin-top:4px;padding:4px 8px;background:#f3f4f6;border-radius:4px}.trust-sign span:first-child{font-size:10px;font-weight:600;color:#10b981}.trust-sign span:last-child{font-size:10px;color:#6b7280}.finance-service-title{flex:1}.finance-service-title p{margin:0;font-size:18px;color:#1f2937;line-height:1.5}.finance-service-title strong{font-weight:700}.finance-service-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.finance-service-row{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.finance-service-row label{width:100px;padding:14px 16px;background:#f9fafb;font-size:14px;color:#6b7280;border-right:1px solid #e5e7eb;flex-shrink:0}.finance-service-row input{flex:1;padding:14px 16px;border:none;font-size:14px;color:#1f2937;outline:none}.finance-service-row input::placeholder{color:#9ca3af}.finance-service-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;margin-top:4px}.finance-service-checkbox input{width:18px;height:18px;accent-color:#3b82f6}.finance-service-checkbox span{font-size:14px;color:#4b5563}.finance-service-btn-main{width:100%;padding:14px;background:#6b7280;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;margin-bottom:16px;transition:background .2s}.finance-service-btn-main:hover{background:#4b5563}.finance-service-links{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:30px}.finance-service-links button{background:none;border:none;font-size:14px;color:#6b7280;cursor:pointer}.finance-service-links button:hover{color:#3b82f6;text-decoration:underline}.finance-service-links span{color:#d1d5db}.finance-service-footer-links{display:flex;justify-content:center;gap:40px;padding-top:20px;border-top:1px solid #e5e7eb}.finance-service-footer-links button{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:#6b7280;font-size:12px;text-align:center;line-height:1.3}.finance-service-footer-links button span:first-child{font-size:20px}.finance-service-footer-links button:hover{color:#3b82f6}.finance-service-footer{display:flex;justify-content:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.finance-service-btn-close{padding:10px 40px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease}.finance-service-btn-close:hover{background:#f3f4f6}.pass-body{padding:0!important}.pass-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f3f4f6}.pass-logo{font-size:24px;font-weight:700;color:#e91e63;letter-spacing:2px;border:2px solid #e91e63;padding:4px 12px;border-radius:4px}.pass-slogan{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;color:#6b7280;line-height:1.4}.pass-content{padding:24px 32px}.pass-title{margin-bottom:24px}.pass-title p{margin:0;font-size:22px;font-weight:600;color:#1f2937;line-height:1.4}.pass-carrier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.pass-carrier-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:70px}.pass-carrier-btn span{font-size:16px;font-weight:600;color:#1f2937}.pass-carrier-btn.mvno{background:#f3f4f6}.pass-carrier-btn.mvno span{font-size:14px;color:#6b7280}.pass-carrier-btn.mvno span:last-child{font-size:13px}.pass-carrier-btn:hover{border-color:#3b82f6;background:#f0f7ff}.pass-carrier-btn.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 2px #3b82f633}.pass-carrier-btn.selected span{color:#3b82f6}.pass-mvno-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 0}.pass-mvno-link span{font-size:14px;color:#6b7280}.pass-mvno-link button{background:none;border:none;font-size:14px;color:#6b7280;cursor:pointer;text-decoration:underline}.pass-mvno-link button:hover{color:#3b82f6}.pass-footer{padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb}.pass-footer-links{display:flex;justify-content:flex-start;gap:16px;margin-bottom:8px}.pass-footer-links button{background:none;border:none;font-size:12px;color:#6b7280;cursor:pointer}.pass-footer-links button.bold{font-weight:600;color:#374151}.pass-footer-links button:hover{text-decoration:underline}.pass-footer-info{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9ca3af}.pass-nice-logo{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:11px;color:#6b7280}.pass-actions{display:flex;justify-content:center;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.pass-btn-cancel{padding:10px 32px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease}.pass-btn-cancel:hover{background:#f3f4f6}.pass-btn-confirm{padding:10px 32px;background:#3b82f6;border:none;border-radius:6px;font-size:14px;color:#fff;cursor:pointer;transition:all .2s ease}.pass-btn-confirm:hover{background:#2563eb}.step4-container{padding:0;max-width:100%;margin:0 auto}.doc-section{margin-bottom:20px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;margin-left:auto;margin-right:auto}.section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.section-title{margin:0;font-size:16px;font-weight:700;color:#fff}.section-badge{padding:5px 12px;background:#fff3;border-radius:16px;font-size:12px;font-weight:600;color:#fff}.direct-section{border:1px solid #3b82f6}.direct-header{background:linear-gradient(135deg,#3b82f6,#2563eb)}.oneclick-section{border:1px solid #22c55e}.oneclick-header{background:linear-gradient(135deg,#22c55e,#16a34a)}.cert-btn{display:flex;align-items:center;gap:6px;background:#fff;border:none;color:#16a34a;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.cert-btn:hover{background:#f0fdf4}.cert-icon{width:14px;height:14px}.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;background:#f8fafc}.doc-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 18px;transition:all .2s ease}.doc-item:hover{border-color:#94a3b8;box-shadow:0 2px 8px #0000000d}.doc-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.doc-item-label{font-size:14px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.required-badge{display:inline-block;padding:2px 6px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;border-radius:4px}.admin-check-label{font-size:11px;color:#94a3b8;font-weight:500;min-width:80px;text-align:center}.radio-row{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;margin-bottom:10px;padding:8px 10px;background:#f8fafc;border-radius:6px}.radio-row.disabled{opacity:.5;cursor:not-allowed}.doc-item-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.actions-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:0}.actions-right{display:flex;gap:6px;flex-shrink:0}.btn-upload{padding:7px 14px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-upload:hover{background:#e2e8f0;border-color:#94a3b8}.btn-download{padding:7px 14px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-download:hover{opacity:.9}.file-name-area{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.file-name-display{font-size:13px;color:#64748b;word-break:break-all;line-height:1.4;display:inline-flex;align-items:center;gap:6px}.file-name-display a,.file-name-display .file-link{color:#3b82f6;text-decoration:underline;word-break:break-all}.file-delete-btn{background:none;border:none;font-size:12px;color:#646464;cursor:pointer;padding:0;transition:color .2s;margin-left:5px;margin-bottom:2px}.file-delete-btn:hover{color:#dc2626}.btn-status{padding:5px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:5px;color:#94a3b8;font-size:11px;font-weight:500;cursor:default}.btn-status.active{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.btn-status.fix.active{background:#fed7aa;border-color:#fb923c;color:#92400e}.upload-wrap{margin-top:24px;display:flex;justify-content:flex-end}.upload-btn{padding:12px 28px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb59}.empty-state{text-align:center;padding:50px 30px;color:#94a3b8;font-size:14px;background:#f8fafc;border-radius:10px;border:2px dashed #cbd5e1}@media(max-width:1024px){.doc-grid{gap:10px;padding:14px}.doc-item{padding:14px 16px}.doc-item-label{font-size:13px}.doc-item-actions{gap:8px}.btn-upload,.btn-download{padding:6px 12px;font-size:12px}.btn-status{padding:4px 10px;font-size:10px}}@media(max-width:768px){.doc-section{margin-bottom:16px;border-radius:10px}.section-header{padding:12px 16px;flex-direction:column;gap:10px;align-items:flex-start}.section-title{font-size:15px}.section-badge{padding:4px 10px;font-size:11px}.cert-btn{width:100%;justify-content:center;padding:10px 14px}.doc-grid{grid-template-columns:1fr;gap:10px;padding:12px}.doc-item{padding:14px}.doc-item-header{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:10px;padding-bottom:8px}.doc-item-label{font-size:13px}.admin-check-label{font-size:10px}.radio-row{padding:6px 8px;font-size:12px}.doc-item-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.actions-left,.actions-right{display:flex;gap:6px;flex-shrink:0}.btn-upload,.btn-download{padding:8px 14px;font-size:12px}.file-name-area{margin-bottom:8px}.file-name-display{font-size:12px;word-break:break-all;white-space:normal}.btn-status{padding:5px 10px;font-size:11px}.upload-wrap{margin-top:20px}.upload-btn{width:100%;padding:14px 20px;font-size:14px}.empty-state{padding:40px 20px;font-size:13px}}@media(max-width:480px){.doc-section{margin-bottom:12px;border-radius:8px}.section-header{padding:10px 12px;gap:8px}.section-title{font-size:14px}.section-badge{padding:3px 8px;font-size:10px}.cert-btn{padding:8px 12px;font-size:12px}.cert-icon{width:12px;height:12px}.doc-grid{padding:10px;gap:8px}.doc-item{padding:12px;border-radius:8px}.doc-item-header{margin-bottom:8px;padding-bottom:6px}.doc-item-label{font-size:12px}.required-badge{padding:2px 5px;font-size:9px}.admin-check-label{font-size:9px}.radio-row{padding:5px 6px;font-size:11px;margin-bottom:8px}.doc-item-actions{gap:8px}.actions-left{gap:5px}.btn-upload,.btn-download{padding:6px 10px;font-size:11px;border-radius:5px}.file-name-display{font-size:11px}.btn-status{padding:4px 8px;font-size:10px;border-radius:4px}.upload-wrap{margin-top:16px}.upload-btn{padding:12px 16px;font-size:13px;border-radius:8px}.empty-state{padding:30px 16px;font-size:12px;border-radius:8px}}.step4-submitted{padding:20px 0}.submitted-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:48px 32px 36px;text-align:center;box-shadow:0 4px 16px #0000000a}.submitted-icon-wrap{margin-bottom:20px;display:flex;justify-content:center}.submitted-title{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 10px}.submitted-desc{font-size:15px;color:#64748b;line-height:1.6;margin:0 0 32px}.submitted-file-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;max-width:600px;margin:0 auto 28px;overflow:hidden;text-align:left}.submitted-file-header{padding:14px 20px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.submitted-file-count{font-size:14px;font-weight:600;color:#475569}.submitted-file-list{list-style:none;margin:0;padding:0}.submitted-file-item{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #f1f5f9;gap:12px}.submitted-file-item:last-child{border-bottom:none}.submitted-file-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.submitted-file-label{font-size:13px;font-weight:600;color:#334155}.submitted-file-name{font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submitted-file-status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.submitted-file-status.pending{background:#fef3c7;color:#92400e}.submitted-file-status.confirmed{background:#dcfce7;color:#166534}.submitted-file-status.fix{background:#fee2e2;color:#991b1b}.submitted-edit-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 28px;background:#fff;border:2px solid #3b82f6;border-radius:10px;color:#3b82f6;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.submitted-edit-btn:hover{background:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}@media(max-width:768px){.submitted-card{padding:36px 20px 28px;border-radius:12px}.submitted-icon-wrap svg{width:60px;height:60px}.submitted-title{font-size:18px}.submitted-desc{font-size:14px;margin-bottom:24px}.submitted-file-item{padding:10px 16px;flex-direction:column;align-items:flex-start;gap:6px}.submitted-file-status{font-size:11px;padding:3px 8px}.submitted-edit-btn{width:100%;justify-content:center;padding:14px 20px;font-size:14px}}@media(max-width:480px){.submitted-card{padding:28px 16px 24px}.submitted-icon-wrap svg{width:52px;height:52px}.submitted-title{font-size:16px}.submitted-desc{font-size:13px}.submitted-file-header{padding:10px 14px}.submitted-file-count{font-size:13px}.submitted-file-item{padding:10px 14px}.submitted-file-label{font-size:12px}.submitted-file-name{font-size:11px}.submitted-edit-btn{padding:12px 16px;font-size:13px;border-radius:8px}}.guide-link-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none;flex-shrink:0;box-shadow:0 4px 12px #2563eb4d}.guide-link-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.guide-link-btn:active{transform:translateY(0)}.guide-buttons{display:flex;gap:8px;flex-shrink:0;background:#f8fafc;padding:6px;border-radius:8px}.guide-btn{padding:6px 14px;border:1.5px solid transparent;border-radius:6px;font-size:12px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:transparent}.guide-btn:hover{background:#e0e7ff;color:#1e40af;border-color:#3b82f6}.guide-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.substep-container{margin-bottom:16px}.substep-tabs{display:flex;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;border-radius:12px 12px 0 0;overflow:hidden}.substep-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 10px;border:none;background:transparent;cursor:pointer;font-size:15px;color:#64748b;transition:all .3s ease;position:relative;font-weight:500}.substep-tab:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:24px;background:#e5e7eb}.substep-tab:hover{background:#3b82f60d;color:#475569}.substep-tab.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;font-weight:700}.substep-tab.active:before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb)}.substep-tab-icon{font-size:18px}.substep-tab-label{white-space:nowrap}.substep-content{padding:20px;min-height:450px;background:#fafbfc;overflow:visible;animation:substepFadeIn .3s ease-out}.substep-docs-notice{display:flex;align-items:center;justify-content:center;padding:30px 15px;color:#6b7280;font-size:13px}.substep-next-wrapper{margin-top:20px;display:flex;justify-content:flex-end}.substep-next-btn{background:#3b82f6;color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.substep-next-btn:hover:not(.disabled){background:#2563eb;transform:translate(4px)}.substep-next-btn.disabled{background:#94a3b8;cursor:pointer;opacity:.6}.substep-next-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}@media(max-width:1024px){.substep-container{margin-bottom:20px}.substep-tab{padding:clamp(10px,1.5vh,16px) clamp(8px,1.5vw,16px);font-size:clamp(11px,1.5vw,14px);gap:6px}.substep-tab-icon{font-size:clamp(14px,2vw,18px)}.substep-tab-label{font-size:clamp(10px,1.4vw,14px)}.substep-content{padding:clamp(16px,2.5vw,24px);min-height:400px}}@media(max-width:768px){.substep-container{margin-bottom:2vh;border-radius:10px}.substep-tabs{flex-wrap:wrap}.substep-tab{flex:1 1 50%;padding:1.5vh 2vw;flex-direction:column;gap:.5vh;font-size:clamp(10px,3vw,13px)}.substep-tab:not(:last-child):after{display:none}.substep-tab-icon{font-size:clamp(14px,4vw,18px)}.substep-tab-label{font-size:clamp(9px,2.8vw,12px);white-space:nowrap}.substep-content{padding:2vh 3vw;min-height:350px}.substep-docs-notice{padding:3vh 4vw;font-size:clamp(11px,3.2vw,14px)}}@media(max-width:480px){.substep-tab{flex:1 1 50%;padding:1.2vh 1.5vw}.substep-tab-icon{font-size:clamp(12px,3.5vw,16px)}.substep-tab-label{font-size:clamp(8px,2.5vw,11px)}.substep-content{padding:1.5vh 2.5vw;min-height:300px}}@keyframes substepFadeIn{0%{opacity:0}to{opacity:1}}.mypage-layout{width:100%;position:relative;overflow-x:clip;overflow-y:auto;scrollbar-gutter:stable;animation:pageFadeIn .4s ease-out}.mypage-layout:has(.cert-modal-overlay,.info-modal-overlay) .kakao-floating-channel-btn{display:none}.mypage-main{max-width:1400px;margin:0 auto;padding:0 24px}.mypage-top-bar{display:flex;justify-content:flex-end;align-items:center;margin:40px 0 35px;padding:0;animation:fadeInDown .6s ease}.mypage-logo{width:60px;cursor:pointer}.mypage-title{font-size:32px;font-weight:800;color:#0f172a;letter-spacing:-.5px}.mypage-info-btn{padding:12px 24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #2563eb4d}.mypage-info-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.mypage-info-btn:active{transform:translateY(0)}.mypage-content{display:block;animation:fadeInUp .7s ease .2s both}.mypage-steps-card{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:48px 0;border-top:1px solid #e2e8f0}.mypage-steps-card-inner{max-width:1800px;margin:0 auto;padding:0 32px}.mypage-steps-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:20px}.mypage-steps-header-text{flex:1}.mypage-steps-title{font-size:22px;font-weight:700;color:#0f172a;margin-bottom:8px}.mypage-steps-sub{font-size:14px;color:#64748b;line-height:1.5}.mypage-info-btn-header{padding:10px 18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #2563eb4d;white-space:nowrap}.mypage-info-btn-header:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.mypage-info-btn-header:active{transform:translateY(0)}.channel-btn-floating{position:fixed;bottom:40px;right:30px;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#ffe400,#fcd034);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;transition:all .3s ease;z-index:50}.channel-btn-floating:hover{transform:scale(1.1)}.channel-btn-floating:active{transform:scale(.95)}.channel-btn-icon{font-size:28px}.channel-btn-text{font-size:11px;font-weight:600;color:#333}.hr-link-arrow{font-size:16px;display:inline-block;transition:transform .2s ease}.channel-btn:hover .hr-link-arrow{transform:translate(2px,-2px)}.info-modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.info-modal{position:relative;background:#fff;border-radius:20px;padding:40px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0f172a4d;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0}to{opacity:1}}.info-modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#334155;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.info-modal-close:hover{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#0f172a;transform:scale(1.1)}.info-modal-close:active{transform:scale(.95)}@keyframes fadeInDown{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.mypage-layout{overflow-x:clip;overflow-y:auto}.mypage-content{grid-template-columns:1fr;gap:24px}.mypage-title{font-size:clamp(22px,3.5vw,28px)}.mypage-steps-header{flex-direction:column;gap:16px}.mypage-steps-title{font-size:clamp(16px,2.5vw,22px)}.mypage-steps-sub{font-size:clamp(12px,1.6vw,14px)}.channel-btn{width:100%;justify-content:center}.mypage-steps-card{padding:4vh 0}.mypage-steps-card-inner{padding:0 3vw}.mypage-info-btn-header{padding:1.2vh 2.5vw;font-size:clamp(12px,1.6vw,14px)}}@media(max-width:768px){.mypage-main{padding:0 4vw}.mypage-top-bar{margin:3vh 0 2.5vh;flex-direction:column;gap:1.5vh;align-items:stretch}.mypage-logo{width:clamp(40px,12vw,55px)}.mypage-title{font-size:clamp(18px,5vw,24px)}.mypage-info-btn,.mypage-info-btn-header{width:100%;padding:1.5vh 4vw;font-size:clamp(12px,3.2vw,14px)}.mypage-steps-card{padding:3.5vh 0}.mypage-steps-card-inner{padding:0 4vw}.mypage-steps-title{font-size:clamp(14px,4.5vw,20px)}.mypage-steps-sub{font-size:clamp(11px,3.2vw,14px)}.channel-btn-floating{width:clamp(50px,14vw,65px);height:clamp(50px,14vw,65px);bottom:3vh;right:4vw}.channel-btn-icon{font-size:clamp(20px,6vw,26px)}.channel-btn-text{font-size:clamp(8px,2.2vw,10px)}.info-modal{padding:3.5vh 4vw;width:95%;max-height:85vh}}@media(max-width:480px){.mypage-main{padding:0 3vw}.mypage-top-bar{margin:2.5vh 0 2vh}.mypage-logo{width:clamp(38px,11vw,48px)}.mypage-title{font-size:clamp(16px,5vw,22px)}.mypage-steps-card{padding:3vh 0}.mypage-steps-card-inner{padding:0 3vw}.mypage-steps-title{font-size:clamp(13px,4.2vw,18px)}.mypage-steps-sub{font-size:clamp(10px,3vw,13px)}.mypage-info-btn,.mypage-info-btn-header{padding:1.3vh 3.5vw;font-size:clamp(11px,3vw,13px)}.channel-btn-floating{width:clamp(46px,13vw,58px);height:clamp(46px,13vw,58px);bottom:2.5vh;right:3vw}.channel-btn-icon{font-size:clamp(18px,5.5vw,24px)}.channel-btn-text{font-size:clamp(7px,2vw,9px)}.info-modal{padding:3vh 4vw;border-radius:16px}.info-modal-close{width:44px;height:44px;min-width:44px;min-height:44px;font-size:clamp(18px,5vw,22px);top:12px;right:12px;z-index:10}}.mobile-only{display:none!important}.desktop-only{display:block}.dash-root{display:grid;width:100%;min-height:100vh;padding:32px 40px 40px;box-sizing:border-box;background:#f5f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#111827;animation:pageFadeIn .4s ease-out}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.dash-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:flex-start}.dash-main{display:flex;flex-direction:column;gap:18px;margin-left:20px}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dash-header-left{display:flex;align-items:center;gap:16px}.dash-logo-text{font-size:15px;font-weight:900;color:#0060ae;margin-bottom:17px}.dash-title{margin:0;font-size:24px;font-weight:700}.dash-subtitle{margin:4px 0 0;font-size:13px;color:#6b7280}.dash-header-right{display:flex;align-items:center}.dash-badge-logo{width:60px;height:70px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dash-header-logo{width:50px;height:55px;object-fit:contain}.dash-divider{height:1px;background:linear-gradient(to right,#94a3b84d,#d1d5dbcc,#94a3b84d);margin-bottom:20px}.dash-row{max-width:none;width:100%;margin-bottom:18px;animation:cardFadeIn .5s ease forwards}.dash-row-top{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:18px}@keyframes cardFadeIn{0%{opacity:0}to{opacity:1}}.dash-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:18px;border:1px solid rgba(229,231,235,.7);box-shadow:0 15px 40px #0f172a14,0 0 1px #0f172a0d,inset 0 1px #fffc;padding:20px 22px;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1)}.dash-card-total{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}.dash-card-label{font-size:14px;font-weight:700;color:#111827}.dash-section-title{font-size:15px;font-weight:700;color:#111827}.dash-table-title{font-size:15px;font-weight:700;color:#111827;margin:0}.dash-card-main{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.dash-card-number{font-size:40px;font-weight:800;color:#2563eb}.dash-card-unit{font-size:18px;font-weight:600;color:#6b7280}.dash-card-desc{font-size:12px;color:#9ca3af}.dash-card-chart{flex:2;background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000a;animation:cardFadeIn .4s ease .05s both}.dash-card-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dash-card-chart-body{display:flex;gap:40px;align-items:stretch}.dash-chart-column{flex:1;display:flex;flex-direction:column;gap:24px}.dash-chart-column:last-child{gap:0}.dash-chart-column:last-child .dash-chart-group{flex:1;display:flex;flex-direction:column}.dash-chart-column:last-child .dash-chart-bars{flex:1;display:flex;flex-direction:column;justify-content:space-between}.dash-chart-group{flex:1}.dash-chart-group-title{font-size:14px;font-weight:600;color:#6366f1;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e0e7ff}.dash-chart-bars{display:flex;flex-direction:column;gap:12px}.dash-chart-group:last-child .dash-chart-bars{gap:12px}.dash-chart-bar-item{display:flex;align-items:center;gap:12px}.dash-chart-bar-label{flex:0 0 80px;font-size:13px;font-weight:500;color:#475569}.dash-chart-bar{flex:1;height:15px;border-radius:6px;background:#e2e8f0;position:relative;overflow:hidden}.dash-chart-bar-fill{height:100%;width:var(--bar-width, 0%);border-radius:12px;transition:width .3s ease}.bar-APPLY_SUBMIT .dash-chart-bar-fill{background:linear-gradient(90deg,#2563eb,#3b82f6)}.bar-BOOTCAMP_EVAL .dash-chart-bar-fill{background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.bar-BOOTCAMP_COMPLETE .dash-chart-bar-fill{background:linear-gradient(90deg,#059669,#10b981)}.bar-ASSOC_REMOVE .dash-chart-bar-fill{background:linear-gradient(90deg,#dc2626,#ef4444)}.bar-ASSIGN_WRITE .dash-chart-bar-fill{background:linear-gradient(90deg,#0891b2,#06b6d4)}.bar-ASSIGN_REQUEST .dash-chart-bar-fill{background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.bar-ASSIGN_DONE .dash-chart-bar-fill{background:linear-gradient(90deg,#059669,#10b981)}.bar-ASSOC_REGISTER .dash-chart-bar-fill{background:linear-gradient(90deg,#4f46e5,#6366f1)}.bar-CODE_ISSUE .dash-chart-bar-fill{background:linear-gradient(90deg,#ca8a04,#eab308)}.bar-SUPPLEMENT .dash-chart-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.bar-FAILED .dash-chart-bar-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.bar-DISMISSED .dash-chart-bar-fill{background:linear-gradient(90deg,#64748b,#94a3b8)}.dash-chart-bar-value{flex:0 0 100px;text-align:right;font-size:14px;font-weight:600;color:#1e293b}.dash-chart-bar-percent{font-size:12px;font-weight:400;color:#94a3b8;margin-left:4px}.dash-chip{padding:6px 12px;font-size:12px;font-weight:500;color:#6366f1;background:#e0e7ff;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease}.dash-chip:hover{background:#c7d2fe}.dash-card-container{display:flex;gap:24px;width:100%}.dash-card-section{flex:1;background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000a;animation:cardFadeIn .4s ease forwards}.dash-section-title-wrap{display:flex;align-items:center;gap:8px}.dash-section-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.dash-section-title{font-size:15px;font-weight:600;color:#1e293b;letter-spacing:-.3px}.dash-mz-row{display:flex;gap:24px;width:100%;animation:cardFadeIn .4s ease .1s both}.dash-mz-row .dash-card-group{display:flex;flex-direction:column;gap:12px}.dash-mz-row .dash-card-group.mz-group{flex:3}.dash-mz-row .dash-card-group.etc-group{flex:2}.dash-mz-row .dash-stat-card-row{display:flex;gap:12px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a}.dash-stat-card-row{display:flex;gap:12px;flex-wrap:wrap}.dash-stat-card{flex:1;min-width:140px;padding:20px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dash-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:1}.dash-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.dash-stat-label{font-size:13px;font-weight:700;color:#64748b;margin-bottom:12px;letter-spacing:-.2px}.dash-stat-value{display:flex;align-items:baseline;justify-content:space-between;font-size:28px;font-weight:700;color:#1e293b;letter-spacing:-.5px}.dash-stat-value span{font-size:15px;font-weight:500;color:#94a3b8}:root{--color-apply-submit: #2563eb;--color-bootcamp-eval: #7c3aed;--color-bootcamp-complete: #059669;--color-supplement: #f59e0b;--color-failed: #ef4444;--color-dismissed: #64748b;--color-assign-write: #0891b2;--color-assoc-remove: #dc2626;--color-assign-request: #8b5cf6;--color-assign-done: #10b981;--color-assoc-register: #3b82f6;--color-code-issue: #eab308}.mz-card.mz-APPLY_SUBMIT:before{background:var(--color-apply-submit)}.mz-card.mz-BOOTCAMP_EVAL:before{background:var(--color-bootcamp-eval)}.mz-card.mz-BOOTCAMP_COMPLETE:before{background:var(--color-bootcamp-complete)}.supplement-card:before{background:var(--color-supplement)}.failed-card:before{background:var(--color-failed)}.dismissed-card:before{background:var(--color-dismissed)}.contract-card.contract-ASSIGN_WRITE:before{background:var(--color-assign-write)}.contract-card.contract-ASSOC_REMOVE:before{background:var(--color-assoc-remove)}.contract-card.contract-ASSIGN_REQUEST:before{background:var(--color-assign-request)}.contract-card.contract-ASSIGN_DONE:before{background:var(--color-assign-done)}.contract-card.contract-ASSOC_REGISTER:before{background:var(--color-assoc-register)}.contract-card.contract-CODE_ISSUE:before{background:var(--color-code-issue)}.dash-row-section{animation:cardFadeIn .4s ease .15s both}.dash-row-section>.dash-section-title-wrap{margin-bottom:16px}.dash-row-section>.dash-stat-card-row{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a}.dash-branch-filter{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:18px;border:1px solid rgba(229,231,235,.7);box-shadow:0 15px 40px #0f172a14,inset 0 1px #fffc;padding:30px 20px;display:flex;flex-direction:column;gap:67px;align-items:stretch;text-align:center;height:97%;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1);animation:cardFadeIn .4s ease forwards}.dash-branch-title{font-size:18px;font-weight:700;color:#111827}.dash-branch-select-wrap{margin-top:8px}.dash-branch-select{width:100%;padding:10px;border-radius:8px;border:1px solid #d1d5db;background-color:#fff;font-size:14px;color:#111827;outline:none;cursor:pointer;text-align:center;box-shadow:0 2px 6px #0f172a0f;transition:border-color .2s ease,box-shadow .2s ease,transform .1s ease}.dash-branch-select:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb40}.dash-branch-select:hover{border-color:#9ca3af;transform:translateY(-1px)}.dash-branch-current{margin-top:auto;padding-top:16px;border-top:1px dashed #e5e7eb}.dash-branch-current-title{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:40px}.dash-branch-current-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.dash-branch-current-list li{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b7280}.dash-branch-current-list li strong{font-weight:600;color:#111827}.dash-row-bottom{grid-column:1 / -1!important;width:100%;animation:cardFadeIn .4s ease .2s both}.dash-table-card{width:100%;max-width:none;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;border:1px solid rgba(229,231,235,.7);box-shadow:0 12px 35px #0f172a12,inset 0 1px #fffc;padding:18px 18px 16px;display:flex;flex-direction:column;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dash-table-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:15px}.dash-header-left{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}.dash-header-main-filter,.dash-header-sub-filter{display:flex;flex-direction:row;align-items:center;gap:15px}.dash-sidebar-filter-group{padding:12px 14px;border-radius:8px;display:flex;flex-direction:column;gap:10px}.dash-sidebar-filter-row{display:flex;gap:10px;align-items:center}.dash-filter-label{margin-bottom:0;font-size:13px;color:#374151;white-space:nowrap}.dash-select-filter{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:6px 28px 6px 10px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:13px;color:#374151;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg fill='%23666' height='14' viewBox='0 0 20 20' width='14' xmlns='http://www.w3.org/2000/svg'><polygon points='0,0 20,0 10,12'/></svg>");background-repeat:no-repeat;background-position:right 8px center}.dash-select-filter:hover{border-color:#3b82f6}.dash-select-filter:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb40}.dash-credit-btn{width:100%;padding:12px 16px;margin:16px 0;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.dash-credit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.dash-table-search{min-width:220px;padding:7px 10px;border-radius:999px;border:1px solid #e5e7eb;font-size:13px}.dash-table-search:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 2px #bfdbfe80}.dash-table-wrapper{width:100%;overflow-x:auto}.dash-table{width:max-content;min-width:100%;table-layout:auto;border-collapse:collapse;font-size:12px}.dash-table thead{background:#f9fafb}.dash-table-row:hover{background-color:#eff5fc}.dash-table th,.dash-table td{padding:8px 10px;border-bottom:1px solid #e5e7eb;overflow:visible;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dash-table th{font-weight:600;color:#4b5563}.dash-table tbody tr:nth-child(2n){background:#fafafa}.dash-table tbody tr.selected{background:#eff6ff}.dash-table tbody tr.selected td{border-bottom-color:#bfdbfe}.dash-row-steps{margin-top:8px}.dash-steps-title{font-size:16px;font-weight:600;margin:0 0 10px;color:#111827}.dash-steps-sub{font-size:13px;font-weight:400;color:#6b7280}.dash-gisu-setting{margin-top:20px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.dash-gisu-title{font-size:14px;font-weight:600;margin-bottom:8px}.dash-gisu-input{flex:1;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px}.dash-gisu-save-btn{padding:6px 14px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:6px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f633}.dash-gisu-save-btn:hover{box-shadow:0 6px 16px #3b82f659;transform:translateY(-2px)}.dash-gisu-desc{font-size:12px;color:#64748b;margin-top:4px}.dash-branch-btn-group{display:flex;flex-direction:column;align-items:center;gap:10px}.dash-branch-summary{margin-top:50px;padding:14px 10px;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb;text-align:center}.dash-branch-summary-title{font-size:13px;font-weight:600;color:#111827;margin-bottom:20px}.dash-branch-summary-main{font-size:28px;font-weight:800;color:#2563eb;margin:0 0 20px}.dash-branch-summary-main span{font-size:14px;font-weight:600;margin-left:2px;color:#4b5563}.dash-branch-summary-sub{font-size:11px;color:#9ca3af;line-height:1.4;margin-bottom:10px}.dash-branch-summary-mini{display:flex;justify-content:space-between;font-size:11px;margin-top:2px}.dash-branch-summary-mini span{color:#6b7280}.dash-branch-summary-mini strong{color:#111827}.dash-branch-status{margin-top:20px;padding:24px 20px;border-radius:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;text-align:center;box-shadow:0 2px 8px #0000000a}.dash-branch-status-label{font-size:14px;font-weight:700;color:#374151;margin-bottom:16px}.dash-branch-status-main{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:16px}.dash-branch-status-number{font-size:48px;font-weight:800;color:#2563eb;line-height:1}.dash-branch-status-unit{font-size:20px;font-weight:600;color:#6b7280}.dash-branch-status-desc{font-size:12px;color:#9ca3af;line-height:1.5;margin:0}.dash-branch-status-filter{margin-top:14px}.dash-branch-status-title{font-size:13px;font-weight:600;color:#111827;margin-bottom:6px;text-align:left}.dash-status-chip-wrap{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.dash-status-chip{padding:7px 13px;border-radius:999px;border:1px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#f3f4f6);font-size:11px;color:#4b5563;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.dash-status-chip:hover{border-color:#93c5fd;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;transform:scale(1.05)}.dash-status-chip.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#1d4ed8;color:#fff;box-shadow:0 4px 12px #3b82f64d}.dash-branch-legend{margin-top:16px;padding-top:10px;border-top:1px dashed #e5e7eb}.dash-branch-legend .legend-title{font-size:11px;font-weight:600;color:#6b7280;margin-bottom:6px;text-align:left}.dash-branch-legend ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}.dash-branch-legend li{font-size:11px;color:#6b7280;display:flex;align-items:center;gap:4px}.legend-dot{width:8px;height:8px;border-radius:999px}.legend-apply{background:linear-gradient(90deg,#60a5fa,#2563eb)}.legend-training{background:linear-gradient(90deg,#a5b4fc,#6366f1)}.legend-pending{background:linear-gradient(90deg,#fed7aa,#f59e0b)}.legend-done{background:linear-gradient(90deg,#bbf7d0,#22c55e)}.legend-fail{background:linear-gradient(90deg,#fecaca,#ef4444)}.dash-table-empty{text-align:center;padding:20px 0;color:#9ca3af}.dash-status-pill.dash-status-fail,.dash-status-pill.dash-status-dismissed{color:#b91c1c}.dash-name-cell{display:inline-flex;align-items:center;justify-content:center;position:relative;white-space:nowrap}.dash-new-badge{position:absolute;left:100%;margin-left:6px;display:inline-flex;align-items:center;padding:1px 7px;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:9999px;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:18px;letter-spacing:.3px;transition:all .15s ease;box-shadow:0 1px 3px #2563eb4d}.dash-new-badge:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 1px 3px #dc26264d;transform:scale(1.05)}.dash-new-badge-off{position:absolute;left:100%;margin-left:6px;display:inline-flex;visibility:hidden;opacity:0;align-items:center;padding:1px 6px;font-size:10px;font-weight:500;color:#9ca3af;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:9999px;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:16px;transition:all .15s ease}.dash-table-row:hover .dash-new-badge-off{visibility:visible;opacity:1}.dash-new-badge-off:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.dash-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:16px 0}.dash-pagination button{padding:8px 14px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;transition:all .2s}.dash-pagination button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.dash-pagination button:disabled{opacity:.5;cursor:default}.dash-editable-cell{cursor:pointer;position:relative}.dash-editable-value{display:flex;align-items:center;gap:4px}.dash-edit-icon{font-size:11px;color:#94a3b8;opacity:0;transition:opacity .15s}.dash-editable-cell:hover .dash-edit-icon{opacity:1}.dash-cell-input{width:auto!important;min-width:60px;max-width:80px;padding:2px 4px;border:1px solid #2563eb;border-radius:3px;font-size:12px;outline:none;box-shadow:none}.dash-gisu-edit{display:flex;align-items:center;gap:2px;font-size:13px;white-space:nowrap}.dash-gisu-input{width:10px!important;text-align:center;-moz-appearance:textfield}.dash-gisu-input::-webkit-inner-spin-button,.dash-gisu-input::-webkit-outer-spin-button{-webkit-appearance:none}.dash-row-edit-btn{padding:3px 8px!important;font-size:12px!important;border:1px solid #2563eb;border-radius:6px;background:#fff;color:#2563eb;cursor:pointer}.dash-row-edit-btn:hover{background:#eff6ff}.dash-row-edit-actions{display:flex;gap:4px}.dash-row-save-btn{padding:3px 8px!important;font-size:12px!important;border:none;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer}.dash-row-cancel-btn{padding:3px 8px!important;font-size:12px!important;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer}.dash-career-toggle{display:inline-flex;align-items:center;gap:3px;margin-left:6px;margin-top:7px;font-size:12px;color:#374151;cursor:pointer;white-space:nowrap}.dash-career-toggle input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#2563eb}.dash-excel-wrap{position:relative}.dash-excel-btn{padding:7px 14px;border:1px solid #059669;border-radius:8px;background:#fff;color:#059669;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.dash-excel-btn:hover{background:#ecfdf5}.dash-excel-btn:disabled{opacity:.5;cursor:not-allowed}.dash-excel-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10;overflow:hidden;min-width:200px}.dash-excel-dropdown button{display:block;width:100%;padding:10px 14px;border:none;background:#fff;font-size:13px;color:#374151;cursor:pointer;text-align:left}.dash-excel-dropdown button:hover{background:#f3f4f6}.dash-excel-dropdown button+button{border-top:1px solid #f3f4f6}@media(max-width:1024px){.dash-root{padding:24px 16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}.dash-root>*{width:100%!important;max-width:680px!important;margin-left:auto!important;margin-right:auto!important}.dash-header{width:100%!important;max-width:680px!important;flex-wrap:wrap;gap:12px;margin-bottom:18px!important}.dash-divider{width:100%!important;max-width:680px!important}.dash-layout{display:flex!important;flex-direction:column!important;width:100%!important;max-width:680px!important;margin:0 auto!important;gap:16px!important}.dash-layout>*{width:100%!important;max-width:680px!important}.dash-main{margin-left:0!important;width:100%!important;max-width:680px!important}.dash-main>*{width:100%!important;max-width:680px!important}.dash-row,.dash-row-top,.dash-row-section{width:100%!important;max-width:680px!important;grid-template-columns:1fr!important}.dash-card-chart-body{flex-direction:column}.dash-title{font-size:20px}.dash-subtitle{font-size:12px}.dash-branch-filter{padding:20px!important;border-radius:12px;width:100%!important;max-width:680px!important;box-sizing:border-box!important}.dash-branch-filter-title,.dash-branch-title{font-size:15px;text-align:center}.dash-branch-select{font-size:13px;padding:10px 14px;width:100%}.dash-branch-summary{margin-top:20px;padding:20px}.dash-branch-summary-title{font-size:13px;margin-bottom:12px}.dash-branch-summary-main{font-size:28px;margin-bottom:12px}.dash-branch-status{margin-top:16px;padding:20px 16px}.dash-branch-status-label{font-size:13px}.dash-branch-status-number{font-size:36px}.dash-branch-status-unit{font-size:16px}.dash-status-chip-wrap{gap:8px;justify-content:center;flex-wrap:wrap}.dash-status-chip{padding:6px 12px;font-size:11px;flex-shrink:0}.dash-credit-btn{padding:14px 20px;font-size:14px;width:100%}.dash-card,.dash-card-chart{padding:20px!important;width:100%!important;max-width:680px!important;box-sizing:border-box!important}.dash-card-chart-title,.dash-card-label{font-size:14px}.dash-branch-legend ul{grid-template-columns:repeat(2,1fr);gap:6px 12px}.dash-branch-legend li{font-size:11px}.dash-mz-row{flex-direction:column!important;gap:16px!important;width:100%!important;max-width:680px!important}.dash-card-group{width:100%!important;max-width:680px!important}.dash-stat-card-row{grid-template-columns:repeat(3,1fr)!important;gap:10px;width:100%!important}.dash-stat-card{padding:14px 10px}.dash-stat-label{font-size:11px}.dash-stat-value{font-size:20px}.dash-table-card{padding:16px!important;width:100%!important;max-width:680px!important;box-sizing:border-box!important;overflow:hidden!important}.dash-table-header{flex-wrap:wrap;gap:12px}.dash-table-search{width:100%!important;max-width:none!important}.dash-header-main-filter,.dash-header-sub-filter,.dash-select-filter{width:100%!important}.dash-table-wrapper{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.dash-table{min-width:600px!important;width:max-content!important}.dash-table th,.dash-table td{padding:10px 12px!important;font-size:12px!important;white-space:nowrap!important}.dash-pagination{width:100%!important;justify-content:center!important}}@media(max-width:768px){.mobile-only{display:block!important}.desktop-only{display:none!important}.dash-root{display:block!important;padding:16px!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important;background:#fff!important}.dash-root *,.dash-root *:before,.dash-root *:after{box-sizing:border-box!important;max-width:100%!important}.dash-header{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;margin-bottom:16px!important;padding-bottom:12px!important;border-bottom:1px solid #e5e7eb!important;width:100%!important}.dash-header-left{display:flex!important;align-items:center!important;gap:12px!important;flex:1!important;min-width:0!important;overflow:hidden!important}.dash-header-logo{width:44px!important;height:48px!important;flex-shrink:0!important}.dash-header-left>div{min-width:0!important;overflow:hidden!important}.dash-title{font-size:18px!important;margin:0!important}.dash-subtitle{font-size:12px!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dash-divider{display:none!important}.dash-layout{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;grid-template-columns:none!important;background:#fff!important}.dash-branch-filter{width:100%!important;max-width:100%!important;height:auto!important;padding:16px!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;gap:12px!important;order:-1!important;background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:none!important}.dash-branch-title{font-size:15px!important;margin-bottom:0!important}.dash-branch-select-wrap{width:100%!important;margin-top:0!important}.dash-branch-select{width:100%!important;padding:14px 36px 14px 16px!important;font-size:15px!important;border-radius:10px!important;background-position:right 14px center!important}.dash-branch-status{margin-top:12px!important;padding:20px 16px!important;border-radius:12px!important;text-align:center!important;width:100%!important;background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:none!important}.dash-branch-status-label{font-size:14px!important;margin-bottom:12px!important}.dash-branch-status-main{margin-bottom:12px!important}.dash-branch-status-number{font-size:42px!important}.dash-branch-status-unit{font-size:18px!important}.dash-branch-status-desc{font-size:11px!important}.dash-branch-summary{display:none!important}.dash-branch-filter .dash-header-right,.dash-header-right{width:100%!important}.dash-status-chip-wrap{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;overflow-x:auto!important;padding-bottom:8px!important;-webkit-overflow-scrolling:touch!important}.dash-status-chip{padding:8px 14px!important;font-size:13px!important;border-radius:16px!important;flex-shrink:0!important;white-space:nowrap!important}.dash-credit-btn{width:100%!important;padding:14px!important;font-size:15px!important}.dash-main{display:flex!important;flex-direction:column!important;gap:16px!important;margin-left:0!important;width:100%!important;background:#fff!important}.dash-row,.dash-row-top{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;background:#fff!important}.dash-card,.dash-card-total{width:100%!important;max-width:100%!important;padding:24px 20px!important;border-radius:12px!important;text-align:center!important;background:#fff!important;box-shadow:none!important;border:1px solid #e5e7eb!important}.dash-card-label{font-size:15px!important;margin-bottom:12px!important}.dash-card-main{justify-content:center!important}.dash-card-number{font-size:48px!important}.dash-card-unit{font-size:20px!important}.dash-card-desc{font-size:12px!important;margin-top:12px!important}.dash-card-chart{width:100%!important;max-width:100%!important;padding:16px!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;border:1px solid #e5e7eb!important}.dash-card-chart-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;margin-bottom:16px!important}.dash-card-chart-header .dash-card-label{margin-bottom:0!important;font-size:14px!important}.dash-chip{padding:6px 12px!important;font-size:12px!important}.dash-card-chart-body{display:flex!important;flex-direction:column!important;gap:20px!important;width:100%!important}.dash-chart-column,.dash-bar-group{width:100%!important}.dash-bar-group-title{font-size:14px!important;margin-bottom:12px!important;color:#2563eb!important}.dash-bar-row{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:10px!important;width:100%!important}.dash-bar-label{font-size:12px!important;width:55px!important;min-width:55px!important;max-width:55px!important;flex-shrink:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dash-chart-bar{flex:1!important;height:8px!important;min-width:0!important}.dash-bar-value{font-size:11px!important;width:70px!important;min-width:70px!important;max-width:70px!important;text-align:right!important;flex-shrink:0!important;white-space:nowrap!important}.dash-row-section{margin-top:8px!important;width:100%!important;background:#fff!important}.dash-mz-row{display:flex!important;flex-direction:row!important;gap:12px!important;width:100%!important;background:#fff!important}.dash-card-group{flex:1!important;min-width:0!important;background:#fff!important}.dash-card-group.mz-group,.dash-card-group.etc-group{flex:1!important;width:50%!important}.dash-section-title-wrap{display:flex!important;align-items:center!important;gap:6px!important;margin-bottom:8px!important}.dash-section-dot{width:6px!important;height:6px!important;flex-shrink:0!important}.dash-section-title{font-size:11px!important;white-space:nowrap!important}.dash-mz-row .dash-stat-card-row{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;padding:0!important;background:#fff!important;border-radius:0!important;box-shadow:none!important}.dash-stat-card{flex:none!important;width:100%!important;min-width:0!important;padding:10px 8px!important;border-radius:10px!important;text-align:center!important;background:#fff!important;border:1px solid #e5e7eb!important}.dash-stat-label{font-size:10px!important;margin-bottom:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dash-stat-value{font-size:16px!important;flex-direction:row!important;justify-content:center!important;align-items:baseline!important;gap:4px!important}.dash-stat-value span{font-size:9px!important;display:inline!important;margin-top:0!important}.dash-row-section:last-of-type .dash-stat-card-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:4px!important;background:#fff!important}.dash-row-section:last-of-type .dash-stat-card{width:100%!important;min-width:0!important;padding:12px 8px!important}.dash-row-section:last-of-type .dash-stat-value{font-size:18px!important}.dash-row-bottom{width:100%!important}.dash-table-card{width:100%!important;max-width:100%!important;padding:16px!important;border-radius:12px!important}.dash-table-header{display:flex!important;flex-direction:column!important;gap:12px!important;margin-bottom:16px!important;width:100%!important}.dash-table-header .dash-header-left{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important}.dash-table-search{width:100%!important;padding:14px 16px!important;font-size:15px!important;border-radius:10px!important}.dash-header-main-filter,.dash-header-sub-filter{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important}.dash-filter-label{font-size:14px!important;font-weight:500!important;white-space:nowrap!important;flex-shrink:0!important;min-width:70px!important}.dash-select-filter{flex:1!important;padding:12px 32px 12px 14px!important;font-size:14px!important;min-width:0!important;border-radius:10px!important;background-position:right 12px center!important}.dash-table-header .dash-header-right,.dash-table-header .dash-header-right .dash-header-main-filter{width:100%!important}.dash-table-wrapper{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.dash-table{min-width:600px!important;font-size:13px!important}.dash-table th,.dash-table td{padding:10px 8px!important;font-size:12px!important}.dash-cell-input{width:100%!important;padding:6px 8px!important;font-size:13px!important;border-radius:6px!important}.dash-gisu-edit{font-size:12px!important;gap:2px!important}.dash-gisu-input{width:32px!important;padding:4px 2px!important;font-size:12px!important}.dash-row-edit-btn{padding:4px 8px!important;font-size:11px!important;white-space:nowrap!important}.dash-row-edit-actions{flex-direction:row!important;gap:3px!important}.dash-row-save-btn,.dash-row-cancel-btn{padding:4px 6px!important;font-size:11px!important;white-space:nowrap!important}.dash-excel-wrap{width:100%!important}.dash-excel-btn{width:100%!important;padding:12px!important;font-size:14px!important}.dash-excel-dropdown{left:0!important;right:0!important;min-width:auto!important}}@media(max-width:480px){.dash-root{display:block!important;padding:12px!important}.dash-header-logo{width:38px!important;height:42px!important}.dash-title{font-size:16px!important}.dash-subtitle{font-size:11px!important}.dash-branch-filter{padding:14px!important;gap:10px!important}.dash-branch-select{padding:10px 12px!important;font-size:13px!important}.dash-branch-summary{padding:12px 14px!important}.dash-branch-summary-main{font-size:22px!important}.dash-status-chip{padding:6px 12px!important;font-size:12px!important}.dash-card-total{padding:20px 16px!important}.dash-card-number{font-size:42px!important}.dash-card-chart{padding:14px!important}.dash-bar-label{font-size:11px!important;width:50px!important;min-width:50px!important;max-width:50px!important}.dash-bar-value{font-size:10px!important;width:65px!important;min-width:65px!important;max-width:65px!important}.dash-stat-card{padding:12px 6px!important}.dash-stat-label{font-size:10px!important}.dash-stat-value{font-size:18px!important}.dash-stat-value span{font-size:9px!important}.dash-row-edit-btn{padding:3px 6px!important;font-size:10px!important}.dash-row-save-btn,.dash-row-cancel-btn{padding:3px 5px!important;font-size:10px!important}.dash-gisu-input{width:28px!important;font-size:11px!important}}@media(max-width:360px){.dash-root{display:block!important;padding:10px!important}.dash-header-logo{width:34px!important;height:38px!important}.dash-title{font-size:14px!important}.dash-subtitle{display:none!important}.dash-branch-summary-main{font-size:20px!important}.dash-card-number{font-size:36px!important}.dash-bar-label{width:45px!important;min-width:45px!important;max-width:45px!important;font-size:10px!important}.dash-bar-value{width:55px!important;min-width:55px!important;max-width:55px!important;font-size:9px!important}.dash-stat-card-row{grid-template-columns:repeat(2,1fr)!important}.dash-stat-value{font-size:16px!important}.dash-row-section:last-of-type .dash-stat-card-row{grid-template-columns:1fr!important}}@media(max-height:600px)and (orientation:landscape){.mobile-only{display:block!important}.desktop-only{display:none!important}.dash-root{display:block!important;padding:12px!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important;background:#fff!important}.dash-layout{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;grid-template-columns:none!important;background:#fff!important}.dash-branch-filter{width:100%!important;max-width:100%!important;height:auto!important;padding:12px!important;border-radius:10px!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important;order:-1!important;background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:none!important}.dash-branch-title{font-size:14px!important;margin-bottom:0!important}.dash-branch-select-wrap{width:auto!important;min-width:150px!important;margin-top:0!important}.dash-branch-status{margin-top:0!important;padding:12px 16px!important;background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:none!important}.dash-branch-status-number{font-size:32px!important}.dash-credit-btn{padding:10px 20px!important;font-size:13px!important}.dash-status-chip-wrap{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.dash-status-chip{padding:5px 10px!important;font-size:10px!important}.dash-main{display:flex!important;flex-direction:column!important;gap:12px!important;margin-left:0!important;width:100%!important;background:#fff!important}.dash-row,.dash-row-top{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;background:#fff!important}.dash-card,.dash-card-total,.dash-card-chart{width:100%!important;padding:12px!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;border:1px solid #e5e7eb!important}.dash-card-number{font-size:36px!important}.dash-row-section{margin-top:8px!important;width:100%!important;background:#fff!important}.dash-mz-row{display:flex!important;flex-direction:row!important;gap:12px!important;width:100%!important;background:#fff!important}.dash-card-group{flex:1!important;min-width:0!important;background:#fff!important}.dash-card-group.mz-group,.dash-card-group.etc-group{flex:1!important;width:50%!important}.dash-section-title-wrap{margin-bottom:8px!important}.dash-section-title{font-size:12px!important}.dash-section-dot{width:6px!important;height:6px!important}.dash-mz-row .dash-stat-card-row{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;padding:0!important;background:#fff!important;border-radius:0!important;box-shadow:none!important}.dash-stat-card{flex:none!important;width:100%!important;min-width:0!important;padding:8px 6px!important;border-radius:8px!important;text-align:center!important;background:#fff!important;border:1px solid #e5e7eb!important}.dash-stat-label{font-size:9px!important;margin-bottom:2px!important}.dash-stat-value{font-size:14px!important;flex-direction:row!important;justify-content:center!important;align-items:baseline!important;gap:3px!important}.dash-stat-value span{font-size:8px!important;display:inline!important}.dash-row-section:last-of-type .dash-stat-card-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding:0!important;background:#fff!important}.dash-row-section:last-of-type .dash-stat-card{width:100%!important;min-width:0!important;padding:8px 6px!important}.dash-row-section:last-of-type .dash-stat-value{font-size:14px!important}}.dash-steps-expand-row{animation:expandRowFadeIn .3s ease forwards}.dash-steps-expand-row.closing{animation:expandRowFadeOut .25s ease forwards}.dash-steps-expand-row td{padding:0!important;background:#f8fafc}@keyframes expandRowFadeIn{0%{opacity:0}to{opacity:1}}@keyframes expandRowFadeOut{0%{opacity:1}to{opacity:0}}.admin-steps-root{width:100%;color:#1f2937;box-sizing:border-box;animation:panelFadeIn .4s ease forwards}.dash-steps-expand-row.closing .admin-steps-root{animation:panelFadeOut .25s ease forwards}@keyframes panelFadeIn{0%{opacity:0}to{opacity:1}}@keyframes panelFadeOut{0%{opacity:1}to{opacity:0}}.user-steps-header{position:relative;display:flex;gap:10px;padding:10px;margin-bottom:20px}.user-steps-header-left{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.user-steps-header-left h3{font-size:20px}.user-editable-row{display:flex;align-items:center;gap:16px;margin-top:6px;font-size:13px;color:#555;flex-wrap:wrap}.user-editable-item{white-space:nowrap}.user-inline-edit-btn{padding:2px 10px;border:1px solid #2563eb;border-radius:6px;background:#fff;color:#2563eb;font-size:12px;cursor:pointer}.user-inline-edit-btn:hover{background:#eff6ff}.user-editable-row.editing{gap:12px;align-items:flex-end}.user-edit-field{display:flex;flex-direction:column;font-size:12px;color:#666;gap:4px}.user-edit-field input{padding:4px 8px;border:1px solid #2563eb;border-radius:6px;font-size:13px;width:100px;outline:none}.user-edit-field input:focus{box-shadow:0 0 0 2px #2563eb33}.user-edit-field input[type=number]{width:60px}.user-edit-actions{display:flex;gap:6px}.user-edit-cancel{padding:4px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#6b7280;font-size:12px;cursor:pointer}.user-edit-save{padding:4px 12px;border:none;border-radius:6px;background:#2563eb;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.user-steps-header-right{display:flex;align-items:center;gap:30px;position:absolute;top:50%;right:60px;transform:translateY(-50%)}.user-steps-fix-btn{padding:4px 12px;border-radius:999px;border:1px solid #fdba74;background:#fff;color:#ea580c;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.user-steps-fix-btn:hover{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#f97316}.user-steps-fail-btn{padding:6px 14px;background:#ffa4ad;color:#fff;border-radius:999px;border:none;cursor:pointer;font-size:12px;font-weight:600}.user-steps-fail-btn:hover{background:#dc3545}.user-steps-pass-btn{padding:8px 16px;border-radius:999px;background-color:transparent;border:1px solid #16a34a;color:#166534;font-size:13px;font-weight:600;letter-spacing:-.2px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.user-steps-pass-btn:before{content:"✓";font-size:14px}.user-steps-pass-btn:hover{background:#dcfce7;border-color:#16a34a;color:#166534;transform:translateY(-1px);box-shadow:0 4px 10px #16a34a26}.user-steps-pass-btn:active{transform:translateY(0);box-shadow:0 2px 6px #16a34a1f}.user-steps-pass-btn:disabled{cursor:default;opacity:.6;transform:none;box-shadow:none}.failed-notice{color:#b91c1c;margin-top:-20px;margin-bottom:40px;font-size:14px}.failed-notice .sub{font-size:12px;opacity:.8}.dismissed-notice{color:#c2410c;margin-top:-20px;margin-bottom:40px;font-size:14px}.dismissed-notice .sub{font-size:12px;opacity:.8}.failed-user,.dismissed-user{opacity:.95}.failed-user button:disabled,.failed-user textarea:disabled,.dismissed-user button:disabled,.dismissed-user textarea:disabled{cursor:not-allowed;opacity:.6}.user-steps-dismiss-btn{padding:4px 12px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.user-steps-dismiss-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.user-steps-dismiss-btn:disabled{opacity:.4;cursor:not-allowed}.user-steps-restore-btn{padding:4px 12px;border-radius:999px;border:1px solid #94a3b8;background:#f1f5f9;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.user-steps-restore-btn:hover{background:#e2e8f0;border-color:#64748b}.user-steps-restore-btn:before{content:"✓";font-size:14px;margin-right:6px}.admin-steps-memo-panel.memo-disabled{opacity:.6}.admin-steps-memo-panel.memo-disabled textarea{background:#f1f5f9;cursor:not-allowed}.admin-steps-memo-panel.memo-disabled .memo-save-btn{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.admin-steps-bottom-row{display:flex;align-items:stretch;flex-wrap:nowrap;justify-content:center;gap:16px;max-width:100%;margin:10px auto 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-steps-bottom-row .admin-steps-panel{flex:1.4 1 0;max-width:none;margin:0;display:flex;flex-direction:column}.admin-steps-bottom-row .admin-steps-panel-inner{display:flex;flex-direction:column;flex:1}.admin-steps-bottom-row .admin-steps-memo-panel{flex:.8 1 0;max-width:none;margin:0;display:flex;flex-direction:column;border-radius:14px;border:1px solid #f5d7e5;background:#fff;padding:18px;box-shadow:0 10px 20px #00000014;box-sizing:border-box}.admin-steps-memo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.admin-steps-memo-header h4{font-size:17px;font-weight:600;color:#c34778;margin:0}.admin-steps-memo-user{font-size:12px;color:#a78a9c}.admin-steps-memo-textarea{width:100%;box-sizing:border-box;margin-top:4px;padding:10px 12px;font-size:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;min-height:150px;max-height:none;flex:1;resize:vertical;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.admin-steps-memo-textarea:focus{border-color:#f2a9c6;box-shadow:0 0 0 2px #f2a9c640}.career-date-edit-btn{padding:6px 10px;border-radius:999px;border:1px dashed #cbd5e1;background:transparent;color:#64748b;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .08s ease}.career-date-edit-btn:before{content:"📅";font-size:13px}.career-date-edit-btn:hover{background:#f8fafc;border-color:#94a3b8;color:#475569;transform:translateY(-.5px)}.career-date-edit-btn:active{transform:translateY(0)}@media(max-width:768px){.admin-steps-bottom-row{flex-direction:column!important;flex-wrap:nowrap!important;max-width:100%!important;overflow-x:visible!important;padding:0 8px 8px!important;gap:12px!important}.admin-steps-bottom-row .admin-steps-panel,.admin-steps-bottom-row .admin-steps-memo-panel{flex:none!important;width:100%!important;min-width:0!important}}@media(max-width:640px){.admin-steps-root .admin-steps-file-item{flex:1 1 100%}}.admin-preview-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.admin-preview-modal-content{position:relative;max-width:90%;max-height:90%;display:flex;justify-content:center;align-items:center}.admin-preview-image{max-width:100%;max-height:85vh;border-radius:4px;box-shadow:0 4px 20px #0000004d;background:#fff}.admin-preview-close-btn{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;padding:0;line-height:1}.admin-preview-close-btn:hover{color:#e5e7eb}.admin-steps-memo-title-row{display:flex;align-items:center;gap:15px}.memo-save-btn{padding:3px 8px;font-size:11px;font-weight:600;color:#db2777;border:1px solid #fbcfe8;background:transparent;border-radius:4px;cursor:pointer;transition:all .2s ease;margin-right:3px}.memo-save-btn:hover{background:#fce7f3;color:#be185d;border-color:#f9a8d4}.assign-done-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:40px 32px;margin:10px 0;box-shadow:0 10px 40px #0000000f;text-align:left;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.assign-done-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa)}.assign-done-left{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.assign-done-right{flex:1;width:100%}.assign-done-top{margin-bottom:0}.assign-done-icon{font-size:48px;margin-bottom:16px;display:inline-block;animation:popIn .8s cubic-bezier(.34,1.56,.64,1)}.assign-done-title{font-size:20px;font-weight:800;color:#1e293b;margin:0 0 8px;letter-spacing:-.5px}.assign-done-desc{font-size:14px;color:#64748b;margin:0;line-height:1.5}.assign-done-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px;width:100%;box-sizing:border-box;text-align:left;margin-bottom:0;box-shadow:inset 0 2px 4px #00000005}.assign-done-info-box p{margin:0 0 8px;font-size:13px;line-height:1.6;color:#334155}.assign-done-info-box p:last-child{margin-bottom:0}.assign-done-info-box .highlight-text{margin-top:12px;padding:12px;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;color:#1d4ed8;font-weight:600;font-size:12px;display:flex;align-items:center;gap:8px}.assign-done-info-box .highlight-text:before{content:"💡";font-size:14px}.assign-request-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;margin:10px 0;box-shadow:0 10px 30px #0000000a;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden}.assign-request-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#3b82f6,#60a5fa)}.assign-request-left{display:flex;align-items:flex-start;gap:24px;flex:1}.assign-request-icon{font-size:36px;line-height:1;padding:10px;background:#eff6ff;border-radius:16px;display:flex;align-items:center;justify-content:center}.assign-request-content{display:flex;flex-direction:column;gap:8px;text-align:left}.assign-request-title{font-size:18px;font-weight:700;color:#1e293b;margin:0}.assign-request-desc{font-size:14px;color:#64748b;line-height:1.6}.assign-request-desc p{margin:0}.assign-request-actions{display:flex;flex-direction:column;gap:12px;min-width:200px}.assign-request-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.assign-request-btn.primary{background:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb33}.assign-request-btn.primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb4d}.assign-request-btn.primary:disabled{background:#bfdbfe;cursor:not-allowed;transform:none;box-shadow:none}.assign-request-btn.secondary{background:#fff;border:1px solid #e2e8f0;color:#334155}.assign-request-btn.secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.btn-icon{font-size:16px}.easypaper-status{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#f8fafc;border-radius:12px;min-width:180px}.easypaper-status-label{font-size:13px;font-weight:500;color:#64748b}.easypaper-status-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.easypaper-status-badge.completed{background:#dcfce7;color:#166534}.easypaper-status-badge.pending{background:#fef3c7;color:#92400e}@media(max-width:900px){.easypaper-status{width:100%;justify-content:center}}@media(max-width:900px){.assign-request-card{flex-direction:column;align-items:stretch;padding:24px;gap:24px}.assign-request-left{flex-direction:column;align-items:center;text-align:center;gap:16px}.assign-request-actions{width:100%}}@media(max-width:768px){.admin-steps-root{padding:12px 8px!important}.user-steps-header{flex-direction:column!important;gap:12px!important;padding:12px!important;margin-bottom:12px!important}.user-steps-header-left h3{font-size:16px!important}.selected-user-label{font-size:12px!important}.user-steps-header-right{position:static!important;transform:none!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important}.user-steps-header-right button{padding:6px 12px!important;font-size:11px!important}.admin-steps-bottom-row{flex-direction:column!important;flex-wrap:nowrap!important;gap:12px!important;padding:0 8px 12px!important;overflow-x:visible!important}.admin-steps-bottom-row .admin-steps-panel{flex:none!important;width:100%!important;min-width:0!important}.admin-steps-bottom-row .admin-steps-memo-panel{flex:none!important;width:100%!important;min-width:0!important;padding:12px!important}.admin-steps-memo-header h4{font-size:14px!important}.admin-steps-memo-textarea{font-size:13px!important;min-height:100px!important}}@media(max-width:480px){.user-steps-header-left h3{font-size:14px!important}.user-steps-header-right{gap:6px!important}.user-steps-header-right button{padding:5px 10px!important;font-size:10px!important}.admin-steps-bottom-row .admin-steps-panel{width:100%!important;min-width:0!important}.admin-steps-bottom-row .admin-steps-memo-panel{width:100%!important;min-width:0!important;padding:10px!important}}@media(max-height:600px)and (orientation:landscape){.admin-steps-bottom-row{flex-direction:column!important;flex-wrap:nowrap!important;gap:10px!important;padding:0 8px 10px!important;overflow-x:visible!important}.admin-steps-bottom-row .admin-steps-panel{flex:none!important;width:100%!important;min-width:0!important}.admin-steps-bottom-row .admin-steps-memo-panel{flex:none!important;width:100%!important;min-width:0!important;padding:10px!important}.admin-steps-root.view-only:before{content:"🔒 보기 전용 모드";display:block;background:#fef3c7;color:#92400e;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;margin-bottom:16px;text-align:center}.admin-steps-root.view-only button,.admin-steps-root.view-only input,.admin-steps-root.view-only textarea,.admin-steps-root.view-only select{pointer-events:none!important;opacity:.5!important;cursor:not-allowed!important}.admin-steps-root.view-only .download-btn,.admin-steps-root.view-only .zip-download-btn,.admin-steps-root.view-only [class*=download],.admin-steps-root.view-only .step-item{pointer-events:auto!important;opacity:1!important;cursor:pointer!important}}.admin-steps-row.steps-blur,.admin-steps-row.steps-dismissed{filter:blur(.5px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.admin-steps-root .admin-steps-row{background:none!important;border:none!important;display:flex;justify-content:center;gap:25px;margin-bottom:16px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:20px 8px}.admin-steps-root .admin-steps-row:before,.admin-steps-root .admin-steps-row:after,.admin-steps-root .admin-steps-step-item:before,.admin-steps-root .admin-steps-step-item:after{content:none!important}.admin-steps-root .admin-steps-step-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;min-width:70px;opacity:.95}.admin-steps-root .admin-steps-step-item.selected{opacity:1}.dots-wrap{display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:#cbd5e1;transition:.15s ease;margin-bottom:40px}.dot.filled{background:#2563eb}.dot.anim{animation:dotFlowBlue 1.2s infinite ease-in-out alternate}@keyframes dotFlowBlue{0%{background:#93c5fd;transform:scale(1)}25%{background:#2563eb;transform:scale(1.35)}50%{background:#1d4ed8;transform:scale(1.2)}to{background:#93c5fd;transform:scale(1)}}.dot.anim:nth-child(1){animation-delay:0s}.dot.anim:nth-child(2){animation-delay:.1s}.dot.anim:nth-child(3){animation-delay:.2s}.dot.anim:nth-child(4){animation-delay:.3s}.dot.anim:nth-child(5){animation-delay:.4s}.dot.anim:nth-child(6){animation-delay:.5s}.dot.anim:nth-child(7){animation-delay:.6s}.dot.anim:nth-child(8){animation-delay:.7s}.admin-steps-root .admin-steps-step-circle{width:60px;height:60px;border-radius:999px;border:2px solid #2563eb;background-color:#fff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:.2s ease}.admin-steps-root .admin-steps-step-item.selected .admin-steps-step-circle{width:70px!important;height:70px!important;transform:scale(1.2);border-width:2px}.admin-steps-root .admin-steps-step-item.done .admin-steps-step-circle{background:#bfdbfe;border-color:#93c5fd;color:#1e3a8a}.admin-steps-root .admin-steps-step-item.active .admin-steps-step-circle{background:#3b82f6;color:#fff;border-color:#2563eb}.admin-steps-root .admin-steps-step-item.disabled .admin-steps-step-circle{background:#f3f4f6;border-color:#cbd5e1;color:#94a3b8}.admin-steps-root .admin-steps-step-item.done .admin-steps-step-text,.admin-steps-root .admin-steps-step-item.active .admin-steps-step-text{color:#2563eb}.admin-steps-root .admin-steps-step-item.disabled .admin-steps-step-text{color:#94a3b8}.admin-steps-step-text{margin-top:6px;font-size:13px;color:#374151;text-align:center}.step-fix-badge{position:absolute;padding:2px 8px;font-size:11px;font-weight:600;background:#f973161f;color:#f97316;border-radius:6px;cursor:pointer;transition:all .22s cubic-bezier(.23,1,.32,1);top:40%;left:150%;transform:translateY(10px)}.step-fix-badge:hover{background:#f9731638;color:#ea580c;transform:translateY(10px) scale(1.05);box-shadow:0 2px 6px #f973162e}.admin-entry-wrapper{margin:0 0 10px;display:flex;flex-direction:column;align-items:flex-start;width:100%}.admin-entry-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:transparent;border:1px solid #d1d5db;border-radius:5px;color:#6b7280;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-entry-toggle-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.admin-entry-toggle-btn.open{background:#eff6ff;border-color:#60a5fa;color:#2563eb;font-weight:600}.admin-entry-content{width:100%;box-sizing:border-box;margin-top:8px;padding:12px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 4px #00000008;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.admin-entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.entry-item{display:flex;align-items:baseline;gap:8px}.entry-label{font-size:12px;color:#9ca3af;font-weight:500;min-width:70px}.entry-value{font-size:12px;color:#1f2937;font-weight:600;word-break:break-all}.admin-steps-root .admin-steps-panel{border-radius:10px;border:1px solid #e2e8f0;background-color:#f8fafc;margin:6px auto 15px}.admin-steps-root .admin-steps-panel-inner{border-radius:8px;border:1px solid #e2e8f0;padding:12px;background-color:#fff}.admin-steps-root .admin-steps-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.admin-steps-root .admin-steps-title{font-size:15px;font-weight:600;margin:0}.admin-steps-root .admin-steps-subtitle{font-size:11px;color:#94a3b8;margin:0}.admin-company-checks{display:flex;align-items:center;margin-left:auto}.company-radio{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:500;color:#334155;cursor:pointer;transition:all .18s ease}.company-radio input[type=radio]:checked:after{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;border-radius:50%;background:#fff}.failed-user .company-radio{opacity:.5;pointer-events:none}.admin-steps-root .admin-steps-file-list{list-style:none;padding:8px;margin:12px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 14px;max-height:350px;min-height:230px;overflow-y:auto;flex:1}.admin-steps-root .admin-steps-file-list:empty{display:none;min-height:0;margin:0;padding:0}.admin-steps-root .admin-steps-file-item{flex:1 1 100%;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;transition:.15s ease;height:100px;box-sizing:border-box;overflow:hidden;position:relative}.admin-steps-root .admin-steps-file-item:has(.admin-offline-date){height:140px}.admin-steps-root .admin-steps-file-item .user-upload-file{overflow-y:auto;max-height:40px}.admin-steps-root .admin-steps-file-item:hover{background:#f1f5f9;border-color:#cbd5e1}.admin-steps-root .admin-steps-file-label{font-size:12px;font-weight:600;color:#1f2937;margin-bottom:4px;line-height:1.4}.admin-steps-root .code-issue-note{color:#e67e22;font-size:11px;font-weight:500;margin-left:4px}.admin-property-badge{margin-left:10px;font-size:12px;font-weight:600;color:#92400e;line-height:1.2}.admin-offline-date{margin-top:4px;font-size:12px;font-weight:600;color:#1f2937;border:1px solid #bfdbfe;padding:3px 10px;border-radius:999px}.admin-offline-date strong{margin-left:10px;color:#1e40af}.user-upload-file{font-size:13px;margin-left:10px;margin-bottom:-5px}.user-upload-file .uploaded{color:#2563eb;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.user-upload-file .no-file{color:#9ca3af}.download-file-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:26px;padding:0;color:#6b7280;background-color:transparent;border:none;cursor:pointer;transition:all .2s ease}.download-file-btn:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#2563eb}.admin-steps-file-actions{display:flex;align-items:center;gap:8px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.file-status-btn{padding:4px 8px;border-radius:6px;font-size:11px;border:1px solid #d1d5db;background:#fff;cursor:pointer;transition:.15s ease}.file-status-btn.active{font-weight:600;background:#e0edff}.confirm-btn.active{background:#c7eaff;border-color:#2563eb}.fix-btn.active{background:#ffe7d6;border-color:#fab17e}.step-complete-wrap{margin-top:24px;padding:16px 20px;background:#fff;border:none;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-complete-wrap.completed{background:#f0fdf4;box-shadow:0 4px 12px #22c55e1a}.step-complete-label{display:flex;align-items:center;gap:16px;cursor:pointer;-webkit-user-select:none;user-select:none}.step-complete-toggle-area{position:relative;width:48px;height:26px}.step-complete-checkbox{opacity:0;width:0;height:0}.step-complete-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.step-complete-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}.step-complete-checkbox:checked+.step-complete-slider{background-color:#3b82f6}.step-complete-checkbox:checked+.step-complete-slider:before{transform:translate(22px)}.step-complete-text-box{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.step-complete-title{font-size:14px;font-weight:700;color:#334155;transition:color .3s}.step-complete-wrap.completed .step-complete-title{color:#15803d}.step-complete-desc{font-size:12px;color:#94a3b8;margin:0}.step-complete-wrap.completed .step-complete-desc{color:#166534}.step-complete-actions{display:flex;align-items:center;gap:12px}.download-btn{margin-top:0;height:29px;display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.download-btn:before{content:"⭳";font-size:14px}.download-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.download-btn:active{transform:translateY(0);box-shadow:0 3px 8px #16a34a59}.download-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.status-modal .admin-steps-root .admin-steps-row{flex-wrap:wrap!important;overflow:visible!important;justify-content:center;gap:10px;padding-bottom:0}.status-modal .admin-steps-root .admin-steps-step-circle{width:42px;height:42px;font-size:14px;border-width:2px}.status-modal .admin-steps-root .admin-steps-step-item.selected .admin-steps-step-circle{width:50px!important;height:50px!important}.status-modal .admin-steps-step-text{font-size:11px;margin-top:4px}.status-modal .dot{margin-bottom:24px}.status-modal .admin-steps-root .admin-steps-step-item,.status-modal .admin-steps-root .dots-wrap{flex-shrink:0}.step-guide-box{display:flex;flex-direction:row;align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:24px;margin:24px 0;text-align:left;gap:16px}.step-guide-icon{font-size:24px}.step-guide-content{display:flex;flex-direction:column;gap:4px}.step-guide-box p{margin:0;font-size:15px;line-height:1.5;color:#0c4a6e;font-weight:500}.step-guide-box.step-guide-box--small{padding:16px;margin:16px 0}.step-guide-box.step-guide-box--small .step-guide-icon{font-size:20px}.step-guide-box.step-guide-box--small p{font-size:13px}.easypaper-req-btn{margin-top:0;padding:8px 16px;height:40px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;transition:background .2s ease}.easypaper-req-btn:hover{background:#1d4ed8}.code-issue-btn{padding:8px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:13px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.code-issue-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.admin-employee-code-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 24px;margin:24px auto;width:fit-content;box-shadow:0 4px 15px #0000000d;display:flex;align-items:center}.admin-employee-code-row{display:flex;align-items:center;gap:12px}.admin-employee-code-label{font-size:14px;font-weight:700;color:#475569;white-space:nowrap}.admin-employee-code-input{width:180px;height:40px;padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;outline:none;transition:all .2s ease;background:#f8fafc}.admin-employee-code-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.admin-employee-code-input:disabled{background:#f1f5f9;color:#94a3b8}.admin-employee-code-save-btn{height:40px;padding:0 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #2563eb33}.admin-employee-code-save-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.admin-employee-code-save-btn:active:not(:disabled){transform:translateY(0)}.admin-employee-code-save-btn:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}.date-input-group{display:flex;align-items:center;gap:6px}.date-input-group label{font-size:12px;color:#6b7280;white-space:nowrap}.date-inputs{display:flex;gap:50px;margin:15px 0 15px 20px}.date-inputs input[type=date]{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#374151;background:#f9fafb}.date-inputs input[type=date]:hover:not(:disabled){border-color:#9ca3af}.date-inputs input[type=date]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;background:#fff}.date-inputs input[type=date]:disabled{background:#f3f4f6;cursor:not-allowed;color:#9ca3af}.date-input-group input[type=date].has-value{color:#2563eb;font-weight:500}.confirm-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.confirm-modal-box{background:#fff;border-radius:16px;padding:32px;width:90%;max-width:360px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-modal-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.confirm-modal-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 12px}.confirm-modal-message{font-size:14px;color:#6b7280;margin:0 0 24px;line-height:1.5}.easypaper-info{background:#f8fafc;border-radius:8px;padding:16px;margin:25px 0;text-align:left}.easypaper-info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e2e8f0}.easypaper-info-row:last-child{border-bottom:none}.easypaper-label{font-size:13px;color:#64748b}.easypaper-value{font-size:13px;font-weight:600;color:#1e293b}.easypaper-confirm-check{display:flex;align-items:center;justify-content:center;gap:8px;margin:30px 0;cursor:pointer}.easypaper-confirm-check input{width:16px;height:16px;cursor:pointer;margin-bottom:5px}.easypaper-confirm-check span{font-size:13px;color:#475569}.confirm-modal-buttons{display:flex;gap:20px}.confirm-modal-btn{flex:1;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.confirm-modal-btn.cancel{background:#f3f4f6;color:#6b7280}.confirm-modal-btn.cancel:hover{background:#e5e7eb}.confirm-modal-btn.confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.confirm-modal-btn.confirm:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.code-issue-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:16px}.code-issue-top{display:flex;justify-content:space-around;gap:32px;padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:20px}.code-issue-item{display:flex;align-items:center;gap:10px}.code-issue-label{font-weight:600;font-size:14px;color:#333;white-space:nowrap}.code-issue-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:140px;font-size:13px}.code-issue-save-btn{padding:8px 14px;background:#4a90d9;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.code-issue-save-btn:disabled{background:#ccc;cursor:not-allowed}.code-issue-date-group{display:flex;align-items:center;gap:6px}.code-issue-date-group label{font-size:12px;color:#666;margin-left:5px;margin-bottom:0}.code-issue-date-group input[type=date]{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px}.code-issue-date-group input[type=date].has-value{border-color:#4a90d9;background:#f0f7ff}.life-insurance-section{margin-top:4px}.life-insurance-title{font-size:14px;font-weight:600;color:#333;margin:0 0 14px;text-align:center}.life-insurance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:280px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.life-insurance-grid::-webkit-scrollbar{width:6px}.life-insurance-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.life-insurance-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.life-insurance-grid::-webkit-scrollbar-thumb:hover{background:#aaa}.life-insurance-card{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f9f9f9;border:1px solid #eee;border-radius:6px}.life-insurance-card:hover{background:#f5f5f5}.life-insurance-name{font-size:13px;color:#333;font-weight:500}.visit-note{font-size:10px;color:#e67e22;margin-left:3px}.life-insurance-dates{display:flex;gap:6px}.life-insurance-dates input[type=date]{padding:4px 6px;border:1px solid #ddd;border-radius:4px;font-size:11px;width:110px}.life-insurance-dates input[type=date].has-value{border-color:#4a90d9;background:#f0f7ff}.life-insurance-dates input[type=date]:disabled{background:#f5f5f5;cursor:not-allowed}@media(max-width:1200px){.life-insurance-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.life-insurance-grid{grid-template-columns:1fr}.code-issue-top{flex-direction:column;gap:16px}}.assign-done-notice{background:#f8f9fa;border:1px solid #e0e0e0;border-left:4px solid #4a90d9;border-radius:6px;padding:14px 18px;margin-bottom:16px}.assign-done-notice p{margin:0;font-size:14px;color:#333;line-height:1.6}.admin-upload-section{display:flex;align-items:center;gap:15px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.admin-upload-btn{padding:4px 10px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:11px;font-weight:500;color:#374151;cursor:pointer}.admin-upload-btn:hover{background:#f3f4f6}.admin-upload-submit-btn{padding:4px 10px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer}.admin-upload-submit-btn:hover{background:#2563eb}.admin-upload-submit-btn:disabled{background:#9ca3af;cursor:not-allowed}@media(max-width:768px){.admin-steps-root{padding:16px 8px!important;margin-top:8px!important}.admin-steps-root .admin-steps-row{gap:12px!important;padding:12px 16px!important;margin-bottom:12px!important;background:#ffffffe6!important;border-radius:12px!important;box-shadow:0 2px 8px #0000000f!important}.admin-steps-root .admin-steps-step-circle{width:42px!important;height:42px!important;font-size:15px!important;border-width:2px!important}.admin-steps-root .admin-steps-step-item.selected .admin-steps-step-circle{width:48px!important;height:48px!important;transform:scale(1.1)!important}.admin-steps-root .admin-steps-step-item{gap:8px!important;min-width:50px!important}.dots-wrap{gap:4px!important}.dot{width:5px!important;height:5px!important;margin-bottom:25px!important}.admin-steps-root .admin-steps-step-text{font-size:11px!important;white-space:nowrap!important}.admin-steps-root .admin-steps-file-list{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:10px!important;padding:8px!important;max-height:none!important;min-height:auto!important;overflow-y:visible!important}.admin-steps-root .admin-steps-file-item{width:100%!important;height:auto!important;min-height:80px!important;padding:12px!important;gap:8px!important;flex:none!important}.admin-steps-root .admin-steps-file-item:has(.admin-offline-date){height:auto!important;min-height:100px!important}.admin-steps-root .admin-steps-file-label{font-size:12px!important;word-break:break-word!important;white-space:normal!important}.admin-steps-root .admin-offline-date{font-size:11px!important;flex-wrap:wrap!important}.admin-steps-root .admin-steps-panel{margin-left:0!important;margin-right:0!important;width:100%!important}.admin-steps-root .admin-steps-panel-inner{padding:10px!important}.admin-steps-root .admin-steps-title{font-size:14px!important}.admin-steps-root .admin-btn-wrap{flex-wrap:wrap!important;gap:6px!important}.admin-steps-root .confirm-btn,.admin-steps-root .fix-btn{padding:4px 10px!important;font-size:11px!important}.step-complete-wrap{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:14px!important}.step-complete-label{width:100%!important}.step-complete-actions{width:100%!important;justify-content:flex-end!important}.download-btn{padding:8px 14px!important;font-size:12px!important}.step-guide-box{padding:16px!important;margin:16px 0!important;gap:12px!important;flex-direction:column!important}.step-guide-icon{font-size:20px!important}.step-guide-content{width:100%!important}.step-guide-box p{font-size:13px!important;line-height:1.6!important;word-break:keep-all!important;white-space:pre-wrap!important}.meta-on-link{margin-top:12px!important;display:inline-block!important}}@media(max-width:480px){.admin-steps-root .admin-steps-row{gap:8px!important;padding:10px 12px!important}.admin-steps-root .admin-steps-step-circle{width:36px!important;height:36px!important;font-size:13px!important}.admin-steps-root .admin-steps-step-item.selected .admin-steps-step-circle{width:42px!important;height:42px!important}.admin-steps-root .admin-steps-step-item{gap:6px!important;min-width:42px!important}.dot{width:4px!important;height:4px!important;margin-bottom:20px!important}.admin-steps-root .admin-steps-step-text{font-size:10px!important}.admin-steps-root .admin-steps-file-list{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:10px!important;padding:8px!important;max-height:none!important;min-height:auto!important;overflow-y:visible!important}.admin-steps-root .admin-steps-file-item{width:100%!important;height:auto!important;min-height:80px!important;padding:12px!important;gap:8px!important;flex:none!important}.admin-steps-root .admin-steps-file-item:has(.admin-offline-date){height:auto!important;min-height:100px!important}.admin-steps-root .admin-steps-file-label{font-size:12px!important;word-break:break-word!important;white-space:normal!important}.admin-steps-root .admin-offline-date{font-size:11px!important;flex-wrap:wrap!important;display:flex!important}}@media(max-height:600px)and (orientation:landscape){.admin-steps-root .admin-steps-file-list{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:6px!important;max-height:none!important;min-height:auto!important;overflow-y:visible!important}.admin-steps-root .admin-steps-file-item{height:auto!important;min-height:70px!important;padding:10px!important;gap:6px!important}.admin-steps-root .admin-steps-file-item:has(.admin-offline-date){height:auto!important;min-height:90px!important}.admin-steps-root .admin-steps-file-label{font-size:11px!important;word-break:break-word!important;white-space:normal!important}.admin-steps-root .admin-offline-date{font-size:10px!important;flex-wrap:wrap!important}.admin-steps-root .admin-steps-panel{margin-left:0!important;margin-right:0!important;width:100%!important}.admin-steps-root .admin-steps-panel-inner{padding:8px!important}.admin-steps-root .admin-steps-title{font-size:13px!important}.admin-steps-root .admin-btn-wrap{flex-wrap:wrap!important;gap:4px!important}.admin-steps-root .confirm-btn,.admin-steps-root .fix-btn{padding:3px 8px!important;font-size:10px!important}.step-guide-box{padding:12px!important;margin:12px 0!important;gap:10px!important;flex-direction:column!important}.step-guide-box p{font-size:12px!important;line-height:1.5!important;word-break:keep-all!important}}.fix-modal-backdrop{position:fixed;inset:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:999}.fix-modal{width:520px;max-width:calc(100% - 40px);background:#fff;border-radius:18px;padding:16px 18px 18px;box-shadow:0 20px 40px #0f172a2e,0 0 0 1px #e2e8f0cc;box-sizing:border-box}.fix-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.fix-modal-title{margin:0;font-size:16px;font-weight:700;color:#ea580c}.fix-modal-subtitle{margin:3px 0 0;font-size:12px;color:#6b7280}.fix-modal-close{border:none;background:transparent;font-size:16px;cursor:pointer;color:#9ca3af}.fix-modal-close:hover{color:#4b5563}.fix-modal-history{margin-bottom:14px;padding:14px 16px;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;box-shadow:0 1px 3px #0000000f,inset 0 0 0 1px #fff9}.fix-modal-history h5{margin:0 0 12px;font-size:13px;font-weight:700;color:#334155}.fix-modal-history ul{list-style:none;padding:0;margin:0;max-height:180px;overflow-y:auto}.fix-history-item{border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;background:#fff;margin-bottom:10px}.fix-history-item:last-child{margin-bottom:0}.fix-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.fix-history-title{font-weight:700;font-size:14px;color:#1e293b}.fix-history-date{font-size:11px;color:#64748b}.fix-delete-btn{background:transparent;border:1px solid #e5e7eb;color:#6b7280;padding:4px 10px;font-size:11px;border-radius:6px;cursor:pointer;transition:.15s ease;margin-left:5px}.fix-delete-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.fix-history-body{display:flex;text-align:left;font-size:13px;margin-top:6px;color:#475569;padding:6px 8px;border-radius:6px}.fix-modal-form{margin-top:8px;display:flex;flex-direction:column;gap:15px}.fix-input,.fix-textarea{width:100%;border-radius:8px;border:1px solid #e5e7eb;padding:8px 10px;font-size:13px;box-sizing:border-box;background:#f9fafb;color:#111827}.fix-input::placeholder,.fix-textarea::placeholder{color:#9ca3af}.fix-textarea{resize:vertical;min-height:80px}.fix-input:focus,.fix-textarea:focus{outline:none;border-color:#fb923c;box-shadow:0 0 0 2px #fb923c40;background:#fff}.fix-send-btn{align-self:flex-end;padding:6px 16px;border-radius:999px;border:none;background:linear-gradient(135deg,#fdba74,#f97316);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .1s ease}.fix-send-btn:hover{background:linear-gradient(135deg,#fb923c,#ea580c);transform:translateY(-1px)}.fix-send-btn:active{transform:translateY(1px);box-shadow:0 3px 8px #fb923c66}.career-date-modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.career-date-modal{background:#fff;border-radius:12px;padding:20px;width:90%;max-width:360px;min-width:280px;box-shadow:0 12px 30px #0f172a40;display:flex;flex-direction:column;gap:16px}.career-date-modal-title{margin:0;font-size:16px;font-weight:600;color:#111827}.career-date-select-row{display:flex;gap:8px}.career-date-select-row select{flex:1;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.career-date-select-row select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.career-date-modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-cancel-btn,.modal-save-btn{padding:8px 14px;border-radius:999px;border:none;font-size:13px;cursor:pointer;transition:background .2s ease,transform .1s ease}.modal-cancel-btn{background:#e5e7eb;color:#374151}.modal-cancel-btn:hover{background:#d1d5db}.modal-save-btn{background:#3b82f6;color:#fff}.modal-save-btn:hover{background:#2563eb}.modal-save-btn:active{transform:scale(.98)}.fix-modal-backdrop{position:fixed;inset:0;background:#0f172a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1100}.fix-modal{width:560px;max-height:78vh;background:#fffffff5;border-radius:18px;box-shadow:0 24px 60px #0f172a47;padding:20px 22px;display:flex;flex-direction:column;overflow:hidden}.fix-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.fix-modal-title,.fix-modal-header h3{font-size:18px;font-weight:700;color:#ea580c;text-align:left;margin-bottom:5px}.fix-modal-subtitle{font-size:13px;color:#6b7280;margin-top:2px}.fix-modal-close{border:none;background:transparent;font-size:18px;cursor:pointer;color:#9ca3af;padding:4px;border-radius:999px;transition:background .15s ease,color .15s ease,transform .1s}.fix-modal-close:hover{background:#f1f5f9;color:#475569;transform:scale(1.05)}.fix-modal-body{flex:1;overflow-y:auto;padding-right:4px}.fix-modal-body::-webkit-scrollbar{width:6px}.fix-modal-body::-webkit-scrollbar-track{background:transparent}.fix-modal-body::-webkit-scrollbar-thumb{background:#fb923c99;border-radius:999px}.fix-history-empty{font-size:13px;color:#9ca3af;padding:12px 4px 4px}.fix-modal-body ul{list-style:none;padding:0;margin:0}.fix-history-item{border-radius:12px;border:1px solid #e2e8f0;padding:10px 12px;margin-bottom:10px;background:#f8fafc}.fix-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.fix-history-header strong{font-size:14px;color:#1e293b}.fix-history-header span{font-size:11px;color:#64748b}.fix-history-body{font-size:13px;color:#374151;line-height:1.5;white-space:pre-wrap;text-align:left}.fix-modal-footer{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}.fix-modal-footer button{border-radius:999px;border:1px solid rgba(209,213,219,.9);background:#fff;padding:6px 14px;font-size:13px;cursor:pointer;color:#374151;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.fix-modal-footer button:hover{background:#334155;color:#fff;box-shadow:0 10px 26px #33415526}@media(max-width:640px){.fix-modal{width:92vw;max-height:80vh;padding:16px}.fix-modal-title,.fix-modal-header h3{font-size:16px}}:root{--bg-color: #fbfaf9;--card-bg: #ffffff;--border-color: #edeae7;--text-primary: #2f2f2f;--text-secondary: #7a7a7a;--accent-color: #047857;--accent-hover: #056046;--danger-color: #be123c}html,body{margin:0;padding:0;font-family:Noto Sans KR,sans-serif;color:var(--text-primary)}.mz-bootcamp-page{position:relative;min-height:100vh;width:100%;display:flex;justify-content:center;align-items:flex-start;background:linear-gradient(180deg,#fbfaf9,#f4f2ef)}.bg-fade{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 0%,rgba(4,120,87,.06),transparent 60%)}.mz-bootcamp-page-inner{position:relative;z-index:1;width:100%;max-width:1100px;padding:56px 48px 96px;box-sizing:border-box;display:flex;flex-direction:column}.closed-banner{position:sticky;top:0;z-index:10;margin-bottom:24px;padding:14px 18px;border-radius:12px;background:linear-gradient(90deg,#7a1d1d,#b83232);color:#fff;text-align:center;font-weight:900;box-shadow:0 6px 18px #00000040}.closed-banner .badge{display:inline-block;margin-right:10px;padding:4px 12px;border-radius:999px;background:#ffb14e;color:#222;font-weight:900}.closed-banner small{display:block;margin-top:6px;font-weight:700;opacity:.9}.toast-notice{position:fixed;left:50%;bottom:32px;transform:translate(-50%);background:#1f2933;padding:14px 18px;border-radius:12px;color:#fff;font-weight:800;font-size:.95rem;box-shadow:0 10px 30px #0000004d;z-index:9999}.modal{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.modal.show{opacity:1;pointer-events:auto}.modal-content{position:relative;width:100%;max-width:420px;padding:32px 28px 28px;background:#fff;border-radius:6px;box-shadow:none;color:#111827}.modal-close-btn{position:absolute;top:12px;right:14px;background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer}.modal-close-btn:hover{color:#111827}.modal-content h2{display:flex;align-items:center;gap:6px;margin-bottom:12px;font-size:18px;font-weight:600}.pin-emoji{font-size:16px}.modal-content p{margin-bottom:20px;font-size:14px;line-height:1.6;color:#374151}.modal-content label{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:24px;cursor:pointer}.modal-content input[type=checkbox]{width:18px;height:18px}.modal-content button[type=button]{width:100%;height:40px;background:transparent;border:1px solid #111827;font-size:14px;font-weight:600;color:#111827;cursor:pointer;transition:background .15s ease,color .15s ease}.modal-content button.enabled{background:#2563eb;color:#fff;border-color:#2563eb}.modal-content button:disabled{opacity:.4;cursor:not-allowed}.step-actions{display:flex;justify-content:space-between;margin:40px auto 0;max-width:960px}.step-actions.right-align{justify-content:flex-end}.step-actions button{padding:14px 26px;border-radius:10px;border:none;font-size:1rem;font-weight:800;cursor:pointer;transition:background-color .2s ease}.step-actions .prev-btn{padding:12px 26px;border-radius:999px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);font-weight:700}.step-actions .next-btn{position:relative;padding:14px 34px;border-radius:999px;font-size:1.05rem;font-weight:900;letter-spacing:-.01em;color:#fff;background:#2563eb}.step-actions .next-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.step-actions .next-btn:active:not(:disabled){transform:translateY(0)}.step-actions .next-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}@media(max-width:1024px){.mz-bootcamp-page-inner{max-width:100%;padding:48px 32px 80px}}@media(max-width:768px){.mz-bootcamp-page-inner{padding:32px 16px 72px}.step-actions{flex-direction:column;gap:12px}.step-actions button{width:100%}.closed-banner{font-size:.9rem;padding:12px 14px}.closed-banner .badge{font-size:.8rem;padding:3px 10px}.modal-content{margin:0 16px;padding:28px 24px 24px}}@media(max-width:480px){.mz-bootcamp-page-inner{padding:24px 12px 60px}.closed-banner{font-size:.85rem;padding:10px 12px;border-radius:10px}.modal-content{padding:24px 20px 20px}.modal-content h2{font-size:16px}.modal-content p{font-size:13px}.step-actions .next-btn{padding:12px 28px;font-size:.95rem}.step-actions .prev-btn{padding:10px 22px}}@keyframes pageEnterBlurFade{0%{filter:blur(20px);opacity:0}to{filter:blur(0);opacity:1}}.mz-bootcamp-page{transition:filter .5s ease,opacity .5s ease;overflow-x:hidden}.mz-bootcamp-page.page-entering{animation:pageEnterBlurFade .5s ease forwards}.mz-bootcamp-page.page-entering .mz-bootcamp-page-inner{animation:contentFadeIn .6s ease .2s forwards;opacity:0}@keyframes contentFadeIn{0%{opacity:0}to{opacity:1;transform:translateY(0)}}.step1-container{min-height:auto;width:100%;padding:0;margin-top:32px;background:transparent;border-radius:0;display:flex;justify-content:center}.step1-hero{width:100%;max-width:1180px;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;padding:80px;border-radius:32px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 40px 80px #00000014}.hero-left{display:flex;flex-direction:column;justify-content:center}.hero-title{font-size:3.1rem;font-weight:900;line-height:1.15;letter-spacing:-.03em;margin-bottom:44px;color:#020617}.mz-m{color:#2563eb;text-shadow:0 8px 28px rgba(37,99,235,.25)}.mz-z{color:#f97316}.hero-desc{max-width:520px;font-size:1.08rem;line-height:1.8;color:#334155;margin-bottom:52px}.hero-cta{align-self:flex-start;padding:20px 56px;font-size:1.05rem;font-weight:800;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.hero-cta.mobile-cta{display:none}.hero-cta.desktop-cta{display:inline-flex}.hero-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 28px 60px #2563eb73;filter:brightness(1.05)}.hero-cta:active:not(:disabled){transform:translateY(0);box-shadow:0 14px 28px #2563eb59}.hero-cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.hero-right{display:flex;flex-direction:column;gap:28px}.info-block{min-width:385px;position:relative;padding:40px 30px 40px 35px;border-radius:22px;background:linear-gradient(180deg,#fff,#f9fafb);border:1px solid #e5e7eb;box-shadow:0 14px 34px #0000000f;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;text-align:left}.info-block:hover{transform:translateY(-3px);box-shadow:0 26px 56px #0000001a}.info-block:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:4px;border-radius:999px;background:linear-gradient(180deg,#2563eb,#60a5fa);transition:width .2s ease}.info-block:hover:before{width:6px}.info-block-first{margin-bottom:30px}.info-block h4{font-size:.95rem;font-weight:900;margin-bottom:14px;letter-spacing:-.02em;color:#0f172a}.info-block p{font-size:.95rem;font-weight:600;color:#334155;margin-bottom:6px;line-height:1.6}.info-block ul{margin:10px 0 0;padding-left:0;list-style:none;text-align:left}.info-block li{position:relative;padding-left:18px;margin-bottom:8px;font-size:.92rem;font-weight:600;color:#334155}.info-block li:before{content:"•";position:absolute;left:0;top:0;color:#2563eb;font-size:1.25rem;line-height:1}.back-circle-btn{position:absolute;top:100px;left:65px;width:44px;height:44px;border-radius:50%;background:var(--card-bg);border:none;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.back-circle-btn:hover{background-color:#f4f2ef;transform:translateY(-1px)}.back-circle-btn:active{transform:scale(.94)}@media(max-width:1024px){.step1-hero{max-width:100%;padding:60px 50px;gap:48px}.hero-title{font-size:2.6rem}.hero-desc{font-size:1rem}.info-block{min-width:auto;padding:32px 25px 32px 30px}}@media(max-width:768px){.step1-container{padding:20px 16px;margin-top:16px}.step1-hero{grid-template-columns:1fr;padding:40px 24px;gap:36px;border-radius:24px;text-align:center}.hero-left{align-items:center}.hero-title{font-size:2rem;text-align:center;margin-bottom:28px}.hero-desc{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:0;font-size:.95rem;line-height:1.7}.hero-cta.desktop-cta{display:none}.hero-cta.mobile-cta{display:inline-flex;justify-content:center;justify-self:center;width:100%;max-width:280px;padding:16px 40px;font-size:1rem;margin:8px auto 0}.hero-right{margin-top:8px}.info-block{min-width:auto;padding:28px 20px 28px 24px;border-radius:18px;text-align:left}.info-block h4,.info-block p{font-size:.9rem}.info-block li{font-size:.85rem}.info-block-first{margin-bottom:24px}.back-circle-btn{top:36px;left:20px;width:40px;height:40px;font-size:18px}}@media(max-width:480px){.step1-container{padding:16px 12px;margin-top:12px}.step1-hero{padding:32px 20px;gap:28px;border-radius:20px}.hero-title{font-size:1.7rem;margin-bottom:20px}.hero-desc{font-size:.88rem;line-height:1.65}.hero-desc br{display:none}.hero-cta.mobile-cta{padding:14px 32px;font-size:.95rem;justify-self:center}.info-block{padding:24px 16px 24px 20px;border-radius:16px;text-align:left}.info-block h4{font-size:.85rem;margin-bottom:10px}.info-block p{font-size:.85rem}.info-block li{font-size:.82rem;padding-left:14px}.info-block li br{display:none}.info-block-first{margin-bottom:20px}.back-circle-btn{top:28px;left:16px;width:36px;height:36px;font-size:16px}}.application-form{max-width:1200px;margin:0 auto;padding:48px 56px 56px;background:#fff;border-radius:20px;border:1px solid #e5e7eb;box-shadow:0 20px 50px #0000000f}.application-form.is-closed{opacity:.55;filter:grayscale(.4);pointer-events:none}.application-form h2{font-size:1.6rem;font-weight:900;margin-bottom:36px;color:#0f172a}.locked-info{background:#f1f5f9;border-left:4px solid #94a3b8;padding:14px 18px;border-radius:10px;display:flex;align-items:flex-start;gap:8px;font-size:.85rem;font-weight:600;color:#475569;margin-bottom:28px}.locked-info .bullet{flex-shrink:0;line-height:1.6}.locked-info .text{line-height:1.6}.applicant-info{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 32px;margin-bottom:42px}.locked-section{background:#f8fafc;border-radius:16px;padding:26px 28px;border:1px dashed #e5e7eb}.locked-section input,.locked-section select{background:#f1f5f9;border:1.5px solid #e5e7eb;color:#64748b;cursor:not-allowed}.locked-section input::placeholder{color:#94a3b8}.locked-section input:focus,.locked-section select:focus{outline:none;border-color:#e5e7eb;box-shadow:none}.locked-section input[type=radio],.locked-section input[type=checkbox]{accent-color:#cbd5e1}label{display:block;font-size:.85rem;font-weight:700;margin-bottom:6px;color:#334155}label.required:after{content:" *";color:#ef4444;font-weight:900}.application-form input[type=text],.application-form input[type=email],.application-form select{width:100%;padding:12px 14px;border-radius:10px;border:1.5px solid #d1d5db;font-size:.95rem;font-weight:600;color:#0f172a;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.application-form input::placeholder{color:#9ca3af;font-weight:500}.application-form input:disabled,.application-form select:disabled{background:#f1f5f9!important;border-color:#e5e7eb!important;color:#64748b!important;cursor:not-allowed}.application-form input:disabled::placeholder{color:#94a3b8!important}.application-form input[type=radio]:disabled,.application-form input[type=checkbox]:disabled{accent-color:#cbd5e1}.application-form input:not(:disabled):hover,.application-form select:not(:disabled):hover{border-color:#94a3b8}input:focus,select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.radio-group-box,.checkbox-group{padding:14px 16px;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb}.checkbox-group{margin-top:15px}.inline-options{display:flex;gap:22px}.inline-options label,.checkbox-group label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#0f172a;cursor:pointer}.checkbox-box{margin-bottom:38px;margin-top:30px;padding:22px 24px;border-radius:16px;background:#f9fafb;border:1px solid #e5e7eb}.checkbox-box>label{font-size:1rem;font-weight:900;margin-bottom:14px;color:#0f172a}.checkbox-box label{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.mz-check{margin-top:6px}.option-title{font-weight:800;font-size:.95rem;color:#0f172a;display:block}.option-desc{font-size:.85rem;color:#475569;line-height:1.55}input[type=radio],input[type=checkbox]{accent-color:#2563eb}.step-actions{display:flex;justify-content:space-between;margin-top:32px}.prev-btn,.next-btn{padding:14px 40px;border-radius:999px;font-size:.95rem;font-weight:900;border:none;cursor:pointer}.prev-btn{background:#e5e7eb;color:#334155}.prev-btn:hover{background:#d1d5db}.next-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 12px 26px #2563eb59;transition:transform .15s ease,box-shadow .15s ease}.next-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px #2563eb73}.two-column-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:36px}.form-col{display:flex;flex-direction:column}@media(max-width:768px){.two-column-row{grid-template-columns:1fr}}@media(max-width:1024px){.application-form{padding:40px 36px}.applicant-info{gap:22px 28px}}@media(max-width:768px){.application-form{padding:32px 20px;border-radius:16px}.application-form h2{font-size:1.35rem;margin-bottom:28px}.applicant-info{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.locked-section{padding:20px 18px;border-radius:12px}.locked-info{font-size:.8rem;padding:12px 14px}.checkbox-box{padding:18px 16px;border-radius:12px}.inline-options{flex-direction:column;gap:12px}.step-actions{flex-direction:column;gap:14px}.prev-btn,.next-btn{width:100%}}@media(max-width:480px){.application-form{padding:24px 16px;border-radius:14px}.application-form h2{font-size:1.2rem;margin-bottom:24px}.applicant-info{gap:16px;margin-bottom:28px}label{font-size:.8rem}.application-form input[type=text],.application-form input[type=email],.application-form select{padding:10px 12px;font-size:.9rem}.checkbox-box{padding:16px 14px;margin-bottom:28px;margin-top:24px}.checkbox-box>label{font-size:.9rem}.option-title{font-size:.88rem}.option-desc{font-size:.8rem}.locked-info{font-size:.75rem;padding:10px 12px}.prev-btn,.next-btn{padding:12px 32px;font-size:.9rem}}.step3-form{max-width:1200px;margin:0 auto;padding:48px 56px;background:#fff;border-radius:18px;border:1px solid #e5e7eb;box-shadow:0 30px 60px #00000014}.step3-form h2{font-size:1.45rem;font-weight:800;color:#0f172a;margin-bottom:36px}.recommend-slot{margin-bottom:32px}.recommend-section{padding:28px 32px;border-radius:14px;background:#f8fafc;border:1px solid #c7d2fe;margin-bottom:8px}.recommend-section h3{font-size:1.05rem;font-weight:800;color:#1e3a8a;margin-bottom:20px}.recommend-hint{font-size:14px;color:#5b5c5e;margin-left:10px}.recommend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 24px}.recommend-grid label{display:block;font-size:.85rem;font-weight:700;margin-bottom:6px;color:#334155}.step3-form .recommend-grid input[type=text]{width:100%;padding:12px 14px;border-radius:10px;background:#fff;border:1.5px solid #cbd5e1;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.step3-form .recommend-grid input[type=text]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.file-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px}.file-inputs>div{padding:20px 22px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.file-inputs label{display:block;font-size:.9rem;font-weight:800;margin-bottom:12px;color:#0f172a}.file-inputs input[type=file]{width:100%;padding:14px;border-radius:12px;border:2px dashed #94a3b8;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}.file-inputs input[type=file]:hover{border-color:#2563eb;background:#f1f5ff}.file-inputs span{display:block;margin-top:10px;font-size:.8rem;color:#64748b}.selected-file-name{margin-top:4px;font-size:13px;color:#1a73e8}.attach-header{display:flex;align-items:center;gap:14px;margin:24px 0 28px}.attach-btn{padding:10px 18px;border-radius:999px;background:transparent;color:#2563eb;font-size:.85rem;font-weight:800;text-decoration:none;border:1.5px solid #2563eb;transition:all .2s ease}.attach-btn:hover{background:#2563eb14}.agree-group{margin-top:24px}.privacy-text{max-height:300px;overflow-y:auto;padding:20px 22px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;line-height:1.5;color:#374151;background:#fff;margin-bottom:16px}.privacy-text strong{display:block;font-size:14px;font-weight:600;color:#111827}.agree-check{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;margin-top:30px}.agree-check input[type=checkbox]{width:18px;height:18px}.step-actions{padding-top:28px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.prev-btn{padding:14px 30px;border-radius:12px;background:#fff;border:1.5px solid #cbd5e1;font-size:.9rem;font-weight:700;color:#475569;cursor:pointer}.prev-btn:hover{background:#f8fafc}.next-btn{padding:16px 52px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:1rem;font-weight:900;border:none;cursor:pointer}.next-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@media(max-width:1024px){.step3-form{padding:40px}.file-inputs{gap:20px}.recommend-grid{gap:16px 20px}}@media(max-width:768px){.step3-form{padding:32px 20px;border-radius:16px;margin:0}.step3-form h2{font-size:1.25rem;margin-bottom:28px}.file-inputs,.recommend-grid{grid-template-columns:1fr}.file-inputs{gap:16px;margin-bottom:32px}.file-inputs>div{padding:16px 18px;border-radius:12px}.recommend-section{padding:22px 20px;border-radius:12px}.recommend-section h3{font-size:.95rem;margin-bottom:16px}.recommend-hint{display:block;margin-left:0;margin-top:6px}.privacy-text{max-height:200px;padding:16px 18px;font-size:12px}.agree-check{font-size:14px;flex-wrap:wrap}.step-actions{flex-direction:column;gap:14px}.prev-btn,.next-btn{width:100%}.prev-btn{padding:12px 24px}.next-btn{padding:14px 40px}.attach-header{flex-direction:column;align-items:flex-start;gap:10px}}@media(max-width:480px){.step3-form{padding:24px 16px;border-radius:14px}.step3-form h2{font-size:1.15rem;margin-bottom:24px}.file-inputs>div{padding:14px}.file-inputs label{font-size:.85rem}.file-inputs input[type=file]{padding:12px;font-size:.85rem}.file-inputs span{font-size:.75rem}.recommend-section{padding:18px 16px}.recommend-section h3{font-size:.9rem}.step3-form .recommend-grid input[type=text]{padding:10px 12px;font-size:.85rem}.privacy-text{max-height:180px;padding:14px;font-size:11px}.agree-check{font-size:13px;margin-top:24px}.prev-btn{padding:10px 20px;font-size:.85rem}.next-btn{padding:12px 32px;font-size:.9rem}}:root{--blue-main: #2563eb;--blue-light: #f2f6fc;--blue-dark: #1e3a8a;--gray-text: #4b5563;--gray-light: #e5e7eb;--radius-md: 10px;--radius-lg: 14px}.main-container{width:100%;max-width:1400px;margin:50px auto;padding:0 20px 80px}.main-header{width:100%;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:none;box-shadow:0 4px 20px #00000014;padding:22px 0;position:sticky;top:0;z-index:50;display:flex;align-items:center}.header-container{width:100%;max-width:1180px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;gap:20px}.header-left-text{display:flex;flex-direction:column}.onboarding-logo{margin-top:5px;width:55px;cursor:pointer;transition:transform .2s ease}.onboarding-logo:hover{transform:scale(1.05)}.header-center{text-align:center}.header-title{font-size:30px;font-weight:700;color:#0f172a;letter-spacing:-.02em;margin:0}.header-subtitle{display:block;margin-top:6px;font-size:12px;color:#94a3b8;font-weight:500;letter-spacing:.5px}.header-sub{margin-top:3px;font-size:13px;color:#db9d0b;font-weight:600}.header-myinfo-pill{margin-top:15px;display:inline-flex;align-items:center;justify-content:center;gap:5px;width:fit-content;padding:10px;line-height:1;font-size:12px;font-weight:600;color:#1e3a8a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.header-myinfo-pill:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.header-myinfo-pill:active{background:#e0ecff}.header-myinfo-pill:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f640}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.header-user-info{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:10px;transition:all .2s ease}.header-user-info:hover{background:#f1f5f9}.header-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;box-shadow:0 2px 8px #3b82f64d}.header-username{font-size:14px;font-weight:600;color:#1e293b}.header-date{font-size:13px;color:#94a3b8;display:flex;align-items:center;gap:5px}.header-clock-icon{opacity:.7}.header-user-dropdown-wrapper{position:relative}.header-dropdown-arrow{margin-left:4px;transition:transform .2s ease}.header-dropdown-arrow.open{transform:rotate(180deg)}.header-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid #e2e8f0;padding:8px;z-index:100;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;font-size:14px;font-weight:500;color:#374151;cursor:pointer;border-radius:8px;transition:all .15s ease}.header-dropdown-item:hover{background:#f1f5f9;color:#1e293b}.header-dropdown-item svg{opacity:.7}.header-dropdown-divider{height:1px;background:#e2e8f0;margin:8px 0}.header-dropdown-logout{color:#ef4444}.header-dropdown-logout:hover{background:#fef2f2;color:#dc2626}.header-dropdown-logout svg{stroke:#ef4444}.header-progress{font-size:14px;color:#334155}.header-progress b{color:#2563eb;font-weight:800;margin-left:30px}.progress-wrapper{display:flex;align-items:center;gap:10px;font-size:13px}.progress-label{color:#6b7280}.progress-steps{display:flex;gap:6px}.step{width:18px;height:8px;border-radius:999px;background-color:#e5e7eb;transition:all .25s ease}.step.done{background:linear-gradient(90deg,#3b82f6,#2563eb)}.step.active{position:relative;overflow:hidden}.step.active:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#bfdbfe,#93c5fd);animation:slide 1.2s linear infinite}.progress-text{font-size:12px;color:#9ca3af}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.intro-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:20px 24px;border-radius:var(--radius-lg);border:none;border-left:5px solid #3b82f6;margin-bottom:45px;box-shadow:0 2px 8px #3b82f61a}.intro-card-text{margin:0;color:var(--blue-dark);font-size:15px;line-height:1.55}.big-step-container{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.big-step-column{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:32px 24px;min-height:340px;display:flex;flex-direction:column;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.big-step-column .step-action-btn{margin-top:auto}.big-step-column:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001f;border-color:#bfdbfe}.big-step-column--done{border-color:#bfdbfe;background:#eff6ff}.big-step-column--done:hover{border-color:#93c5fd;box-shadow:0 12px 40px #3b82f626}.big-step-column--active{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.big-step-column--active:hover{transform:translateY(-10px);box-shadow:0 16px 50px #3b82f640;border-color:#2563eb}.step-block-header{width:100%;text-align:center;min-height:100px}.step-block-step{font-size:13px;font-weight:700;color:var(--blue-main);margin-bottom:6px}.step-block-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:10px}.step-block-desc{font-size:14px;color:#6b7280;line-height:1.5;white-space:pre-line}.big-circle{width:100px;height:100px;border-radius:50%;box-sizing:border-box;border:3px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;font-size:0;flex-shrink:0}.big-step-column--active .big-circle{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.big-step-column--done .big-circle{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.big-circle-icon{width:50px;height:50px;object-fit:contain;display:block}.step-action-btn{width:100%;padding:12px 0;border-radius:var(--radius-md);font-size:15px;font-weight:600;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.step-action-btn--active{position:relative;color:#fff;background:#2563eb}.big-step-column:hover .step-action-btn--active{animation:breathingGlow 1.2s ease-in-out infinite}.step-action-btn--done{background:#2563eb;color:#fff}.step-action-btn--inactive{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.step-action-btn--inactive:hover{background:#e5e7eb;transform:none;box-shadow:none}@keyframes breathingGlow{0%{transform:scale(1);box-shadow:0 0 #3b82f600}50%{transform:scale(1.02);box-shadow:0 0 18px #3b82f673}to{transform:scale(1);box-shadow:0 0 #3b82f600}}@media(max-width:1024px){.big-step-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.big-step-container{grid-template-columns:1fr}}.hr-section{text-align:left}.hr-section-header{margin-bottom:16px}.hr-section-title{margin:0 0 15px;font-size:20px;font-weight:700;color:#1e3a8a}.hr-section-sub{margin-bottom:10px;font-size:13px;color:#64748b}.hr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-bottom:12px}@media(max-width:768px){.hr-form-grid{grid-template-columns:1fr}}.hr-field{display:flex;flex-direction:column;gap:4px}.hr-field--full{margin-top:10px}.hr-label{font-size:12px;color:#475569;font-weight:500}.hr-label span{color:#3b82f6}.hr-input,.hr-textarea{border:1px solid #cbd5e1;border-radius:10px;padding:9px 11px;font-size:14px;color:#0f172a}.hr-input:focus,.hr-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.hr-textarea{resize:vertical}.hr-agree-box{margin-top:14px;padding:12px 14px;border-radius:10px;background:#f1f5f9;border:1px solid #dbeafe;display:grid;gap:8px}.hr-agree-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#475569}.hr-agree-item input{margin-top:5px}.hr-link-btn{margin-top:16px;padding:10px 18px;border-radius:999px;border:1px solid #3b82f6;background:#fff;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1e3a8a;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .1s ease}.hr-link-btn:hover{background:#eff6ff;box-shadow:0 3px 10px #3b82f62e;transform:translateY(-1px)}.hr-link-arrow{font-size:16px}.eclean-guide-btn-wrap{display:flex;gap:20px;flex-direction:row-reverse}.eclean-guide-btn{padding:8px 14px;border-radius:10px;border:1px solid #d1d5db;background:#fff;font-size:13px;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.eclean-guide-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#f0f7ff}.guide-section-title{margin-top:24px;margin-bottom:6px;font-size:.95rem;font-weight:800;color:#1f2937}.guide-btn-wrap{display:flex;justify-content:space-evenly;gap:25px;flex-wrap:wrap;margin-top:18px}.guide-btn{width:150px;padding:8px 14px;border-radius:10px;border:1px solid #d1d5db;background:#fff;font-size:13px;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.guide-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#f0f7ff}.guide-btn.is-active{border-color:#2563eb;color:#2563eb;background:#e0f2fe}@media(max-width:640px){.guide-btn{width:100%;justify-content:center}}.guide-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:9999}.guide-modal{background:#fff;border-radius:16px;width:min(960px,95vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 22px 60px #0f172a66}.guide-modal-header{padding:12px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.guide-modal-title{font-size:15px;font-weight:600;color:#111827}.guide-modal-close{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer}.guide-modal-close:hover{color:#111827}.guide-modal-body{padding:12px 18px 8px;display:flex;justify-content:center;align-items:center}.guide-image{max-width:100%;max-height:70vh;border-radius:8px;box-shadow:0 10px 30px #0f172a40}.guide-modal-footer{padding:10px 16px 14px;display:flex;align-items:center;justify-content:center;gap:16px;border-top:1px solid #e5e7eb}.guide-nav-btn{padding:6px 12px;border-radius:999px;border:1px solid #d1d5db;background:#f9fafb;font-size:12px;cursor:pointer;transition:all .18s ease}.guide-nav-btn:hover{background:#e5f0ff;border-color:#3b82f6;color:#1d4ed8}.guide-page-indicator{font-size:13px;color:#6b7280}.insurance-guide-box{margin-top:18px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;text-align:center}.insurance-guide-image{max-width:100%;max-height:420px;border-radius:8px;box-shadow:0 6px 15px #0000001f}.insurance-guide-nav{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:14px}.insurance-nav-btn{padding:6px 12px;border-radius:999px;border:1px solid #d1d5db;background:#fff;font-size:13px;cursor:pointer;transition:all .18s ease}.insurance-nav-btn:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.insurance-nav-btn:disabled{opacity:.4;cursor:not-allowed}.insurance-page-indicator{font-size:14px;color:#6b7280}.hr-summary-list{display:flex;margin-top:20px;gap:15px;flex-direction:column}.hr-summary-row{background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.hr-summary-label{color:#64748b}.hr-summary-value{font-weight:700;color:#0f172a}.hr-summary-value--ok{color:#16a34a}.hr-doc-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.hr-doc-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 3px 10px #0f172a0a}.hr-doc-main{flex:1;min-width:0}.hr-doc-title{font-size:14px;font-weight:600;color:#0f172a;display:flex;align-items:center;gap:6px}.hr-doc-required{color:#ef4444;font-weight:700;margin-top:7px;font-size:16px;line-height:1}.hr-doc-desc{margin-top:3px;font-size:12px;color:#64748b;word-break:break-all}.hr-doc-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.hr-upload-btn{position:relative;overflow:hidden;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:600;border:1px solid #3b82f6;background:linear-gradient(90deg,#3b82f6,#60a5fa);color:#fff;cursor:pointer;white-space:nowrap}.hr-upload-btn input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.hr-upload-btn--ghost{background:#fff;color:#1e3a8a;border:1px solid #cbd5e1}.hr-doc-remove{border-radius:999px;padding:6px 10px;font-size:11px;background:#f8fafc;border:1px solid #cbd5e1;color:#64748b;cursor:pointer;white-space:nowrap}.hr-doc-remove:hover{background:#e5f0ff}.hr-radio-row{margin-top:8px;font-size:13px;color:#334155;display:flex;align-items:center;gap:6px}.hr-radio-row input{accent-color:#2563eb}.hr-radio-row.disabled{opacity:.5;cursor:not-allowed}.hr-radio-hint{font-size:12px;color:#64748b}@media(max-width:768px){.hr-doc-row{flex-direction:column;align-items:flex-start}.hr-doc-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}.final-summary-card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;padding:18px 20px 16px;box-shadow:0 4px 14px #0f172a0f}.sgi-modal{padding:24px}.sgi-modal__title{font-size:18px;font-weight:800;margin-bottom:8px}.sgi-modal__desc{font-size:13px;color:#4b5563;margin-bottom:18px}.sgi-field{margin-bottom:14px}.sgi-field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.sgi-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db}.sgi-rrn{display:flex;align-items:center;gap:8px}.sgi-rrn input{width:100%}.sgi-rrn__dash{font-weight:700;color:#6b7280}.sgi-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:10px}.sgi-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.sgi-btn{padding:10px 18px;border-radius:8px;border:1px solid #d1d5db;background:#f9fafb;font-size:14px;font-weight:700;color:#374151;cursor:pointer;transition:all .15s ease}.sgi-btn:hover{background:#f3f4f6}.sgi-btn--primary{background:#2563eb;border-color:#2563eb;color:#fff}.sgi-btn--primary:hover{background:#1d4ed8;border-color:#1d4ed8}.sgi-btn:disabled,.sgi-btn--primary:disabled{background:#93c5fd;border-color:#93c5fd;color:#eff6ff;cursor:not-allowed}.kakao-floating-channel-btn{position:fixed;right:24px;bottom:10px;z-index:9999;display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:24px;border:none;background-color:#fee500;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,filter .15s ease}.kakao-floating-channel-btn:hover{transform:translateY(-2px);filter:brightness(.98)}.kakao-floating-channel-btn:active{transform:translateY(0)}.kakao-chat-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background-color:#000;color:#fee500;font-size:11px;font-weight:700}.kakao-chat-text{white-space:nowrap}@media(max-width:640px){.kakao-floating-channel-btn{right:16px;bottom:16px;padding:9px 14px 9px 10px;font-size:13px}.kakao-chat-icon{width:20px;height:20px;font-size:10px}}.hr-toast{position:fixed;top:30px;right:45%;background:#2563eb;color:#fff;padding:10px 16px;border-radius:999px;font-size:13px;z-index:500}.hr-toast--err{background:#dc2626}.doc-image-layer{position:relative}.doc-image{width:100%}.signature-image{position:absolute}.doc-title{margin-top:12px;font-weight:600;color:#1e3a8a}.confirm-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2100}.confirm-modal-desc{margin-bottom:30px;margin-top:20px}.confirm-modal-actions{display:flex;justify-content:center;gap:30px}.confirm-modal-content{background:#fff;width:400px;padding:24px;border-radius:14px;box-shadow:0 20px 40px #0003;text-align:center;animation:fadeInOverlay .2s ease-out}.hr-doc-category{margin-bottom:28px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.hr-doc-category-title{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:14px 20px;margin:0;font-size:16px;font-weight:600;letter-spacing:.02em}.hr-doc-category-content{padding:8px}.hr-doc-category .hr-doc-row{background:#fff;margin:8px;border-radius:8px;border:1px solid #e5e7eb}.hr-doc-category .hr-doc-row:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.hr-doc-category-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding-right:16px}.hr-doc-category-header .hr-doc-category-title{flex:1}.cert-fetch-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:2px solid #3b82f6;border-radius:8px;color:#1e40af;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cert-fetch-btn:hover{background:#3b82f6;color:#fff}.cert-fetch-btn:hover .cert-fetch-icon{filter:brightness(0) invert(1)}.cert-fetch-icon{width:24px;height:24px}.cert-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cert-modal-content{background:#fff;width:100%;max-width:520px;max-height:90vh;border-radius:16px;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:slideUp .3s ease;scrollbar-width:thin;scrollbar-color:#93b4f5 transparent}.cert-modal-content::-webkit-scrollbar{width:6px}.cert-modal-content::-webkit-scrollbar-track{background:transparent;border-radius:0 16px 16px 0}.cert-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#3b82f6);border-radius:10px}.cert-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5570d7,#2563eb)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cert-modal-header{background:linear-gradient(135deg,#667eea,#3b82f6);padding:20px 24px;position:sticky;top:0;z-index:10}.cert-modal-header h3{margin:0;color:#fff;font-size:18px;font-weight:600}.cert-modal-body{padding:24px}.cert-modal-subtitle{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 24px}.cert-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cert-option-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;min-height:164px}.cert-option-card:hover{border-color:#3b82f6;background:#f0f7ff}.cert-option-card.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f633}.cert-option-card:last-child:nth-child(odd){grid-column:1}.cert-option-icon{width:48px;height:48px;object-fit:contain;border-radius:10px}.cert-option-label{font-size:14px;font-weight:500;color:#374151}.cert-agree-section{margin-bottom:24px}.cert-agree-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cert-agree-title{font-size:14px;font-weight:600;color:#1f2937}.cert-agree-title:before{content:"[필수] ";color:#3b82f6}.cert-detail-btn{background:none;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-size:13px;color:#6b7280;cursor:pointer}.cert-detail-btn:hover{background:#f3f4f6}.cert-agree-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px}.cert-agree-row span{font-size:14px;color:#374151}.cert-agree-btns{display:flex;gap:8px}.cert-agree-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s ease}.cert-agree-btn:hover{border-color:#3b82f6}.cert-agree-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.cert-info-section{border-top:1px solid #e5e7eb;padding-top:20px}.cert-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cert-info-header span:first-child{font-size:16px;font-weight:600;color:#1f2937}.cert-required-hint{font-size:13px;color:#ef4444}.cert-info-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.cert-info-row label{width:100px;font-size:14px;font-weight:500;color:#374151}.cert-info-row input{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937}.cert-info-row input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cert-info-row input::placeholder{color:#9ca3af}.cert-phone-input{flex:1;display:flex;align-items:center;gap:8px}.cert-phone-prefix{padding:12px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151}.cert-phone-input input{flex:1}.cert-modal-footer{display:flex;justify-content:center;gap:16px;padding:20px 24px;border-top:1px solid #e5e7eb;position:sticky;bottom:0;background:#fff;z-index:10}.cert-btn-cancel{padding:14px 48px;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:15px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.cert-btn-cancel:hover{background:#f3f4f6}.cert-btn-confirm{padding:14px 48px;background:#3b82f6;border:none;border-radius:8px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.cert-btn-confirm:hover{background:#2563eb}.anysign-body{padding:0!important}.anysign-header{background:linear-gradient(135deg,#1e3a5f,#2563eb);padding:16px 20px;display:flex;align-items:center;gap:12px}.anysign-logo{height:24px}.anysign-title{color:#fff;font-size:28px;font-weight:700;font-style:italic;letter-spacing:2px}.anysign-content{padding:20px;background:#fff}.anysign-location{margin-bottom:16px}.anysign-label{font-size:13px;color:#6b7280;display:block;margin-bottom:8px}.anysign-tabs{display:flex;gap:4px;flex-wrap:wrap;flex:1}.anysign-tabs-wrapper{display:flex;align-items:center;gap:8px}.anysign-page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:20px;color:#6b7280;cursor:pointer;transition:all .2s ease;flex-shrink:0}.anysign-page-btn:hover{background:#e5e7eb;color:#374151}.anysign-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:70px}.anysign-tab:hover{background:#f3f4f6;border-color:#3b82f6}.anysign-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.anysign-tab-icon{font-size:20px}.anysign-tab span:last-child{font-size:11px}.anysign-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-bottom:16px}.anysign-table-header{display:grid;grid-template-columns:80px 1fr 1fr 1fr;background:#f3f4f6;padding:12px 16px;font-size:13px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;text-align:center}.anysign-table-header span:first-child{text-align:left}.anysign-table-body{min-height:120px;display:flex;align-items:center;justify-content:center}.anysign-table-empty{text-align:center;color:#9ca3af;padding:20px}.anysign-search-icon{font-size:32px;display:block;margin-bottom:8px}.anysign-table-empty p{font-size:13px;line-height:1.5;margin:0}.anysign-actions{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f3f4f6}.anysign-action-btn{padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#374151;cursor:pointer;min-width:90px}.anysign-action-btn:hover{background:#f9fafb}.anysign-hint{font-size:13px;color:#6b7280}.anysign-password-row{display:flex;align-items:center;gap:12px;flex:1}.anysign-password-row label{font-size:13px;color:#374151;white-space:nowrap}.anysign-password-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.anysign-password-input:focus{outline:none;border-color:#3b82f6}.anysign-warning{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.anysign-warning-icon{font-size:16px}.anysign-footer{display:flex;justify-content:center;gap:12px;padding:16px;background:#f9fafb;border-top:1px solid #e5e7eb}.anysign-btn{padding:10px 32px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#374151;cursor:pointer}.anysign-btn:hover{background:#f3f4f6}.cert-option-card:nth-child(3) .cert-option-icon,.cert-option-card:nth-child(5) .cert-option-icon{width:80px;height:80px;border-radius:20px}.finance-body{padding:0!important}.finance-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:8px}.finance-header-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.finance-title{color:#fff;font-size:18px;font-weight:600}.finance-content{padding:20px;background:#fff}.finance-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px}.finance-brand{display:flex;flex-direction:column;gap:2px}.finance-brand-sub{font-size:11px;color:#6b7280}.finance-brand-name{font-size:24px;font-weight:700;font-style:italic;color:#1f2937;letter-spacing:1px}.finance-hancom{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.finance-hancom span:first-child{font-weight:700;color:#ef4444;letter-spacing:1px}.finance-location{margin-top:8px}.finance-label{display:block;font-size:14px;font-weight:600;color:#3b82f6;margin-bottom:12px}.finance-option{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s ease}.finance-option:hover{border-color:#3b82f6;background:#f0f7ff}.finance-option-icon{width:32px;height:32px}.finance-option span:last-child{font-size:15px;color:#1f2937;font-weight:500}.finance-footer{display:flex;justify-content:center;padding:20px;border-top:1px solid #e5e7eb}.finance-btn{padding:12px 48px;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:15px;color:#374151;cursor:pointer;transition:all .2s ease}.finance-btn:hover{background:#f3f4f6}.cert-phone-wrapper{flex:1;display:flex;flex-direction:column;gap:10px}.cert-carrier-select{display:flex;gap:8px}.cert-carrier-btn{flex:1;padding:10px 16px;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.cert-carrier-btn:hover{border-color:#3b82f6;color:#3b82f6}.cert-carrier-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.cert-info-row:has(.cert-phone-wrapper){align-items:flex-start}.cert-info-row:has(.cert-phone-wrapper) label{padding-top:10px}@media(max-width:480px){.cert-modal-content{margin:10px;max-width:calc(100vw - 20px);max-height:calc(100vh - 40px);overflow-y:auto}.cert-modal-header{padding:16px 20px}.cert-modal-header h3{font-size:16px}.cert-modal-body{padding:20px 16px!important}.cert-agree-row{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.cert-agree-row span{font-size:13px;line-height:1.4}.cert-agree-btns{width:100%;justify-content:flex-end}.cert-agree-btn{padding:8px 14px;font-size:12px}.cert-info-row{flex-direction:column;align-items:flex-start;gap:8px}.cert-info-row label{width:auto;font-size:13px}.cert-info-row input{width:100%;padding:10px 14px;font-size:14px}.cert-modal-body h4{font-size:16px!important}.cert-modal-body p{font-size:13px!important}.cert-modal-footer{flex-direction:column;gap:10px;padding:16px}.cert-modal-footer button{width:100%;padding:14px!important;font-size:14px!important}}.onb-modal-backdrop{position:fixed;inset:0;width:100%;height:100%;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:99999;animation:modalFadeIn .25s ease forwards}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.onb-modal-window{width:92%;max-width:760px;background:#fff;border-radius:20px;padding:36px 36px 28px;position:relative;box-shadow:0 12px 36px #0000002e;animation:modalPopIn .28s ease forwards;transform:scale(.92);opacity:0}@keyframes modalPopIn{to{transform:scale(1);opacity:1}}.onb-modal-close{position:absolute;top:14px;right:18px;font-size:26px;font-weight:600;color:#6b7280;background:none;border:none;cursor:pointer;transition:.2s ease}.onb-modal-close:hover{color:#3b82f6;transform:rotate(90deg)}.onb-modal-body{margin-top:10px;max-height:70vh;overflow-y:auto}.modal-footer{margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;gap:10px}.modal-footer-btn{min-width:140px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.modal-footer-btn--primary{background:#2563eb;color:#fff}.modal-footer-btn--primary:hover{background:#1d4ed8}.modal-footer-btn--disabled{background:#e5e7eb;color:#9ca3af;box-shadow:none;cursor:not-allowed}.modal-footer-btn--disabled:hover{background:#e5e7eb}.onboarding-steps-row{display:flex;justify-content:flex-start;align-items:center;gap:0;padding:32px 60px;margin-bottom:32px;border-radius:16px;border:1px solid #e2e8f0;overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.onboarding-steps-row::-webkit-scrollbar{height:6px}.onboarding-steps-row::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.onboarding-steps-row::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.onboarding-steps-row::-webkit-scrollbar-thumb:hover{background:#94a3b8}.onboarding-step-item{display:flex;flex-direction:column;align-items:center;cursor:default;transition:all .3s ease;flex-shrink:0}.onboarding-step-circle{width:80px;height:80px;border-radius:50%;border:3px solid #cbd5e1;background-color:#fff;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.onboarding-step-label{font-size:11px;font-weight:700;letter-spacing:1px;color:#94a3b8;margin-top:4px;transition:color .3s ease}.onboarding-step-text{font-size:13px;font-weight:600;color:#64748b;text-align:center;white-space:nowrap;line-height:1.3;transition:color .3s ease}.onboarding-step-item.done .onboarding-step-circle{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 4px 12px #10b9814d}.onboarding-step-item.done .onboarding-step-label{color:#10b981}.onboarding-step-item.done .onboarding-step-text{color:#059669}.onboarding-step-item.active .onboarding-step-circle{background:#fff;border-color:#2563eb;color:#2563eb;box-shadow:0 0 0 4px #3b82f626,0 0 20px #3b82f640;animation:activeCirclePulse 2s ease-in-out infinite}@keyframes activeCirclePulse{0%,to{transform:scale(1);box-shadow:0 0 0 4px #3b82f626,0 0 20px #3b82f640}50%{transform:scale(1.08);box-shadow:0 0 0 6px #3b82f633,0 0 30px #3b82f659}}.onboarding-step-item.active .onboarding-step-label{color:#3b82f6}.onboarding-step-item.active .onboarding-step-text{color:#1d4ed8;font-weight:700}@keyframes activePulse{0%,to{box-shadow:0 4px 16px #3b82f666;transform:scale(1)}50%{box-shadow:0 6px 24px #3b82f699;transform:scale(1.05)}}.onboarding-step-item.disabled .onboarding-step-circle{background:#f1f5f9;border-color:#e2e8f0;color:#cbd5e1}.onboarding-step-item.disabled .onboarding-step-label{color:#cbd5e1}.onboarding-step-item.disabled .onboarding-step-text{color:#94a3b8}.onboarding-dots-wrap{display:flex;align-items:center;gap:12px;padding:0 40px;flex-shrink:0}.onboarding-dot{width:12px;height:12px;border-radius:50%;background:#cbd5e1;transition:all .2s ease}.onboarding-dot.filled{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d}.onboarding-dot.anim{animation:dotFlowBlue 1.2s infinite ease-in-out}@keyframes dotFlowBlue{0%{background:#93c5fd;transform:scale(1);box-shadow:none}25%{background:#3b82f6;transform:scale(1.4);box-shadow:0 0 8px #3b82f680}50%{background:#1d4ed8;transform:scale(1.2);box-shadow:0 0 4px #3b82f64d}to{background:#93c5fd;transform:scale(1);box-shadow:none}}.onboarding-dot.anim:nth-child(1){animation-delay:0s}.onboarding-dot.anim:nth-child(2){animation-delay:.12s}.onboarding-dot.anim:nth-child(3){animation-delay:.24s}.onboarding-dot.anim:nth-child(4){animation-delay:.36s}.onboarding-dot.anim:nth-child(5){animation-delay:.48s}@media(max-width:1200px){.onboarding-steps-row{justify-content:flex-start;padding:24px 20px}.onboarding-step-circle{width:56px;height:56px;font-size:20px}.onboarding-dots-wrap{padding:0 14px;gap:6px}.onboarding-dot{width:8px;height:8px}.onboarding-step-text{font-size:11px}.onboarding-step-label{font-size:10px}}@media(max-width:768px){.onboarding-steps-row{padding:16px 12px}.onboarding-step-circle{width:44px;height:44px;font-size:16px}.onboarding-step-item{min-width:50px}.onboarding-step-text{font-size:10px;max-width:60px}.onboarding-dots-wrap{padding:0 8px;gap:4px}.onboarding-dot{width:6px;height:6px}}.kakao-redirect-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1e3a5f,#2d5a87);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;box-sizing:border-box}.kakao-redirect-container{background:#fff;border-radius:24px;padding:36px 28px;max-width:340px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.kakao-redirect-icon{margin-bottom:20px}.kakao-redirect-icon.success svg{filter:drop-shadow(0 4px 12px rgba(34,197,94,.4))}.kakao-redirect-title{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 12px;line-height:1.4}.kakao-redirect-desc{font-size:15px;color:#64748b;line-height:1.6;margin:0 0 24px}.kakao-redirect-desc strong{color:#3b82f6}.kakao-btn-primary{width:100%;padding:16px 24px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #3b82f666;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.kakao-btn-primary:active{transform:scale(.98);box-shadow:0 2px 8px #3b82f666}.kakao-guide-box{background:#f8fafc;border-radius:14px;padding:16px;text-align:left}.guide-title{font-size:13px;font-weight:600;color:#64748b;margin:0 0 12px;text-align:center}.guide-item{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:#475569}.guide-item:not(:last-child){border-bottom:1px solid #e2e8f0}.guide-num{width:22px;height:22px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.guide-item strong{color:#1e293b}.browser-icons{display:flex;justify-content:center;gap:32px;margin-bottom:24px}.browser-icon{display:flex;flex-direction:column;align-items:center;gap:8px}.browser-icon span{font-size:13px;color:#64748b;font-weight:500}.kakao-btn-secondary{width:100%;padding:14px 20px;font-size:14px;font-weight:500;color:#64748b;background:#f1f5f9;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.kakao-btn-secondary:active{background:#e2e8f0}.kakao-redirect-loading{text-align:center;padding:20px}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.kakao-redirect-loading p{font-size:16px;color:#64748b}