*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background:#fff}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-bottom:1px solid #eee}.logo{height:28px}.menu{display:flex;gap:24px;font-size:16px;font-weight:500}.menu .active{border-bottom:2px solid #000;padding-bottom:4px}.icon-btn{font-size:18px;background:none;border:none;margin-left:10px;cursor:pointer}.right a{margin-right:15px;cursor:pointer}.searchbar{margin:25px auto;width:70%;min-width:320px;display:flex;align-items:center;background:#fff;border-radius:40px;padding:10px 20px;box-shadow:0 2px 10px #00000014}.item{flex:1;font-size:14px;font-weight:600}.item span{display:block;font-size:12px;color:#777;margin-top:3px}.divider{height:30px;width:1px;background:#e5e5e5;margin:0 15px}.search-btn{background:#ff385c;color:#fff;border:none;border-radius:30px;font-size:16px;padding:10px 16px;cursor:pointer}.section{padding:20px 40px}.section-title{font-size:22px;font-weight:700;margin-bottom:14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}.facility-card{cursor:pointer}.img-wrap{position:relative}.facility-img{width:100%;height:170px;object-fit:cover;border-radius:16px}.badge{position:absolute;top:10px;left:10px;background:#fff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}.heart{position:absolute;top:10px;right:10px;background:#fff;border-radius:50%;border:none;width:30px;height:30px;cursor:pointer}.facility-info{margin-top:6px}.facility-name{font-size:16px;font-weight:600}.facility-price{font-size:14px;color:#555;margin-top:3px}.section-header{display:flex;justify-content:space-between;align-items:center}.arrow-buttons{display:flex;gap:8px}.arrow-btn{width:32px;height:32px;border-radius:50%;border:none;background:#f0f0f0;cursor:pointer;font-size:16px;color:#555}.arrow-btn:disabled{opacity:.3;cursor:default}.category-item{position:relative;cursor:pointer}.dropdown{position:absolute;top:55px;left:50%;transform:translate(-50%);background:#fff;border-radius:18px;padding:12px 0;width:220px;max-height:280px;overflow-y:auto;box-shadow:0 8px 24px #00000026;z-index:20}.dropdown-item{padding:12px 18px;font-size:14px;font-weight:500;color:#333;transition:.15s ease}.dropdown-item:hover{background:#f7f7f7;border-radius:10px}.dropdown::-webkit-scrollbar{width:6px}.dropdown::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.dropdown::-webkit-scrollbar-thumb:hover{background:#bbb}.facility-input{position:relative}.facility-input input{margin-top:4px;border:none;outline:none;font-size:13px;color:#333;width:100%;background:transparent;padding:3px 0}.facility-input input::placeholder{color:#aaa}.date-item{display:flex;flex-direction:column}.date-input{margin-top:4px;border:none;outline:none;font-size:12px;color:#555;background:transparent;cursor:pointer}@media(max-width:900px){.header{padding:15px 20px}.menu{display:none}.searchbar{width:90%}.card-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media(max-width:600px){.searchbar{flex-direction:column;gap:10px;padding:20px;border-radius:20px}.divider{display:none}.item{width:100%;text-align:center}.card-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:5000}.modal-container{background:#fff;width:420px;max-width:95%;padding:26px;border-radius:20px;position:relative;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:14px;left:14px;border:none;background:none;font-size:18px;cursor:pointer}.modal-title{text-align:center;font-size:18px;font-weight:700}.modal-welcome{margin-top:25px;font-size:22px;font-weight:600}.input-wrap{margin-top:14px}.input-field{width:100%;padding:14px;border-radius:12px;border:1px solid #ddd;font-size:15px}.continue-btn{width:100%;margin-top:18px;padding:14px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(90deg,#ff385c,#e61e4d);border:none;border-radius:12px;cursor:pointer}.divider-text{text-align:center;margin:18px 0;color:#666}.social-btn{width:100%;margin-bottom:10px;padding:13px;background:#fff;border:1px solid #ddd;border-radius:12px;text-align:left;font-size:15px;display:flex;align-items:center;gap:10px;cursor:pointer}.social-icon{width:22px;height:22px}.naver{border-color:#1ec800;color:#1ec800;font-weight:600}.kakao{border-color:#fee500;background:#fee500;color:#3a1d1d;font-weight:600}@media(max-width:480px){.modal-container{width:90%;padding:20px}.modal-welcome{font-size:20px}}.sub-links{display:flex;justify-content:center;gap:8px;margin:10px 0 20px;font-size:14px;color:#666}.sub-links .link{cursor:pointer;transition:.2s}.sub-links .link:hover{color:#000}.sub-links .divider{color:#ccc}.join-container{max-width:900px;margin:40px auto;padding:0 20px;font-family:Arial,sans-serif}.join-title{font-size:22px;font-weight:700;margin-bottom:25px}.join-form{width:100%;border:1px solid #eee;border-radius:8px;background:#fff;padding:30px}.join-row{display:flex;flex-direction:column;margin-bottom:20px}.join-row label{font-size:14px;margin-bottom:8px;font-weight:600}.join-row input,.join-row select{border:1px solid #ddd;border-radius:6px;padding:12px;font-size:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check-btn{margin-left:10px;padding:12px 16px;border:1px solid #0095f6;color:#0095f6;border-radius:6px;background:#fff;cursor:pointer}.join-flex{display:flex;align-items:center}.join-comment{font-size:10px;color:red;margin-bottom:8px;margin-left:.3rem;font-weight:600}.join-radio-group{display:flex;gap:20px;padding:10px 0}.email-first-line{display:flex;align-items:center;gap:8px;margin-bottom:8px}.email-first-line input,.email-first-line select{height:40px;padding:8px;font-size:14px}.email-second-line{display:flex;justify-content:flex-start}.email-send-btn{background-color:#e0f1ff;color:#007bff;border:1px solid #b8daff;border-radius:6px;padding:8px 14px;font-size:14px;cursor:pointer}.email-send-btn:disabled{opacity:.5;cursor:not-allowed}.join-submit{margin-top:20px;width:100%;padding:14px;background:#0095f6;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer}@media(max-width:768px){.two-col,.email-row{grid-template-columns:1fr}.email-at{display:none}.join-container{max-width:100%;margin:20px auto;padding:0 12px}.join-form{padding:20px}.join-row input,.join-row select{width:100%!important;box-sizing:border-box!important;max-width:100%!important}input[type=date]{width:100%!important}}.recovery-page{max-width:900px;margin:40px auto;padding:0 20px}.recovery-panel{width:100%;max-width:520px;margin:50px auto;padding:30px;border:1px solid #eee;border-radius:8px;background:#fff}.recovery-panel h2{margin:0 0 10px;font-size:24px}.recovery-panel p{margin:0 0 24px;color:#666;font-size:14px}.recovery-panel label{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600}.recovery-panel input{border:1px solid #ddd;border-radius:6px;padding:12px;font-size:14px}.recovery-panel button{width:100%;margin-top:8px;padding:14px;border:0;border-radius:6px;background:#0095f6;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.recovery-panel .recovery-secondary{background:#fff;color:#333;border:1px solid #ddd}.recovery-result{margin:18px 0 10px;padding:14px;border-radius:6px;background:#f3f8ff;color:#1f5f99;font-size:14px}@media(max-width:768px){.recovery-page{max-width:100%;margin:20px auto;padding:0 12px}.recovery-panel{margin:30px auto;padding:20px}}.rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;inset:5px 0;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;inset:5px 0}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;inset:3px 0;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;inset:-2px 0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}.detail-container{width:100%;max-width:1150px;margin:0 auto;padding:20px;box-sizing:border-box;font-family:Noto Sans KR,sans-serif}.hero-section{width:100%;margin-bottom:20px;position:relative}.hero-img{width:100%;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #00000014}.facility-title{margin-top:15px;font-size:26px;font-weight:700}.content-layout{display:flex;gap:40px;margin-top:20px}.left-info{flex:2}.left-info h2{margin-bottom:10px;font-size:22px}.map-box{width:100%;height:250px;background:#f5f5f5;border-radius:10px;margin-top:10px;display:flex;align-items:center;justify-content:center}.right-reservation{flex:1;border:1px solid #eaeaea;border-radius:14px;padding:20px;position:sticky;top:20px;height:fit-content;background:#fff;box-shadow:0 4px 12px #0000000f}.price-box{margin-bottom:20px}.price{font-size:22px;font-weight:700}.calendar-section h3{margin-bottom:10px;font-size:18px;font-weight:600}.calendar-section .rdrCalendarWrapper{width:100%!important}.times-box{margin-top:25px}.times-list{margin-top:5px;display:flex;flex-wrap:wrap;gap:10px}.time-btn{padding:8px 12px;border:1px solid #ddd;border-radius:8px;cursor:pointer;background:#fff;font-size:14px}.time-btn:hover{border-color:#ff385c}.time-selected{background:#ff385c;color:#fff;border-color:#ff385c}.reserve-btn{width:100%;margin-top:20px;padding:13px 0;background:#ff385c;color:#fff;border-radius:10px;border:none;font-size:17px;cursor:pointer;transition:.2s}.reserve-btn:hover{background:#e03652}.notice{text-align:center;margin-top:10px;font-size:13px;color:#555}.people-box{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.people-box .label{font-size:14px;font-weight:600;color:#222}.people-control{display:flex;align-items:center;gap:12px;background:#f7f7f7;border-radius:14px;padding:6px 12px}.people-btn{width:32px;height:32px;border-radius:50%;border:1px solid #ddd;background:#fff;font-size:18px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}.people-btn:hover{background:#f0f0f0}.people-count{min-width:36px;text-align:center;font-size:14px;font-weight:600}.modalOverlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999}.paymentModal{width:90%;max-width:360px;background:#fff;border-radius:16px;padding:20px;animation:fadeUp .2s ease}.paymentModal h2{font-size:18px;font-weight:700;margin-bottom:8px}.paymentModal .desc{font-size:14px;color:#555;line-height:1.5;margin-bottom:16px}.amountBox{background:#f8f9fa;border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.amountBox span{font-size:13px;color:#666}.amountBox strong{font-size:18px;font-weight:700}.payMethodBox{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.payMethodBox label{display:flex;align-items:center;gap:8px;font-size:14px}.modalActions{display:flex;gap:8px}.cancelBtn{flex:1;height:44px;border-radius:10px;border:1px solid #ddd;background:#fff;font-size:14px;cursor:pointer}.confirmBtn{flex:1;height:44px;border-radius:10px;border:none;background:#ff4d6d;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.confirmBtn:disabled{background:#ccc}.notice{font-size:12px;color:#888;text-align:center;margin-top:12px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.content-layout{flex-direction:column}.right-reservation{position:static;width:100%}.hero-img{height:220px}}.review-write{margin-top:32px;padding:20px;border-top:1px solid #eee}.review-write textarea{width:100%;height:100px;margin-top:12px;padding:10px;resize:none}.review-write-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.star-rating{font-size:24px;cursor:pointer}.star{color:#ddd}.star.filled{color:#ffb400}.review-write.disabled{color:#999}.payment-complete-wrapper{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#f6f7f9}.payment-complete-card{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 10px 30px #00000014;text-align:center}.payment-complete-card .icon{font-size:48px;margin-bottom:16px}.payment-complete-card h1{font-size:22px;font-weight:700;margin-bottom:24px}.info{margin-bottom:32px}.info .row{display:flex;justify-content:space-between;padding:10px 0;font-size:15px}.info .label{color:#777}.info .value{font-weight:600}.primary-btn{width:100%;height:48px;background:#06f;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer}.primary-btn:hover{background:#0053d6}@media(max-width:768px){.payment-complete-wrapper{background:#fff;align-items:flex-start;padding-top:80px}.payment-complete-card{box-shadow:none;border-radius:0;background:transparent;padding:0 20px;max-width:100%}}:root{--bg: #f6f7fb;--card: #ffffff;--text: #111827;--muted: #6b7280;--line: rgba(17, 24, 39, .08);--shadow: 0 10px 30px rgba(17, 24, 39, .08);--radius: 18px}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg)}.mypage{max-width:1100px;margin:0 auto;padding:28px 18px;display:grid;grid-template-columns:280px 1fr;gap:18px}.sidebar{position:sticky;top:18px;height:fit-content;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.sidebar__header{padding:18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#1118270a,#fff0)}.avatar{width:44px;height:44px;border-radius:14px;background:radial-gradient(circle at 30% 30%,#00000059,#0000001f)}.user__name{font-weight:700;font-size:14px;line-height:1.1}.user__email{font-size:12px;color:var(--muted);margin-top:4px}.menu{padding:10px;display:grid;gap:6px}.menu__item{width:100%;border:1px solid transparent;background:transparent;padding:12px;border-radius:14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.16s ease;text-align:left}.menu__item:hover{background:#1118270a}.menu__item.is-active{background:#111827eb;color:#fff;box-shadow:0 12px 20px #1118272e}.menu__dot{width:8px;height:8px;border-radius:999px;background:#11182740}.menu__item.is-active .menu__dot{background:#ffffffe6}.menu__label{font-size:14px;font-weight:600;flex:1}.menu__chev{opacity:.6;font-size:18px;transform:translateY(-1px)}.menu__item.is-active .menu__chev{opacity:.9}.sidebar__footer{padding:14px 18px 18px;border-top:1px solid var(--line)}.ghost{width:100%;border:1px solid var(--line);background:#fff;padding:10px 12px;border-radius:14px;cursor:pointer;font-weight:600;transition:.16s ease}.ghost:hover{background:#1118270a}.content{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.content__head{padding:22px 22px 14px;border-bottom:1px solid var(--line)}.content__title{margin:0;font-size:20px;font-weight:800}.content__desc{margin:6px 0 0;color:var(--muted);font-size:13px}.panel{padding:18px 22px 22px}.panel__title{font-weight:800;margin-bottom:12px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.card+.card{margin-top:12px}.card__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.card__name{font-size:14px;font-weight:500}.card__meta{font-size:12px;color:var(--muted);margin-top:6px}.grid{display:grid;gap:12px}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.card__actions{display:flex;gap:8px;margin-top:12px}.btn{border:0;background:#111827eb;color:#fff;padding:10px 12px;border-radius:14px;cursor:pointer;font-weight:700;transition:.16s ease;min-width:88px}.btn--light{background:#1118270f;color:var(--text)}.field{display:grid;gap:6px;margin-bottom:12px}.field__label{font-size:12px;color:var(--muted);font-weight:700}.input,.textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:10px 12px;outline:none;font-size:14px}.textarea{min-height:100px;resize:vertical}.input:focus,.textarea:focus{box-shadow:0 0 0 4px #11182714;border-color:#11182740}@media(max-width:920px){.mypage{grid-template-columns:1fr}.sidebar{position:relative;top:auto}.grid--2{grid-template-columns:1fr}}.reservation-card{display:flex;gap:14px;padding:12px;align-items:stretch}.reservation-card__image{width:120px;height:96px;border-radius:12px;object-fit:cover;flex-shrink:0;background:#e5e7eb}.reservation-card__info{display:flex;flex-direction:column}.reservation-card__button{white-space:nowrap}.img-card{width:80%;aspect-ratio:4 / 2;object-fit:cover}@media(max-width:640px){.reservation-card{flex-direction:column}.reservation-card__image{width:100%;height:160px}.reservation-card__content{flex-direction:column;align-items:flex-start}.reservation-card__button{width:100%}.reservation-list{display:grid;gap:14px}.status-badge{font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px;line-height:1;white-space:nowrap}.status-badge--paid{background:#111827e6;color:#fff}.status-badge--completed{background:#10b98126;color:#047857}.status-badge--canceled{background:#ef444426;color:#b91c1c}.reservation-card__title{display:flex;align-items:center;gap:8px}.reservation-card__actions{flex-wrap:nowrap;white-space:nowrap}.reservation-card__actions{width:100%}.reservation-card__actions .btn{flex:1}}.status-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin-left:8px!important;padding:4px 10px!important;font-size:11px!important;font-weight:800!important;line-height:1!important;border-radius:999px!important;white-space:nowrap!important;border:1px solid transparent!important}.status-badge--paid{background:#000205!important;color:#fff!important}.status-badge--completed{background:#10b98124!important;color:#047857!important;border-color:#10b98147!important}.status-badge--pending{background:#ef444424!important;color:#b91c1c!important;border-color:#ef444447!important}.status-badge--canceled{background:#022164!important;color:#fff!important}.reservation-card__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid transparent;padding:9px 12px;border-radius:999px;font-size:12px;font-weight:800;line-height:1;cursor:pointer;transition:.15s ease;white-space:nowrap}.btn{background:#111827;color:#fff}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--ghost{background:#1118270f;color:#111827;border-color:#11182714}.btn--danger{background:#ef44441a;color:#b91c1c;border-color:#ef444438}@media(max-width:640px){.reservation-card__actions{gap:8px}.btn{padding:10px 12px}}.reservation-card__content{flex:1;display:flex;flex-direction:column;gap:10px}.reservation-card__actions{display:flex;gap:10px;padding-top:10px;border-top:1px dashed rgba(17,24,39,.08)}.btn{border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700}@media(max-width:640px){.reservation-card__actions{width:100%}.reservation-card__actions .btn{flex:1}.img-card{width:100%;height:220px}}.profile-wrapper{display:flex;flex-direction:column;gap:32px}.profile-section__header{margin-bottom:12px}.profile-section__title{margin:0 0 4px;font-size:16px;font-weight:700}.profile-section__desc{margin:0;font-size:13px;color:var(--muted)}.profile-section__actions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.input--readonly{background:#1118270a;color:var(--muted);cursor:not-allowed;pointer-events:none}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.setting-row__info{display:flex;flex-direction:column;gap:4px}.setting-row__title{font-size:14px;font-weight:600}.setting-row__desc{font-size:12px;color:var(--muted)}.text-danger{color:#b91c1c}.divider{border:0;height:1px;background:var(--line);margin:16px 0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#11182726;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.toggle-slider{background-color:#111827eb}input:checked+.toggle-slider:before{transform:translate(20px)}.detail-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:9999}.detail-modal{width:760px;max-width:calc(100% - 32px);max-height:90vh;background:#fff;border-radius:14px;overflow-y:auto;box-shadow:0 20px 40px #00000040}.detail-header{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.detail-header h2{font-size:20px;font-weight:800}.detail-close{background:none;border:none;font-size:22px;cursor:pointer}.detail-section{padding:22px 24px}.section-title{font-size:15px;font-weight:800;margin-bottom:14px}.info-grid{display:grid;grid-template-columns:140px 1fr;row-gap:12px;column-gap:16px}.info-label{font-size:13px;color:#6b7280}.info-value{font-size:14px}.status-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800}.status-paid{background:#111827;color:#fff}.status-completed{background:#10b98126;color:#047857}.status-cancelled,.status-canceled{background:#ef444426;color:#b91c1c}.product-box{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.product-row{display:grid;grid-template-columns:1fr 160px 160px;padding:14px 16px;font-size:14px}.product-row.head{background:#f9fafb;font-size:13px;font-weight:800}.product-row+.product-row{border-top:1px solid #e5e7eb}.detail-footer{padding:22px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:center}.print-btn{width:160px;padding:12px;background:#111827;color:#fff;border-radius:10px;font-weight:800;cursor:pointer;border:none}.bold{font-weight:800}@media(max-width:768px){.product-row{grid-template-columns:1fr;row-gap:6px}.info-grid{grid-template-columns:1fr}}.reviewModal{width:900px;max-width:90vw;background:#fff;border-radius:16px;padding:32px 40px}.reviewHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.reviewHeader h2{font-size:22px;font-weight:700}.closeBtn{font-size:22px;border:none;background:none;cursor:pointer}.reviewBody{display:flex;gap:40px}.reviewLeft{width:260px}.imagePreviewArea{display:flex;gap:12px;align-items:flex-start}.imageBox{width:80px;height:80px;border:1px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;flex-shrink:0}.previewImg{width:80px;height:80px;object-fit:cover;border-radius:8px}.reviewRight{flex:1}.ratingRow{display:flex;align-items:center;gap:12px;margin-bottom:16px}.reviewTextarea{width:100%;height:220px;border:1px solid #ddd;border-radius:8px;padding:14px;resize:none}.textCount{text-align:right;font-size:12px;color:#888;margin-top:6px}.reviewFooter{display:flex;justify-content:center;gap:16px;margin-top:32px}.reviewCancelBtn{width:160px;height:44px;background:#fff;border:1px solid #ccc}.reviewSubmitBtn{width:160px;height:44px;background:#000;color:#fff}.image-wrapper{position:relative;width:90px;height:90px}.previewImg{width:100%;height:100%;object-fit:cover;border-radius:8px}.delete-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:14px;line-height:20px;text-align:center;cursor:pointer;padding:0}.completeModal{width:360px;background:#fff;border-radius:16px;padding:32px 24px;text-align:center}.completeModal h2{color:#000;font-size:30px;font-weight:700;margin-bottom:12px}.completeModal .desc{font-size:14px;color:#555;line-height:1.5;margin-bottom:24px}.modalActions{display:flex;justify-content:center}.confirmBtn{width:120px;height:40px;background:#000;color:#fff;border:none;border-radius:8px;cursor:pointer}.review-list{width:100%;max-width:1000px;margin:0 auto}.review-list-header{font-size:14px;margin-bottom:16px}.review-item{position:relative;display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #e5e5e5}.review-image{width:90px;height:90px;object-fit:cover;border-radius:4px}.review-content{flex:1}.review-order{font-size:13px;color:#777;margin-bottom:4px}.review-product{font-size:15px;font-weight:600;margin-bottom:6px}.review-rating{color:#3b82f6;margin-bottom:6px}.review-text{font-size:14px;margin-bottom:6px}.review-date{font-size:12px;color:#999}.btn-edit{padding:6px 14px;font-size:13px;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer}.btn-delete{padding:6px 14px;font-size:13px;background:#fff;border:1px solid #ff3b3b;color:#ff3b3b;border-radius:4px;cursor:pointer}.review-actions-top{position:absolute;top:50px;right:10px;display:flex;flex-direction:column;gap:8px}