:root{font-family:Inter,Pretendard,system-ui,sans-serif;color:#191816;background:#f3f0eb;font-synthesis:none}.socialLogin{display:grid;gap:10px;margin:18px 0}.socialLogin .social{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #ddd5cb}.socialLogin .social span{font-weight:900}.socialLogin .google{background:#fff;color:#202124}.socialLogin .kakao{background:#fee500;color:#191919;border-color:#fee500}.socialLogin .naver{background:#03c75a;color:#fff;border-color:#03c75a}.socialLogin .naver:disabled{opacity:.55;cursor:not-allowed}.authDivider{display:flex;align-items:center;gap:12px;color:#8a7d70;font-size:12px;margin:17px 0}.authDivider:before,.authDivider:after{content:"";height:1px;background:#e4ddd5;flex:1}.mainNav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#1f1d1a;color:#fff}.mainNav>div{display:flex;align-items:center;gap:8px}.mainNav small{color:#bfb5aa}.mainNav button{padding:8px 12px;background:transparent;color:#d9d2ca}.mainNav button.active{background:#fff;color:#1f1d1a}.workspace{max-width:1120px;margin:auto;padding:48px 24px 80px}.pageHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.pageHead h1{font-family:Georgia,serif;font-size:42px;margin:6px 0}.search{width:100%;padding:16px 18px;margin-bottom:18px}.inlineForm,.appointmentForm{display:grid;grid-template-columns:repeat(3,1fr) auto auto;gap:10px;padding:18px;margin-bottom:20px;background:#fff;border-radius:16px;border:1px solid #ded7ce}.appointmentForm{grid-template-columns:repeat(3,1fr)}select{font:inherit;border:1px solid #d9d2c8;border-radius:10px;padding:12px;background:#fff}.estimate{display:flex;justify-content:space-around;align-items:center;padding:12px;background:#f3eee7;border-radius:10px}.customerLayout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(300px,.7fr);gap:18px}.customerList{display:grid;gap:8px}.customerList>button{display:flex;justify-content:space-between;text-align:left;background:#fff;color:#201e1b;border:1px solid #e2dcd4;padding:17px}.customerList span{color:#776e65}.detail{position:relative;background:#fff;padding:26px;border-radius:18px;border:1px solid #ded7ce}.detail .close{position:absolute;right:16px;top:12px}.memo{padding:14px;background:#f6f2ed;border-radius:10px}.history{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.datePicker{display:flex;align-items:center;gap:10px;margin:0 0 18px}.calendar{display:grid;gap:8px}.calendar article{display:grid;grid-template-columns:150px 1fr 140px 100px;gap:16px;align-items:center;background:#fff;padding:17px;border:1px solid #e2dcd4;border-radius:12px}.calendar article div{display:grid;gap:4px}.calendar article span{color:#766c62}.calendar em{font-style:normal;padding:6px 8px;background:#eee8df;border-radius:999px;text-align:center}@media(max-width:750px){.mainNav{display:grid;gap:12px}.mainNav>div:last-child{overflow:auto}.workspace{padding:28px 16px}.inlineForm,.appointmentForm,.customerLayout{grid-template-columns:1fr}.calendar article{grid-template-columns:1fr 1fr}.calendar article div{grid-column:1/-1}}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.center{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 10%,#ead9ca,transparent 32%)}.panel{background:#fff;padding:36px;border-radius:24px;box-shadow:0 18px 60px #46392c18;max-width:480px;width:100%}.auth h1,.panel h1{font-family:Georgia,serif;font-size:38px;line-height:1.1;margin:12px 0 32px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#8b5e3c;font-weight:800;text-transform:uppercase}label{display:grid;gap:8px;font-size:13px;margin:16px 0}input{border:1px solid #d9d2c8;border-radius:10px;padding:12px 14px;background:#fff}input:focus{outline:2px solid #a57049;outline-offset:1px}button{border:0;border-radius:10px;padding:12px 18px;background:#1d1b18;color:#fff;font-weight:700;cursor:pointer}button:disabled{opacity:.55}.panel>button{width:100%;margin-top:10px}.link,.ghost{background:transparent;color:#665b50}.error{color:#a62c2c;background:#fff0ef;padding:12px;border-radius:9px}.shell{max-width:1120px;margin:auto;padding:28px 24px 80px}.shell header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8d1c8;padding-bottom:20px}.shell header h2{margin:5px 0;font-size:20px}.title{padding:56px 0 30px}.title p{color:#8b5e3c;font-weight:700}.title h1{font-family:Georgia,serif;font-size:44px;margin:8px 0}.title span,.muted,.empty span{color:#756d64}.catalog{display:grid;gap:16px}.category{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #e1dcd5}.categoryHead{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#24211e;color:#fff}.categoryHead h3{margin:0}.categoryHead span{font-size:12px;color:#c8bfb7}.headActions,.actions,.optionActions{display:flex;align-items:center;gap:6px}.headActions button,.actions button,.optionActions button{padding:5px 8px;font-size:11px;background:#eee8e1;color:#654f3d}.headActions button{background:#ffffff1a;color:#fff}.serviceBlock{border-bottom:1px solid #eee9e3}.service{display:grid;grid-template-columns:1fr 160px 110px;gap:20px;padding:18px 22px;align-items:center}.service small{display:block;color:#87786a;margin-top:6px}.actions{margin-top:9px}.options{padding:0 22px 8px 44px}.optionRow{display:grid;grid-template-columns:1fr 150px 100px auto;gap:14px;align-items:center;padding:9px 0;color:#75695d;font-size:13px}.optionForm{display:grid;grid-template-columns:1fr 140px 140px auto auto;gap:8px;padding:12px 22px 18px 44px;background:#faf8f5}.rows>.muted{padding:12px 22px}.addService,.quick{display:flex;gap:10px;padding:14px 20px}.addService input:first-child{flex:1}.addService input:nth-child(2){width:140px}.addService input:nth-child(3){width:90px}.quick{position:sticky;bottom:15px;background:#fff;border:1px solid #ddd5cb;border-radius:16px;box-shadow:0 15px 35px #33271818;margin-top:20px}.quick input{flex:1}.empty{display:grid;gap:8px;text-align:center;padding:55px;background:#fff;border:1px dashed #cfc4b8;border-radius:18px}@media(max-width:650px){.title{padding-top:36px}.title h1{font-size:34px}.service{grid-template-columns:1fr auto}.service>span{grid-column:1/-1}.optionRow,.optionForm{grid-template-columns:1fr 1fr;padding-left:22px}.optionActions{grid-column:1/-1}.addService{display:grid;grid-template-columns:1fr 1fr}.addService button{grid-column:1/-1}.addService input:nth-child(3){width:auto}.quick{display:grid}.auth h1,.panel h1{font-size:32px}}.treatmentCustomer{display:grid;gap:7px;max-width:520px;margin-bottom:22px}.treatmentCustomer span,.formGrid label span,.treatmentEditor label>span{font-size:12px;color:#75695d;font-weight:700}.treatmentEditor{background:#fff;border:1px solid #ddd5cb;border-radius:18px;padding:22px;margin-bottom:28px;box-shadow:0 12px 30px #3327180c}.editorHead,.editorActions,.photoUpload{display:flex;gap:10px;align-items:center;justify-content:space-between}.editorHead h2{margin:0}.formGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.formGrid label,.treatmentEditor>details>label{display:grid;gap:6px}.formGrid textarea{min-height:90px;resize:vertical}.treatmentEditor details{border-top:1px solid #eee7df;padding:14px 0}.treatmentEditor summary{cursor:pointer;font-weight:800}.editorActions{justify-content:flex-end;margin-top:18px}.photoUpload{justify-content:flex-start;flex-wrap:wrap;margin-top:14px}.treatmentHistory{display:grid;gap:10px}.treatmentHistory article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;background:#fff;border:1px solid #e4ddd5;border-radius:14px;padding:16px}.treatmentHistory article div{display:grid;gap:5px}.treatmentHistory time{color:#8a7d70;font-size:12px}.treatmentHistory p{margin:0;color:#75695d}.statusBadge{background:#f1ece6;border-radius:999px;padding:5px 10px;font-size:12px}.photoStrip{display:flex!important;flex-direction:row!important;gap:8px!important;margin-top:8px;overflow-x:auto}.photoStrip figure{margin:0;position:relative;flex:0 0 auto}.photoStrip img{width:82px;height:82px;object-fit:cover;border-radius:10px;border:1px solid #e4ddd5}.photoStrip.large img{width:150px;height:150px}.photoStrip figcaption{position:absolute;left:5px;bottom:5px;background:#1e1a17bb;color:#fff;border-radius:99px;padding:2px 6px;font-size:10px}.photoLoading{display:grid;place-items:center;width:82px;height:82px;border-radius:10px;background:#f1ece6;color:#75695d;font-size:10px}@media(max-width:800px){.formGrid{grid-template-columns:1fr}.treatmentHistory article{grid-template-columns:1fr auto}.treatmentHistory article button{grid-column:1/-1}.editorHead,.photoUpload{align-items:stretch}.photoUpload{display:grid}}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.metric,.breakdown,.financeBox{background:#fff;border:1px solid #e4ddd5;border-radius:16px;padding:18px}.metric{display:grid;gap:8px}.metric span,.hint{color:#75695d;font-size:13px}.metric strong{font-size:25px}.financeColumns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.breakdown h2,.financeBox h2{margin-top:0}.breakdown>div,.paymentPreview>div,.expenseList>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #eee7df}.financeBox{margin-bottom:18px}.financeForm{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin:14px 0}.paymentPreview{max-width:680px}.paymentPreview .total{font-size:18px}.expenseList>div{align-items:center}.expenseList>div span{flex:1}@media(max-width:800px){.metricGrid,.financeColumns{grid-template-columns:1fr 1fr}.financeForm{grid-template-columns:1fr}.metric strong{font-size:20px}}@media(max-width:520px){.metricGrid,.financeColumns{grid-template-columns:1fr}}