@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
:root{
  --ink:#0B0F19; --ink2:#414A5C; --mute:#8790A3;
  --blue:#2563F5; --blue-d:#1946C8; --sky:#EAF1FF; --sky2:#F5F8FF;
  --cash:#6D4DF6; --cash-l:#F0ECFF; --ok:#12B76A; --bad:#EF4444;
  --line:#E4E8F0; --line2:#EFF2F7; --bg:#fff; --soft:#F6F8FB;
  --r1:12px; --r2:18px; --r3:28px;
  --sh1:0 1px 2px rgba(11,15,25,.05); --sh2:0 12px 34px rgba(11,15,25,.08);
  --sh3:0 40px 90px rgba(11,15,25,.16);
  --sans:"Pretendard Variable",Pretendard,-apple-system,system-ui,sans-serif;
  --gut:clamp(20px,4vw,64px);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.5;
  word-break:keep-all;-webkit-font-smoothing:antialiased;letter-spacing:-.018em}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--gut)}
.row{display:flex;align-items:center;gap:12px}
.sp{flex:1}
.mono{font-variant-numeric:tabular-nums}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:54px;padding:0 28px;border-radius:999px;font-size:16px;font-weight:800;letter-spacing:-.03em;
  border:1.8px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;
  box-shadow:3px 4px 0 var(--blue);transition:transform .14s ease,box-shadow .14s ease}
.btn:hover{transform:translate(1px,1px);box-shadow:2px 3px 0 var(--blue)}
.btn:active{transform:translate(3px,4px);box-shadow:0 0 0 var(--blue)}
.btn-p{background:var(--ink);color:#fff;box-shadow:3px 4px 0 var(--blue)}
.btn-p:hover{box-shadow:2px 3px 0 var(--blue)}
.btn-p:active{box-shadow:0 0 0 var(--blue)}
.btn-c{background:var(--cash);color:#fff;box-shadow:3px 4px 0 var(--ink)}
.btn-d{background:var(--ink);color:#fff;box-shadow:3px 4px 0 var(--blue)}
.btn-sm{height:42px;padding:0 18px;font-size:14.5px;box-shadow:2px 3px 0 var(--blue)}
.btn-p.btn-sm{box-shadow:2px 3px 0 var(--blue)}
.btn-lg{height:64px;padding:0 36px;font-size:18px}
.btn[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}
.btn-block{width:100%}
.btn-flat{border:1.6px solid var(--line);box-shadow:none;font-weight:700}
.btn-flat:hover{border-color:#C6CFE0;transform:none;box-shadow:none}
.tag{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 15px;border-radius:999px;
  background:var(--sky);color:var(--blue);font-size:13.5px;font-weight:800;border:1.4px solid #D3E0FF}
.badge{display:inline-flex;align-items:center;height:27px;padding:0 11px;border-radius:9px;font-size:12.5px;font-weight:800}
.b-wait{background:#FFF3E0;color:#B7791F}
.b-paid{background:#E6F8F0;color:#0E9F6E}
.b-work{background:var(--sky);color:var(--blue)}
.b-done{background:#EEF1F6;color:#5A6580}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--sh1)}
.hr{height:1px;background:var(--line);border:0}
.muted{color:var(--mute)}
input.f,textarea.f,select.f{width:100%;height:52px;padding:0 16px;border:1.6px solid var(--line);
  border-radius:var(--r1);background:#fff;outline:0;transition:border .16s,box-shadow .16s;font-weight:500}
textarea.f{height:auto;padding:14px 16px;resize:vertical;line-height:1.6}
input.f:focus,textarea.f:focus{border-color:var(--ink);box-shadow:3px 4px 0 var(--blue)}
label.lb{display:block;font-size:13.5px;font-weight:800;color:var(--ink2);margin:0 0 8px}
.err{color:var(--bad);font-size:13.5px;font-weight:700;margin-top:10px;min-height:19px}