:root{color:#e8eef8;background:#0b1220;font-family:Segoe UI,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app{max-width:1080px;margin:0 auto;padding:32px 20px 64px}.app-wide{max-width:1180px}.nav{display:flex;gap:8px;align-items:center;margin-bottom:16px}.nav button.nav-out{margin-left:auto;background:transparent;color:#9aa8c0;border:1px solid #24324a;border-radius:999px;padding:6px 12px;font-size:13px}.nav button.nav-out:hover{color:#e8eef8;background:#24324a}.nav a{color:#9aa8c0;text-decoration:none;border:1px solid #24324a;border-radius:999px;padding:6px 12px;font-size:13px}.nav a.active,.nav a:hover{color:#e8eef8;background:#1d4e89;border-color:#1d4e89}.url-box{display:block;background:#0b1220;border:1px solid #24324a;border-radius:8px;padding:10px 12px;word-break:break-all;font-size:13px}.header h1{margin:0 0 8px;font-size:24px}.muted{color:#9aa8c0;margin:0 0 24px}.row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.card{background:#132037;border:1px solid #24324a;border-radius:10px;padding:16px}.card h2{margin:0 0 8px;font-size:14px;color:#9aa8c0;font-weight:600}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#1e3a5f;color:#8ec5ff;font-size:12px;margin-left:8px}.badge.live{background:#14301f;color:#7ddea0}input,select{background:#0b1220;color:#e8eef8;border:1px solid #24324a;border-radius:8px;padding:8px 12px;min-width:220px}button,.button-link{background:#1d4e89;color:#fff;border:0;border-radius:8px;padding:8px 12px;cursor:pointer}.button-link{display:inline-block;text-decoration:none}button.secondary{background:#24324a}button.danger{background:#8f2d2d}button:disabled{opacity:.5;cursor:not-allowed}.error{color:#ff8b8b;margin:0 0 12px}.ok{color:#7ddea0;margin:0 0 8px}.deleted-msg{color:#ffb4b4;margin:0 0 8px}.cafe24-state{display:inline-block;font-size:12px;font-weight:600;border-radius:999px;padding:2px 8px;white-space:nowrap}.cafe24-state.registered{background:#1a4a32;color:#7ddea0}.cafe24-state.deleted{background:#4a2424;color:#ffb4b4}.publish-result{margin:0 0 16px}.publish-result a{color:#8ec5ff}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid #24324a}tr.clickable{cursor:pointer}tr.clickable:hover{background:#18263d}.timeline{list-style:none;padding:0;margin:12px 0 0}.timeline li{padding:8px 0;border-bottom:1px solid #24324a;font-size:13px}.pick-col{width:44px}.pick-box{width:36px;height:36px;padding:0;border:1px solid #8ec5ff;border-radius:4px;background:#0b1220;color:#e8eef8;font-size:13px;font-weight:700;line-height:1;cursor:pointer}.pick-box.on{background:#1d4ed8;border-color:#93c5fd}.thumb{width:56px;height:56px;object-fit:cover;border-radius:6px;background:#0b1220;display:block}.grade{white-space:nowrap}.grade-good{color:#f5c542;font-weight:600}.product-detail{margin-top:16px;padding-top:16px;border-top:1px solid #24324a}.product-hero{display:flex;gap:16px;align-items:flex-start}.product-hero img{width:160px;height:160px;object-fit:cover;border-radius:8px;background:#0b1220}.product-hero h3{margin:0 0 8px;font-size:16px}.product-hero a{color:#8ec5ff}.detail-preview{width:100%;min-height:520px;border:1px solid #24324a;border-radius:8px;background:#fff}.ocr-panel{margin-top:12px}.ocr-text{white-space:pre-wrap;background:#0b1220;border:1px solid #24324a;border-radius:8px;padding:12px;font-size:13px;line-height:1.55;color:#e8eef8;max-height:520px;overflow:auto}.options{white-space:pre-wrap;word-break:break-all;background:#0b1220;border-radius:8px;padding:12px;font-size:12px;max-height:240px;overflow:auto}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.flow-step{background:#132037;border:1px solid #24324a;border-radius:10px;padding:12px}.flow-step h2{margin:4px 0 8px;font-size:14px;color:#e8eef8}.flow-n{color:#8ec5ff;font-size:12px;font-weight:700}.flow-step.active{border-color:#8ec5ff}.flow-step.done{border-color:#2d6a4a}tr.selected{background:#1a2d4a}@media(max-width:800px){.grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.pipe-row{flex-direction:column}.lane-grid{grid-template-columns:1fr}}.pipe-board{margin-bottom:20px}.pipe-label{margin:0 0 8px;font-size:13px;font-weight:700}.pipe-label-out{color:#7dd3fc}.pipe-label-in{color:#fbbf24}.pipe-row{display:flex;align-items:stretch;gap:8px;margin-bottom:18px}.pipe-node{flex:1;border-radius:14px;padding:14px;border:2px solid transparent;color:#0b1220;min-width:0}.pipe-node span{display:block;font-size:12px;font-weight:700;opacity:.8}.pipe-node strong{display:block;font-size:28px;line-height:1.2}.pipe-node small{display:block;font-size:12px;opacity:.8}.pipe-node.cafe24{background:#1d4ed8;color:#dbeafe}.pipe-node.server{background:#7c3aed;color:#ede9fe}.pipe-node.domeme{background:#d97706;color:#fff7ed}.pipe-node.on{box-shadow:0 0 0 3px #ffffff40,0 0 24px currentColor;animation:pulse 1.6s ease-in-out infinite}.pipe-arrow{flex:0 0 72px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border-radius:999px;align-self:center;padding:8px 0}.pipe-arrow.out{background:#164e63;color:#7dd3fc}.pipe-arrow.in{background:#78350f;color:#fcd34d}.pipe-arrow.on{filter:brightness(1.3)}.lane-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.lane-card.cafe24{border-color:#3b82f6}.lane-card.server{border-color:#8b5cf6}.lane-card.domeme{border-color:#f59e0b}.lane-card.webhook{border-color:#22d3ee}.pipe-node.emoney{background:#059669;color:#d1fae5}.pipe-node.fail{background:#be123c;color:#ffe4e6}.pipe-arrow.pay{background:#064e3b;color:#6ee7b7}.lane-card.emoney{border-color:#34d399}.lane-card.fail{border-color:#fb7185}.emoney-hero{background:linear-gradient(135deg,#064e3b,#059669);border:0;color:#ecfdf5}.emoney-hero h2,.emoney-hero .muted{color:#a7f3d0}.emoney-hero p{margin:0 0 12px;font-size:18px}.pipe-node.webhook{background:#0891b2;color:#cffafe}.pipe-arrow.hook{background:#155e75;color:#67e8f9}.hero-cafe24{background:linear-gradient(135deg,#1e3a8a,#2563eb);border:0;color:#dbeafe}.hero-cafe24 h2,.hero-cafe24 .muted{color:#bfdbfe}.hero-cafe24 code{color:#eff6ff}.hero-domeme{background:linear-gradient(135deg,#7c2d12,#d97706);border:0;color:#fff7ed}.hero-domeme h2,.hero-domeme .muted{color:#fed7aa}.hero-webhook{background:linear-gradient(135deg,#155e75,#0891b2);border:0;color:#ecfeff}.hero-webhook h2,.hero-webhook .muted{color:#a5f3fc}.hero-webhook .url-box{background:#082f498c;border-color:#22d3ee;color:#ecfeff}.hero-poll{background:linear-gradient(135deg,#4c1d95,#7c3aed);border:0;color:#ede9fe}.hero-poll h2,.hero-poll .muted{color:#ddd6fe}.hero-cafe24 p,.hero-domeme p,.hero-webhook p,.hero-poll p{margin:0 0 12px}.lane-list{list-style:none;padding:0;margin:0}.lane-list li{padding:8px 0;border-bottom:1px solid #24324a;font-size:13px}@keyframes pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.dash-body{background:#efe8dc;color:#3d3a34}.dash{--dash-ink: #3d3a34;--dash-muted: #7a7368;--dash-line: #e4d8c6;--dash-card: #faf6ee;--dash-sage: #5f7d6a;--dash-teal: #4f7d74;--dash-sky: #5a7ea0;--dash-clay: #b8875c;max-width:1180px;margin:0 auto;padding:28px 22px 72px;font-family:Pretendard,Apple SD Gothic Neo,Segoe UI,sans-serif;color:var(--dash-ink)}.dash .nav a{color:#6f675c;border-color:#ddd2c1;background:#f7f1e6}.dash .nav a.active,.dash .nav a:hover{color:#3d3a34;background:#e7d7b8;border-color:#d4c19c}.dash-head{margin-bottom:22px}.dash-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.dash-kicker{margin:0 0 6px;color:var(--dash-sage);font-size:12px;font-weight:700;letter-spacing:.08em}.dash h1{margin:0 0 8px;font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.25;color:#2f2c27}.dash h2{margin:0;font-size:14px;font-weight:700;color:#5e584f}.dash-sub,.dash-kpi p,.dash-period p,.dash-status p,.dash-foot{color:var(--dash-muted)}.dash-sub{margin:0;max-width:42em;line-height:1.55}.dash-refresh{background:#faf6ee;color:var(--dash-ink);border:1px solid #ddd2c1;border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:108px}.dash-refresh small{color:var(--dash-muted);font-size:11px}.dash-error{color:#9a4a3d;background:#f6e4dc;border-radius:12px;padding:10px 12px}.dash-empty{color:var(--dash-muted);margin:8px 0 0}.dash-periods,.dash-kpis,.dash-charts,.dash-bottom{display:grid;gap:14px;margin-bottom:16px}.dash-periods{grid-template-columns:repeat(3,1fr)}.dash-kpis,.dash-bottom{grid-template-columns:repeat(4,1fr)}.dash-bottom{grid-template-columns:1fr 1fr 1.1fr}.dash-charts{grid-template-columns:1.4fr 1fr}.dash-period,.dash-kpi,.dash-card,.dash-flow{background:var(--dash-card);border:1px solid #eadfcd;border-radius:20px;box-shadow:0 10px 30px #5c4a300d}.dash-period,.dash-kpi,.dash-card,.dash-flow{padding:18px 18px 16px}.dash-period-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.dash-period strong,.dash-kpi strong,.dash-node strong{display:block;font-size:40px;letter-spacing:-.04em;line-height:1.1;margin:10px 0 6px;color:#2c2924}.dash-kpi strong{font-size:26px}.dash-period p,.dash-kpi p{margin:0 0 10px;font-size:13px}.dash-period small{display:block;margin-top:3px;font-size:12px}.dash-delta{font-size:12px;border-radius:999px;padding:3px 8px}.dash-delta.up{background:#e3efe6;color:#3d6b4f}.dash-delta.down{background:#f6e4dc;color:#9a4a3d}.dash-delta.flat{background:#efe8dc;color:#7a7368}.dash-spark{width:100%;height:36px}.dash-flow{margin-bottom:16px}.dash-flow .dash-sub{margin:6px 0 14px}.dash-pipe{display:flex;align-items:stretch;gap:8px;margin-bottom:16px}.dash-node{flex:1;border-radius:16px;padding:14px;min-width:0}.dash-node span,.dash-node small{display:block;font-size:12px;opacity:.78}.dash-node strong{font-size:28px;margin:6px 0 4px}.dash-node.cafe24{background:#e7eef5;color:#3d5368}.dash-node.server{background:#ece6f3;color:#534466}.dash-node.domeme{background:#f4eadb;color:#6d5336}.dash-node.done{background:#e4efe8;color:#3d5a4a}.dash-arrow{align-self:center;font-size:12px;font-weight:700;color:#8a8072;min-width:36px;text-align:center}.dash-stack{display:flex;height:12px;border-radius:999px;overflow:hidden;background:#efe8dc}.dash-stack span{display:block;min-width:6px}.dash-legend{display:flex;flex-wrap:wrap;gap:10px 14px;list-style:none;padding:0;margin:12px 0 0;font-size:12px;color:var(--dash-muted)}.dash-legend i{display:inline-block;width:8px;height:8px;border-radius:99px;margin-right:6px}.dash-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.dash-card-head .dash-legend{margin:0}.dash-wide{grid-column:1 / -1}.dash-chart{width:100%;height:auto;display:block}.dash-grid{stroke:#eadfcd;stroke-width:1}.dash-axis,.dash-bar-n{fill:#8a8072;font-size:11px}.dash-bar-n{fill:#5e584f}.dash-status,.dash-items,.dash-events{list-style:none;padding:0;margin:12px 0 0}.dash-status li,.dash-items li,.dash-events li{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--dash-line)}.dash-status span{width:10px;height:10px;border-radius:99px;margin-top:6px;flex:none}.dash-status span.on{background:#5f7d6a;box-shadow:0 0 0 4px #5f7d6a24}.dash-status span.off{background:#c4b6a2}.dash-status strong,.dash-events strong{display:block;font-size:13px}.dash-items{counter-reset:item}.dash-items li{justify-content:space-between;align-items:baseline}.dash-items li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dash-items li span:before{counter-increment:item;content:counter(item) " ";color:var(--dash-muted);margin-right:6px}.dash-items em{font-style:normal;color:var(--dash-muted);font-size:12px;white-space:nowrap}.dash-events li{flex-direction:column;gap:3px}.dash-events span{color:#5e584f;font-size:13px}.dash-events time{color:var(--dash-muted);font-size:12px}.dash-foot{margin:8px 0 0;font-size:12px}@media(max-width:900px){.dash-periods,.dash-kpis,.dash-charts,.dash-bottom,.dash-pipe{grid-template-columns:1fr;flex-direction:column}.dash-title{flex-direction:column;align-items:flex-start}.dash-wide{grid-column:auto}}.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px 18px;background:radial-gradient(720px 420px at 50% 0%,rgba(56,120,196,.28),transparent 62%),radial-gradient(480px 280px at 80% 100%,rgba(125,222,160,.08),transparent 70%),#0b1220}.login-card{width:min(420px,100%);padding:36px 32px 28px;border-radius:22px;border:1px solid rgba(142,197,255,.22);background:linear-gradient(180deg,#1c30528c,#10192c33 42%),#121c31;box-shadow:0 28px 70px #00000061}.login-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;color:#e8eef8;background:linear-gradient(160deg,#2f6eaf,#17375f);box-shadow:inset 0 0 0 1px #ffffff29}.login-kicker{margin:0 0 8px;color:#8ec5ff;letter-spacing:.16em;font-size:12px}.login-card h1{margin:0;font-size:32px;letter-spacing:-.04em}.login-lead,.login-wait{color:#9aa8c0;margin:10px 0 0;line-height:1.5}.login-field{display:block;margin-top:22px}.login-field span{display:block;margin-bottom:8px;color:#c5d2e6;font-size:13px}.login-card input[type=password],.login-card input[type=text]{width:100%;min-width:0;padding:12px 14px;border-radius:12px;border-color:#314864;background:#0b1220}.login-card input:focus{outline:2px solid rgba(142,197,255,.35);border-color:#8ec5ff}.login-show{display:flex;align-items:center;gap:8px;margin:12px 0 0;color:#9aa8c0;font-size:13px}.login-show input{min-width:0;width:16px;height:16px;accent-color:#1d4e89}.login-error{margin-top:14px}.login-card button[type=submit]{width:100%;margin-top:18px;padding:12px 16px;border-radius:12px;font-weight:700;background:linear-gradient(180deg,#2a6cb8,#1d4e89)}