:root{--ink:#17211e;--muted:#66736f;--line:#dce6e2;--paper:#fff;--bg:#eef5f2;--green:#087a5b;--green2:#12a778;--gold:#f2b84b;--red:#c74343;--shadow:0 16px 45px rgba(19,49,40,.09)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans KR",system-ui,sans-serif}.app-header{padding:26px max(20px,calc((100% - 1120px)/2));background:linear-gradient(125deg,#083f35,#087a5b 58%,#20ad7d);color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.brand{font-weight:950;letter-spacing:.16em;color:#b9ffe9;font-size:12px}.app-header h1{margin:7px 0 5px;font-size:clamp(24px,4vw,38px)}.app-header p{margin:0;color:#d8f5ec}.app-header button{color:#fff;border-color:#83cdb7}.role-tabs{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);max-width:1120px;margin:0 auto;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 6px 20px rgba(17,45,37,.06)}button,.photo-button,.receipt-upload{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:11px 15px;font:inherit;font-weight:800;cursor:pointer}.role-tab{border:0;border-radius:0;padding:16px 8px;color:var(--muted)}.role-tab.active{color:var(--green);box-shadow:inset 0 -3px var(--green)}button.primary{background:var(--green);border-color:var(--green);color:#fff}button.danger{color:var(--red);border-color:#efcaca}.ghost{background:transparent}.wide{width:100%}main{max-width:1120px;margin:0 auto;padding:22px}.view{display:none}.view.active{display:grid;gap:18px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.panel-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.panel-title span{font-size:11px;letter-spacing:.12em;color:var(--green);font-weight:950}.panel-title h2{margin:4px 0 0}.pay-badge,.status-pill{padding:8px 10px!important;border-radius:999px;background:#e5f7f0;color:var(--green)!important;font-size:12px!important;letter-spacing:0!important;white-space:nowrap}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.form-grid label,.proof-box label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:800}input,select{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;background:#fbfdfc;color:var(--ink);font:inherit}.quote-box{margin:18px 0;padding:16px;border-radius:14px;background:#f5faf8;display:flex;justify-content:space-between;gap:20px;align-items:center}.quote-box strong{font-size:24px}.quote-box small{display:block;color:var(--muted);margin-top:4px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.summary-grid div{background:#f7faf9;border:1px solid var(--line);border-radius:13px;padding:12px}.summary-grid span{display:block;color:var(--muted);font-size:12px}.summary-grid strong{display:block;margin-top:5px}.timeline{display:flex;gap:0;margin:18px 0;overflow:auto}.timeline div{min-width:118px;position:relative;padding-top:25px;color:var(--muted);font-size:12px;font-weight:800}.timeline div:before{content:"";position:absolute;top:6px;left:2px;width:12px;height:12px;border-radius:50%;background:#cbd8d4;z-index:2}.timeline div:after{content:"";position:absolute;height:3px;background:#dce6e2;left:8px;right:-8px;top:11px}.timeline div.done{color:var(--green)}.timeline div.done:before,.timeline div.done:after{background:var(--green2)}.eta-card{display:flex;justify-content:space-between;align-items:center;padding:18px;background:linear-gradient(120deg,#0a5d49,#0b9270);color:#fff;border-radius:16px}.eta-card span,.eta-card small{display:block;color:#c9f5e8}.eta-card strong{display:block;font-size:30px;margin:3px 0}.eta-icon{font-size:35px;color:#80f4cf}.action-box{margin:15px 0;border:1px solid #cbe5dc;background:#f1fbf7;border-radius:15px;padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:center}.button-row{display:flex;gap:8px;flex-wrap:wrap}.chat-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:16px}.chat-head{padding:13px;display:flex;justify-content:space-between;background:#f5f9f7}.chat-head span{font-size:12px;color:var(--muted)}.chat-messages{min-height:110px;max-height:240px;overflow:auto;padding:14px;display:grid;gap:9px}.message{max-width:80%;padding:10px 12px;border-radius:13px;background:#edf3f1;font-size:14px}.message.mine{margin-left:auto;background:#dff7ee}.message small{display:block;color:var(--muted);margin-top:5px}.message img{max-width:180px;border-radius:10px;display:block}.chat-compose{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:10px;border-top:1px solid var(--line)}.photo-button{padding:11px}.photo-button input,.receipt-upload input{display:none}.roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.roster-card{border:1px solid var(--line);border-radius:15px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:7px}.roster-card span{color:var(--muted);font-size:12px}.roster-card .available{color:var(--green);font-weight:900}.empty{padding:28px;text-align:center;color:var(--muted);background:#f7faf9;border-radius:15px}.assignment-board{display:grid;gap:9px;margin:15px 0}.assignment-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}.step-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.step-actions button:disabled{opacity:.4;cursor:not-allowed}.proof-box{margin-top:18px;padding:15px;border:1px dashed #b7cbc4;border-radius:14px}.proof-box img{max-width:220px;margin-top:10px;border-radius:10px}.ledger{display:grid;gap:8px;margin:15px 0}.ledger-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 2px}.qr-box{display:flex;gap:16px;align-items:center;background:#f5faf8;padding:16px;border-radius:15px}.fake-qr{width:92px;height:92px;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#17211e 0 5px,#fff 5px 10px);color:#fff;font-weight:950;text-align:center;border:8px solid #fff;box-shadow:0 0 0 1px var(--line)}.qr-box p{margin:5px 0;color:var(--muted)}.receipt-upload{display:inline-block;margin-top:14px}.receipt-result{margin-top:10px;color:var(--green);font-weight:900}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:#17211e;color:#fff;padding:12px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.2s;z-index:40}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){.app-header{padding:22px 18px;display:block}.app-header button{margin-top:14px}.role-tabs{margin:0}.role-tab{font-size:13px}main{padding:14px}.panel{padding:16px;border-radius:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roster{grid-template-columns:1fr}.step-actions{grid-template-columns:1fr 1fr}.action-box{display:block}.action-box button,.action-box .button-row{margin-top:10px}.quote-box{align-items:flex-start}.panel-title{align-items:flex-start}.pay-badge{white-space:normal}.chat-compose{grid-template-columns:auto 1fr}.chat-compose button{grid-column:1/-1}.qr-box{align-items:flex-start}}@media(max-width:420px){.form-grid{grid-template-columns:1fr}.role-tab{padding:14px 3px;font-size:12px}.step-actions{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}}
.gender-choice{grid-column:1/-1;border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.gender-choice legend{font-weight:800;margin-bottom:7px}.gender-choice label{margin:0}.gender-choice input{position:absolute;opacity:0;pointer-events:none}.gender-choice span{display:block;text-align:center;border:1px solid #ccd8d3;border-radius:10px;padding:11px 5px;background:#fff;font-weight:800;cursor:pointer}.gender-choice input:checked+span{background:#087b61;color:#fff;border-color:#087b61}@media(max-width:420px){.gender-choice{grid-template-columns:repeat(2,1fr)}}
.review-popup{position:fixed;inset:0;background:#0009;z-index:9999;display:grid;place-items:center;padding:14px}.review-box{width:min(440px,100%);max-height:calc(100dvh - 28px);overflow:auto;background:#fff;border-radius:20px;padding:20px;position:relative;text-align:center;box-shadow:0 24px 80px #001b1240}.review-close{position:absolute;right:8px;top:6px;border:0;font-size:24px;background:transparent}.review-progress{font-size:11px;font-weight:950;letter-spacing:.12em;color:var(--green);margin-bottom:8px}.review-box h2{margin:4px 30px 14px}.review-box p{margin:12px 0 7px;color:var(--muted);font-size:13px}.review-satisfaction{display:grid;grid-template-columns:1fr 1fr;gap:8px}.review-satisfaction button.selected,.review-tags button.selected{background:#e2f7ef;border-color:var(--green);color:var(--green)}.review-stars{display:flex;justify-content:center;gap:2px;margin:5px}.review-stars button{border:0;background:transparent;font-size:36px;color:#ccd3d0;padding:2px}.review-stars button.on{color:#ffb400}.review-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:12px}.review-tags button{padding:9px 11px;border-radius:999px;font-size:12px}.review-draft{width:100%;margin:2px 0 9px;border-style:dashed;color:var(--green)}.review-box textarea{width:100%;min-height:68px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;resize:vertical}.review-box .review-submit{width:100%}.review-result{font-weight:900;color:var(--green)!important}.review-next{display:grid;grid-template-columns:1fr 1fr;gap:8px}.review-next a,.review-next button{display:grid;place-items:center;min-height:44px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);font-weight:850;background:#fff}@media(max-width:420px){.review-box{padding:18px 14px}.review-stars button{font-size:33px}.review-satisfaction button{padding:10px 7px}}
.candidate-panel{margin-top:14px;border:1px solid #cfe0d9;border-radius:14px;padding:14px;background:#f7fcfa}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.profile-card{display:flex;gap:10px;border:1px solid #dbe5e1;border-radius:12px;background:#fff;padding:10px}.profile-card img{width:78px;height:105px;object-fit:cover;border-radius:9px}.profile-card>div{display:flex;flex-direction:column;gap:5px;flex:1}.profile-card span{font-size:12px;color:#586761}.profile-card button{margin-top:auto}@media(max-width:520px){.profile-grid{grid-template-columns:1fr}}
.price-dialog{width:min(620px,94vw);border:0;border-radius:16px;padding:18px}.individual-price-row{display:grid;grid-template-columns:1fr 130px 90px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #e3e9e6}.individual-price-row span{font-weight:800}.individual-price-row small{display:block;color:#68756f;font-weight:400}.profile-price{font-weight:900!important;color:#087b61!important}@media(max-width:480px){.individual-price-row{grid-template-columns:1fr 110px}.individual-price-row>b{grid-column:2}}
.platform-footer{max-width:1120px;margin:12px auto 0;padding:24px 18px 34px;color:var(--muted);font-size:12px;line-height:1.6}.platform-footer strong{color:var(--green);letter-spacing:.12em}.platform-footer p{margin:6px 0}.platform-footer nav{display:flex;gap:14px;flex-wrap:wrap}.platform-footer a{color:var(--muted)}
.review-impact{margin:8px 0 12px;padding:12px;border:1px solid #efb1ab;border-radius:12px;background:#fff2f1;color:#9d241b;text-align:left;font-size:12px;line-height:1.45}.review-impact strong{display:block}.review-impact button{width:100%;margin-top:9px;padding:9px;background:#fff;border-color:#dc756c;color:#9d241b}.review-impact button.confirmed{background:#9d241b;color:#fff}
.point-box{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:13px;border:1px solid #e2bd67;border-radius:14px;background:#fff8df}.point-box strong,.point-box small{display:block}.point-box strong{color:#805500}.point-box small{margin-top:3px;color:#7b704f;font-size:11px}.point-box button{background:#f1b83f;border-color:#d79d22}.therapist-rating-policy{display:grid;gap:4px;margin-bottom:14px;padding:13px;border:1px solid #e4aaa5;border-radius:13px;background:#fff3f2;color:#8f241c}.therapist-rating-policy span{font-size:13px;font-weight:800}.therapist-rating-policy small{font-size:11px;color:#a64b43}@media(max-width:480px){.point-box{align-items:stretch;flex-direction:column}.point-box button{width:100%;padding:10px;font-size:12px}}
.therapist-rating-policy label{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:12px;font-weight:900}.therapist-rating-policy input{width:auto;margin:0}
.therapist-point-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0;padding:14px;border:1px solid #9bdcc8;border-radius:14px;background:#effbf7;color:#075d49}.therapist-point-card[hidden]{display:none}.therapist-point-card div{display:grid;gap:3px}.therapist-point-card small{font-size:10px;font-weight:900;letter-spacing:.12em}.therapist-point-card strong{font-size:22px}.therapist-point-card p{margin:0;max-width:260px;font-size:12px;line-height:1.45;color:#3d665b;text-align:right}@media(max-width:480px){.therapist-point-card{align-items:flex-start;flex-direction:column}.therapist-point-card p{text-align:left}}
