:root{--bg: #f6f7f9;--surface: #ffffff;--border: #e3e6ea;--text: #1a1d21;--muted: #6b7280;--accent: #2563eb;--accent-soft: #eff4ff;--plus: #0f7b4f;--minus: #c0392b;--warn-bg: #fff7e6;--warn-text: #92400e;--radius: 10px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,sans-serif;font-size:14px;line-height:1.55}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--border);background:var(--surface);padding:7px 14px;color:var(--text)}button:hover:not(:disabled){border-color:#c9ced6}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:var(--minus);border-color:#f0c6c0}input,select,textarea{font:inherit;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:18px;padding:0 22px;height:56px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{font-weight:700;display:flex;align-items:center;gap:8px}.nav{display:flex;gap:4px;margin-left:12px}.nav button{border:none;background:none;padding:7px 12px;color:var(--muted);border-radius:8px}.nav button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.spacer{flex:1}.who{color:var(--muted);font-size:13px}main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:24px 22px 60px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.card+.card{margin-top:16px}h1{font-size:20px;margin:0 0 16px}h2{font-size:15px;margin:0 0 12px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.balance{font-size:34px;font-weight:700;letter-spacing:-.5px}.balance.negative{color:var(--minus)}.label{color:var(--muted);font-size:12px;margin-bottom:4px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:12px;white-space:nowrap}td.num,th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}tr.voided td{color:var(--muted);text-decoration:line-through}.plus{color:var(--plus)}.minus{color:var(--minus)}.tag{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;background:#eef0f3;color:var(--muted);white-space:nowrap}.tag.warn{background:var(--warn-bg);color:var(--warn-text)}.tag.ok{background:#e7f5ee;color:var(--plus)}.tag.bad{background:#fdeceb;color:var(--minus)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:12px}.drop{border:2px dashed var(--border);border-radius:var(--radius);padding:34px;text-align:center;color:var(--muted);background:var(--surface)}.drop.over{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.banner{padding:10px 14px;border-radius:8px;margin-bottom:14px}.banner.error{background:#fdeceb;color:var(--minus)}.banner.info{background:var(--accent-soft);color:var(--accent)}.banner.warn{background:var(--warn-bg);color:var(--warn-text)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:14px;flex-wrap:wrap}.tabs button{border:none;background:none;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);padding:8px 12px}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:100%;max-width:380px;text-align:center}.login .card{padding:30px}.field{margin-bottom:12px;text-align:left}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f12166b;display:grid;place-items:center;padding:20px;z-index:50}.modal{background:var(--surface);border-radius:12px;padding:20px;width:100%;max-width:460px;max-height:88vh;overflow:auto}.scroll{overflow-x:auto}