:root{--wd-black:#111;--wd-white:#fff;--wd-yellow:#f5c400;--wd-yellow-soft:#fff6cc;--wd-bg:#f7f7f5;--wd-surface:var(--wd-white);--wd-text:var(--wd-black);--wd-muted:#5f5f66;--wd-line:#e3e2dd;--wd-ok:#2f6b3a;--wd-ok-soft:#e5f2e7;--wd-warn:#9a5b00;--wd-warn-soft:#fdf0dc;--wd-danger:#b42318;--wd-danger-soft:#fde7e4;--wd-font:"Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--wd-radius:10px;--wd-space-1:4px;--wd-space-2:8px;--wd-space-3:12px;--wd-space-4:16px;--wd-space-6:24px;--wd-space-8:32px}*{box-sizing:border-box}body{background:var(--wd-bg);color:var(--wd-text);font-family:var(--wd-font);margin:0;font-size:15px;line-height:1.6}.page{max-width:720px;padding:var(--wd-space-6) var(--wd-space-4) 64px;margin-inline:auto}h1{margin:0 0 var(--wd-space-2);font-size:24px}h2{margin:0 0 var(--wd-space-2);font-size:18px}p{margin:var(--wd-space-2) 0}.card{background:var(--wd-surface);border:1px solid var(--wd-line);border-radius:var(--wd-radius);padding:var(--wd-space-6)}.stack{gap:var(--wd-space-4);display:grid}.field{gap:var(--wd-space-1);display:grid}.field label{font-size:14px;font-weight:600}.field input[type=text],.field input[type=url],.field input[type=file]{font:inherit;border:1px solid var(--wd-line);background:var(--wd-white);border-radius:8px;width:100%;padding:10px 12px}.hint{color:var(--wd-muted);margin:0;font-size:13px}.required:after{content:" *";color:var(--wd-danger)}.btn{justify-content:center;align-items:center;gap:var(--wd-space-2);font:inherit;border:1px solid var(--wd-black);background:var(--wd-black);color:var(--wd-white);cursor:pointer;border-radius:8px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary{background:var(--wd-white);color:var(--wd-black)}.btn:disabled{opacity:.45;cursor:not-allowed}.badge{background:var(--wd-yellow-soft);color:var(--wd-black);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-ok{background:var(--wd-ok-soft);color:var(--wd-ok)}.badge-warn{background:var(--wd-warn-soft);color:var(--wd-warn)}.badge-danger{background:var(--wd-danger-soft);color:var(--wd-danger)}.notice{border-left:3px solid var(--wd-yellow);background:var(--wd-surface);padding:var(--wd-space-3) var(--wd-space-4);border-radius:0 8px 8px 0}.notice-danger{border-left-color:var(--wd-danger)}.field select{font:inherit;border:1px solid var(--wd-line);background:var(--wd-white);border-radius:8px;padding:10px 12px}.error{color:var(--wd-danger);margin:0;font-size:13px}[aria-invalid=true]{border-color:var(--wd-danger)!important}a{color:inherit}.admin{background:#f6f6f8;min-height:100vh}.admin-bar{color:#fff;background:#111;align-items:center;gap:24px;padding:12px 24px;display:flex}.admin-bar nav{gap:16px;display:flex}.admin-bar a{color:#fff}.admin-bar .hint{color:#bbb;margin-left:auto}.admin-main{max-width:1200px;margin:0 auto;padding:24px}.admin-boxes{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.admin-box{color:inherit;background:#fff;border:1px solid #e5e5e8;border-radius:10px;flex-direction:column;gap:4px;padding:16px;text-decoration:none;display:flex}.admin-box b{font-size:28px}.admin-box small{color:#6b6b73}.admin-box.is-hot{border-color:#e5484d}.admin-box.is-hot b{color:#e5484d}.admin-table{border-collapse:collapse;background:#fff;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eee;padding:8px 10px}.admin-json{overflow-wrap:anywhere;color:#555;max-width:360px;font-family:ui-monospace,monospace;font-size:12px}.admin-filter,.admin-inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px;display:grid}.admin-dl{grid-template-columns:110px 1fr;gap:6px 12px;margin:0;display:grid}.admin-dl dt{color:#6b6b73}.admin-dl dd{overflow-wrap:anywhere;margin:0}.admin-timeline{gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.admin-timeline li{border-left:3px solid #ddd;padding-left:10px}.admin-timeline li[data-kind=order]{border-color:#ffe45f}.admin-timeline li[data-kind=notification]{border-color:#8ec5ff}.admin-timeline time{color:#6b6b73;font-variant-numeric:tabular-nums}.admin-pager{gap:12px;display:flex}@media (max-width:760px){.admin-grid{grid-template-columns:1fr}.admin-bar{flex-wrap:wrap}}
