:root{--bg: #f6f7f9;--panel: #fff;--text: #1d2330;--muted: #6b7280;--line: #e5e7eb;--primary: #2f5bea;--primary-weak: #eef2ff;--danger: #dc2626;--danger-weak: #fef2f2;--warn: #b45309;--warn-weak: #fffbeb;--ok: #15803d;--ok-weak: #f0fdf4;--radius: 8px;font-family:Pretendard,Malgun Gothic,Apple SD Gothic Neo,system-ui,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}h1{font-size:22px;margin:0 0 16px}h2{font-size:16px;margin:0 0 12px}h3.section{font-size:14px;margin:20px 0 8px;padding-top:16px;border-top:1px solid var(--line)}a{color:var(--primary);cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.small{font-size:12px}button,.button{font:inherit;padding:7px 14px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}button:hover:not(:disabled),.button:hover{background:#f3f4f6;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover:not(:disabled),.button.primary:hover{background:#2448c9}button.ghost{border-color:transparent;background:transparent}button.danger-ghost{border-color:transparent;background:transparent;color:var(--danger)}button.small,.button.small{padding:3px 9px;font-size:12px}button.icon{border:none;background:none;font-size:16px;padding:4px 8px}input,select,textarea{font:inherit;padding:7px 10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-weak);border-color:var(--primary)}.layout{display:flex;min-height:100vh}.sidebar{width:200px;background:#1d2330;color:#cbd5e1;padding:16px 10px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{color:#fff;font-weight:700;font-size:17px;padding:4px 10px 18px}.sidebar ul{list-style:none;margin:0;padding:0;flex:1}.nav{width:100%;background:none;border:none;color:inherit;padding:9px 10px;justify-content:flex-start;gap:10px}.nav:hover:not(:disabled){background:#2b3344!important}.nav.active{background:#344057;color:#fff;font-weight:600}.nav:disabled{opacity:.4}.nav-icon{width:16px;text-align:center}.soon{margin-left:auto;font-size:10px;border:1px solid #475569;border-radius:4px;padding:0 4px}.nav.lock{margin-top:8px;border-top:1px solid #2b3344;border-radius:0;padding-top:12px}.content{flex:1;padding:28px 32px;max-width:1200px;min-width:0}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.page-head h1{margin:0}.actions{display:flex;gap:8px}.toolbar{display:flex;align-items:center;gap:16px;margin:12px 0;flex-wrap:wrap}.search{max-width:280px}.tabs{display:flex;background:#e9ebef;border-radius:var(--radius);padding:3px;gap:2px}.tabs button{border:none;background:none;padding:5px 12px;border-radius:6px}.tabs button.on{background:#fff;box-shadow:0 1px 2px #00000014;font-weight:600}.count{color:var(--muted);font-size:12px;margin-left:2px}.totals{display:flex;gap:14px;align-items:baseline}.month-picker{display:flex;align-items:center;gap:2px}.month-picker input{width:150px}.row{display:flex;gap:8px;align-items:center}.spacer{flex:1}.table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:var(--radius);overflow:hidden;box-shadow:0 0 0 1px var(--line)}.table th{text-align:left;font-weight:600;color:var(--muted);font-size:12px;background:#fafafa}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.table tr:last-child td{border-bottom:none}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:#f9fafb}.num{text-align:right!important;font-variant-numeric:tabular-nums}.row-actions{white-space:nowrap;text-align:right}.row-actions button+button{margin-left:4px}.empty{background:var(--panel);border:1px dashed var(--line);border-radius:var(--radius);padding:48px;text-align:center;color:var(--muted)}.badge{display:inline-block;font-size:12px;padding:1px 8px;border-radius:999px;background:#f1f5f9;color:#475569}.st-active,.rs-issued{background:var(--ok-weak);color:var(--ok)}.st-paused,.rs-pending{background:var(--warn-weak);color:var(--warn)}.rs-cancelled{background:var(--danger-weak);color:var(--danger)}.deadline{font-size:12px;margin-top:2px;color:var(--muted)}.deadline.soon{color:var(--warn);font-weight:600}.deadline.over{color:var(--danger);font-weight:700}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card{flex-direction:column;align-items:flex-start;padding:18px;background:var(--panel);gap:6px}.card-label{color:var(--muted)}.card-value{font-size:24px;font-weight:700}.card-sub{color:var(--muted);font-size:12px}.card.attention{border-color:#fcd34d;background:var(--warn-weak)}.alert{padding:12px 16px;border-radius:var(--radius);margin-bottom:16px}.alert a{margin-left:10px}.alert.danger{background:var(--danger-weak);color:var(--danger);cursor:pointer}.alert.warn{background:var(--warn-weak);color:var(--warn)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:16px}.save-bar{margin:-4px 0 24px}.help{margin-top:24px;color:var(--muted)}.help summary{cursor:pointer}.help li{margin:4px 0}.note{background:var(--primary-weak);padding:10px 12px;border-radius:var(--radius);margin:16px 0 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.grid2.compact{margin:10px 0}.field{display:flex;flex-direction:column;gap:4px}.field.span2{grid-column:span 2}.field-label{font-size:12px;color:var(--muted);font-weight:600}.field-hint{font-size:12px;color:var(--muted)}.seg{display:flex;gap:6px}.seg button{flex:1;justify-content:center}.seg button.on{background:var(--primary-weak);border-color:var(--primary);color:var(--primary);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;z-index:10;overflow:auto}.modal{background:#fff;border-radius:12px;width:460px;max-width:100%;box-shadow:0 20px 50px #0003}.modal.wide{width:640px}.modal header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.modal header h2{margin:0}.modal-body{padding:16px 20px}.modal footer{display:flex;gap:8px;padding:12px 20px 16px;border-top:1px solid var(--line)}.steps{padding-left:20px;margin:0}.steps>li{margin-bottom:18px}.steps>li::marker{font-weight:700;color:var(--primary)}.copy-table{width:100%;border-collapse:collapse;margin-top:6px}.copy-table th{text-align:left;width:100px;color:var(--muted);font-weight:500}.copy-table th,.copy-table td{padding:6px 8px;border-bottom:1px solid var(--line)}.copy-table td:last-child{text-align:right;width:90px}.copy-table td:nth-child(2){font-weight:600;font-variant-numeric:tabular-nums}button.copy{padding:2px 10px;font-size:12px}button.copy.done{color:var(--ok);border-color:var(--ok)}.lock{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1d2330}.lock-card{background:#fff;padding:32px;border-radius:12px;width:380px;display:flex;flex-direction:column;gap:12px}.lock-card h1,.lock-card p{margin:0}.warn{background:var(--warn-weak);color:var(--warn);padding:10px;border-radius:var(--radius);font-size:13px}.error{color:var(--danger);font-size:13px}.lock-card button{justify-content:center;padding:10px}.toasts{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:20}.toast{background:#1d2330;color:#fff;padding:10px 16px;border-radius:var(--radius);box-shadow:0 6px 20px #0003;max-width:420px}.toast.error{background:var(--danger)}.board-summary{display:flex;gap:24px;align-items:baseline;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:4px 0 8px}.board-summary b{font-size:16px}b.ok{color:var(--ok)}b.danger{color:var(--danger)}.bs-paid{background:var(--ok-weak);color:var(--ok)}.bs-partial{background:var(--warn-weak);color:var(--warn)}.bs-unpaid{background:var(--danger-weak);color:var(--danger);font-weight:600}.table.board td{vertical-align:middle}.row-unpaid td:first-child{box-shadow:inset 3px 0 0 var(--danger)}.check-group{display:flex;gap:6px}button.check{padding:5px 10px;gap:6px}button.check .box{width:16px;height:16px;border:1.5px solid #9ca3af;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}button.check:hover:not(:disabled) .box{border-color:var(--primary)}button.check.on{background:var(--primary-weak);border-color:var(--primary);color:var(--primary);font-weight:600;cursor:default}button.check.on .box{background:var(--primary);border-color:var(--primary);color:#fff}button.check:disabled:not(.on){opacity:.3}button.check.on:disabled{opacity:1}.pay-line{display:flex;align-items:center;gap:6px;white-space:nowrap}.pay-line+.pay-line{margin-top:4px}.small-badge{font-size:11px;padding:0 6px;margin-left:4px}button.small-x{font-size:12px;color:var(--muted);padding:2px 6px}button.small-x:hover{color:var(--danger)}.table.board{table-layout:fixed}.table.board th:nth-child(1){width:18%}.table.board th:nth-child(2){width:12%}.table.board th:nth-child(3){width:11%}.table.board th:nth-child(4){width:28%}.draft-line{display:flex;align-items:center;gap:4px;margin-bottom:4px}.draft-line input{width:120px;padding:4px 8px;text-align:right;font-weight:600}.won-unit{color:var(--muted);margin-right:4px}.table th.chk,.table td.chk{width:36px;padding-right:0}.table td.chk input,.table th.chk input{width:16px;height:16px;cursor:pointer}.table tr.selected td{background:var(--primary-weak)!important}.selection-bar{display:flex;align-items:center;gap:8px;margin-left:auto;background:var(--primary-weak);padding:4px 6px 4px 12px;border-radius:var(--radius)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.danger:hover:not(:disabled){background:#b91c1c}.import-list{max-height:50vh;overflow:auto;border-radius:var(--radius)}.import-list .table th{position:sticky;top:0}.dialog-backdrop{z-index:30;align-items:center}.modal.dialog{width:400px}.dialog-message{white-space:pre-wrap;line-height:1.6;padding-top:20px}.bs-requested{background:#eef2ff;color:#4338ca;font-weight:600}.row-requested td:first-child{box-shadow:inset 3px 0 #6366f1}button.check.req{border-style:dashed;border-color:#6366f1;color:#4338ca}button.check.req .box{border-color:#6366f1;color:#4338ca}button.req-button{border-color:#6366f1;color:#4338ca;background:#fff}button.req-button:hover:not(:disabled){background:#eef2ff!important}.req-text{color:#4338ca}.draft-line{flex-wrap:wrap}.table.board th:nth-child(4){width:25%}.table.board th:nth-child(1){width:14%}.table.board th:nth-child(2){width:11%}.table.board th:nth-child(3){width:10%}.table.board th:nth-child(4){width:27%}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.table th.sortable:hover{color:var(--text);background:#f1f3f6}.table th.sorted{color:var(--primary)}.sort-arrow{margin-left:4px;font-size:10px;opacity:.4}.table th.sorted .sort-arrow{opacity:1}.grade-stats{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 12px}.grade-chip{padding:4px 10px;border-radius:999px;font-size:13px;gap:6px}.grade-chip b{color:var(--primary)}.grade-chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.grade-chip.on b{color:#fff}.grade-chip.total{font-weight:600}.grade-panel{margin-top:16px;max-width:640px}.grade-bars{display:flex;flex-direction:column;gap:6px}.grade-bar{display:grid;grid-template-columns:56px 1fr 48px;align-items:center;gap:10px}.grade-bar-label{font-weight:600}.grade-bar-track{height:14px;background:#f1f3f6;border-radius:4px;overflow:hidden}.grade-bar-fill{display:block;height:100%;background:var(--primary);border-radius:4px}.grade-bar-value{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.check-line{display:flex;align-items:center;gap:8px;margin-bottom:6px;cursor:pointer}.check-line input{width:16px;height:16px}.grade-chip.on:hover:not(:disabled){background:#2448c9}.money-summary{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin:0 0 8px}.money{display:flex;flex-direction:column;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;min-width:150px}.money b{font-size:18px;font-variant-numeric:tabular-nums}.money-label{font-size:12px;color:var(--muted)}.money-sub{font-size:11px;color:var(--muted)}.money.ok-tile b{color:var(--ok)}.money.req-tile{border-color:#c7d2fe;background:#f5f7ff}.money.req-tile b{color:#4338ca}.money.total-tile{border-color:var(--text)}.money.plain-tile{margin-left:auto;background:transparent}.money-summary .op{align-self:center;font-size:18px;color:var(--muted)}.bulk-bar{display:flex;align-items:center;gap:8px;background:var(--primary-weak);border:1px solid #c7d2fe;border-radius:var(--radius);padding:10px 14px;margin:8px 0 12px}.badge.exported{background:#eef2ff;color:#4338ca;margin-left:4px}.help ol{margin:8px 0}.help ol li{margin:4px 0}.sync-grid{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin-bottom:12px}.sync-actions{margin-top:8px;flex-wrap:wrap}.sync-steps li{margin:6px 0;line-height:1.6}.stack{display:flex;flex-direction:column;gap:12px}.row.end{justify-content:flex-end}.warn-check{color:var(--warn);align-items:flex-start}.warn-check input{margin-top:3px;flex-shrink:0}.nav-short{display:none}@media (max-width: 760px){:root{font-size:15px}input,select,textarea{font-size:16px}h1{font-size:20px;margin-bottom:12px}.layout{display:block}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:auto;z-index:15;flex-direction:row;padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px #00000026}.brand,.nav.lock,.soon{display:none}.sidebar ul{display:flex;flex:1;justify-content:space-around}.sidebar li{flex:1}.sidebar li:has(.nav:disabled){display:none}.nav{flex-direction:column;gap:2px;padding:6px 2px;font-size:11px;justify-content:center;border-radius:8px}.nav-icon{font-size:18px;width:auto}.nav-label{display:none}.nav-short{display:inline}.content{padding:16px 12px calc(84px + env(safe-area-inset-bottom));max-width:none}.page-head{flex-wrap:wrap;gap:8px}.actions{flex-wrap:wrap}.toolbar{gap:8px}.tabs{max-width:100%;overflow-x:auto}.tabs button{white-space:nowrap}.search{max-width:none;flex:1 1 100%}.selection-bar{margin-left:0;width:100%}.month-picker input{width:140px}.table{display:block;overflow-x:auto;white-space:nowrap}.table td,.table th{padding:10px}.table.board{display:block;white-space:normal;overflow:visible;box-shadow:none;background:none}.table.board thead{display:none}.table.board tbody{display:flex;flex-direction:column;gap:10px}.table.board tr{display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-items:center;grid-template-areas:"name status" "amount amount" "check check" "hist hist";background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.table.board td{display:block;border:none;padding:0;width:auto}.table.board td:nth-child(1){grid-area:name;font-size:16px}.table.board td:nth-child(2){grid-area:amount;text-align:left!important}.table.board td:nth-child(2) .small{display:inline;margin-left:6px}.table.board td:nth-child(3){grid-area:status;text-align:right}.table.board td:nth-child(4){grid-area:check}.table.board td:nth-child(5){grid-area:hist}.table.board td:nth-child(5)>.muted:only-child{display:none}.row-unpaid td:first-child,.row-requested td:first-child{box-shadow:none}.table.board tr.row-unpaid{border-left:4px solid var(--danger)}.table.board tr.row-requested{border-left:4px solid #6366f1}.check-group{gap:6px}.check-group button.check{flex:1;justify-content:center;padding:10px 4px;font-size:14px}.draft-line{flex-wrap:wrap;margin-top:4px}.draft-line input{flex:1 1 100%;width:100%;font-size:18px;padding:8px 10px}.draft-line button{flex:1;justify-content:center;padding:8px;font-size:14px}.draft-line .won-unit{display:none}.pay-line{white-space:normal;flex-wrap:wrap}.board-summary{flex-wrap:wrap;gap:6px 14px}.money-summary{gap:8px}.money-summary .op{display:none}.money{flex:1 1 calc(50% - 8px);min-width:0;padding:10px 12px}.money b{font-size:16px}.money.plain-tile{margin-left:0}.bulk-bar{flex-wrap:wrap}.bulk-bar button{flex:1 1 100%;justify-content:center}.cards{grid-template-columns:1fr 1fr;gap:10px}.card{padding:14px}.card-value{font-size:20px}.panel{padding:16px}.grade-bar{grid-template-columns:44px 1fr 44px}.modal-backdrop{padding:0;align-items:flex-end}.modal,.modal.wide{width:100%;max-height:92vh;overflow-y:auto;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom)}.dialog-backdrop{padding:16px;align-items:center}.modal.dialog{border-radius:14px}.grid2{grid-template-columns:1fr}.field.span2{grid-column:auto}.modal footer{flex-wrap:wrap}.lock{padding:16px}.lock-card{width:100%;padding:24px}.toasts{left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom))}.toast{max-width:none}}.modal-backdrop{z-index:20}.dialog-backdrop{z-index:30}.toasts{z-index:40}@media (hover: none){.nav:hover:not(:disabled):not(.active){background:none!important}}.who{color:#94a3b8;font-size:11px;padding:8px 10px 0;word-break:break-all}.qr{width:200px;height:200px;align-self:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px}.secret{display:block;word-break:break-all;background:#f3f4f6;padding:6px 8px;border-radius:6px;margin-top:6px;-webkit-user-select:all;user-select:all}.two-step-help{margin:0;padding-left:18px;line-height:1.7}.lock-card .stack{gap:10px}@media (max-width: 760px){.who{display:none}}.audit-list{max-height:420px;overflow:auto}