:root{--ink: #0f1b2a;--ink-soft: #5a6b80;--surface: #ffffff;--surface-2: #f2f6fa;--line: #d5dfe9;--accent: #0369a1;--accent-ink: #ffffff;--danger: #b42318;--caution: #b45309;--ok: #15803d;--radius: 8px;--pad: 16px;--font: 16px}:root[data-theme=dark]{--ink: #e8eef6;--ink-soft: #9aabbf;--surface: #0e1620;--surface-2: #18232f;--line: #253340;--accent: #38bdf8;--accent-ink: #052335;--danger: #f87171;--ok: #4ade80;--caution: #fbbf24}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink: #e8eef6;--ink-soft: #9aabbf;--surface: #0e1620;--surface-2: #18232f;--line: #253340;--accent: #38bdf8;--accent-ink: #052335;--danger: #f87171;--ok: #4ade80;--caution: #fbbf24}}:root[data-size=small]{--font: 15px}:root[data-size=large]{--font: 18px}:root[data-size=xlarge]{--font: 21px}*{box-sizing:border-box}html,body{margin:0;background:var(--surface);color:var(--ink)}body{font:var(--font)/1.5 system-ui,-apple-system,"Noto Sans KR",sans-serif;padding-bottom:env(safe-area-inset-bottom)}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;font-size:max(16px,1em);color:inherit}.btn{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:var(--radius);padding:12px 16px;min-height:48px}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn.quiet{background:transparent}.btn.sm{padding:6px 10px;min-height:34px;font-size:.9em}.btn:disabled{opacity:.45;cursor:default}.pill{border:1px solid var(--line);background:transparent;border-radius:999px;padding:6px 12px;font-size:.85em;color:var(--ink-soft);min-height:36px}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.muted{color:var(--ink-soft)}.wrap{max-width:640px;margin:0 auto;padding:var(--pad)}.row{display:flex;gap:8px;align-items:center}.grow{flex:1;min-width:0}.card{padding:12px var(--pad);margin:0 var(--pad) 12px}.card .head{display:flex;gap:8px;align-items:center;margin-bottom:8px}.card .head h2{flex:1;font-size:1.05em;margin:0}.card h2{font-size:1.05em;margin:0 0 8px}.card .row{flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--line)}.card .row:first-of-type{border-top:0}.item{padding:10px 0;border-top:1px solid var(--line)}.card .item:first-of-type{border-top:0}.item .info{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.item .nm{font-weight:600}.item .meta{flex:1;min-width:0;font-size:.85em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.warn{color:var(--danger)}:root{--z-bar: 20;--z-sheet: 30}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;display:grid;place-items:center;padding:var(--pad);z-index:var(--z-sheet)}.modal{background:var(--surface);border-radius:var(--radius);padding:16px;width:min(480px,100%);max-height:90vh;overflow:auto;display:grid;gap:4px}.modal h3{margin:0 0 8px;font-size:1.1em}.modal label{font-size:.9em;opacity:.8;margin-top:8px}.modal label.check{display:flex;gap:6px;align-items:center;opacity:1}.modal input,.modal select,.modal textarea{padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:inherit;font:inherit;width:100%}.modal label.check input{width:auto}.modal .acts{display:flex;gap:6px;margin-top:14px}.amount{font-variant-numeric:tabular-nums}
