:root{--bg: #F5F6F8;--surface: #FFFFFF;--surface-2: #F8F9FB;--line: #E3E6EB;--line-2: #EEF0F3;--input: #D5D9E0;--ink: #16181D;--ink-2: #2B303A;--muted: #5B6270;--faint: #8A909C;--berry: #8E1F4F;--berry-2: #B3436F;--berry-3: #D9AFC2;--berry-soft: #F6E9EF;--berry-tint: #FBF4F7;--green: #1D7A4A;--green-soft: #E6F4EC;--amber: #A15C00;--amber-soft: #FDF1E1;--red: #B42318;--radius: 12px;font-family:IBM Plex Sans KR,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{min-height:100vh}a{color:var(--berry)}a:hover{color:#6b1239}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3{margin:0}:focus-visible{outline:2px solid var(--berry);outline-offset:2px}.shell{display:flex;min-height:100vh;align-items:stretch}.nav{width:232px;flex:0 0 232px;background:var(--surface);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px;text-decoration:none;color:var(--ink)}.brand b{font-size:15px;display:block;line-height:1.2}.brand span{font-size:12px;color:var(--muted)}.nav a.item{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;text-decoration:none;font-size:14px;color:var(--ink-2)}.nav a.item:hover{background:var(--surface-2)}.nav a.item.active{background:var(--berry-soft);color:var(--berry);font-weight:600}.nav .spacer{flex:1;min-height:24px}.nav .sub{font-size:13px;color:var(--muted)}.nav .who{padding:8px 12px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.nav .who button{border:none;background:none;color:var(--muted);font-size:12px;text-decoration:underline;padding:4px 0}.main{flex:1;min-width:0;padding:32px 40px 48px;display:flex;flex-direction:column;gap:20px}.topbar{display:none}@media(max-width:900px){.shell{flex-direction:column}.nav{display:none}.nav.open{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;width:100%;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.main{padding:20px 16px 40px}}.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.page-head h1{font-size:26px;font-weight:700;letter-spacing:-.01em}.page-head p{margin:4px 0 0;font-size:14px;color:var(--muted)}.page-head .actions{display:flex;flex-wrap:wrap;gap:8px}.back{font-size:13px;text-decoration:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.card.pad{padding:20px}.card.pad-lg{padding:24px}.card h2{font-size:16px;font-weight:600}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.between{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.split{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.split>.grow{flex:999 1 560px;min-width:0}.split>.side{flex:1 1 320px;min-width:0}.split>.half{flex:1 1 480px;min-width:0}@media(max-width:900px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.grid4,.grid3{grid-template-columns:minmax(0,1fr)}}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:12px}.s13{font-size:13px}.strong{font-weight:600}.num{text-align:right;white-space:nowrap}.nowrap{white-space:nowrap}.berry{color:var(--berry)}.green{color:var(--green)}.amber{color:var(--amber)}.red{color:var(--red)}.strike{text-decoration:line-through;color:var(--faint)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat{padding:20px;display:flex;flex-direction:column;gap:8px}.stat .k{font-size:13px;color:var(--muted)}.stat .v{font-size:24px;font-weight:700}.stat .d{font-size:12px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:8px;border:1px solid var(--input);background:var(--surface);color:var(--ink-2);font-size:14px;text-decoration:none;white-space:nowrap}.btn:hover{background:var(--surface-2);color:var(--ink-2)}.btn.primary{background:var(--berry);border-color:var(--berry);color:#fff;font-weight:600;padding:0 20px}.btn.primary:hover{background:#7a1943;color:#fff}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}.btn.dashed{border:1px dashed var(--berry-2);color:var(--berry);font-weight:600}.btn.danger{color:var(--red);border-color:#f1c4c0}.btn.sm{min-height:36px;padding:0 12px;font-size:13px}.btn.icon{width:36px;min-height:36px;padding:0;border-color:var(--line)}.btn.ghost{border-color:transparent;background:transparent}.seg{display:inline-flex;flex-wrap:wrap;gap:4px}.seg button{min-height:40px;padding:0 12px;border-radius:6px;border:1px solid var(--input);background:var(--surface);font-size:13px;color:var(--ink-2)}.seg button.on{border-color:var(--berry);background:var(--berry-soft);color:var(--berry);font-weight:600}.toggle2{display:inline-flex;border:1px solid var(--input);border-radius:8px;overflow:hidden}.toggle2 button{white-space:nowrap;min-height:36px;padding:0 8px;border:none;background:var(--surface);font-size:12px;font-weight:600;color:var(--ink-2)}.toggle2 button+button{border-left:1px solid var(--input)}.toggle2 button.on{background:var(--berry);color:#fff}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span,.label{font-size:12px;color:var(--muted);font-weight:500}.input,.select,.textarea{min-height:44px;padding:0 12px;border-radius:8px;border:1px solid var(--input);background:var(--surface);font-size:14px;width:100%}.input.sm,.select.sm{min-height:40px;border-radius:6px}.input.num{text-align:right}.textarea{padding:12px;min-height:120px;line-height:1.6;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--berry);outline:none;box-shadow:0 0 0 3px #8e1f4f1f}.check{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:13px;color:var(--ink-2)}.check input{width:18px;height:18px;accent-color:var(--berry)}.vis-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tbl-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;color:var(--muted);font-weight:500;padding:12px 8px;background:var(--surface-2);white-space:nowrap}.tbl td{padding:10px 8px;border-top:1px solid var(--line-2);vertical-align:middle}.tbl th:first-child,.tbl td:first-child{padding-left:16px}.tbl th:last-child,.tbl td:last-child{padding-right:16px}.tbl tfoot td{border-top:2px solid var(--input);background:var(--surface-2);font-weight:600;padding-top:14px;padding-bottom:14px}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td,.tbl tr.sel td{background:var(--berry-tint)}.tbl tr.sub td{background:var(--surface-2);font-weight:600}.tbl.plain th{background:none;border-bottom:1px solid var(--line);padding:8px 6px}.tbl.plain td{padding:9px 6px}.tbl.plain th:first-child,.tbl.plain td:first-child{padding-left:6px}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;font-size:12px;font-weight:600;background:#f3f4f6;color:#4b5260;white-space:nowrap}.chip.berry{background:var(--berry-soft);color:var(--berry)}.chip.green{background:var(--green-soft);color:var(--green)}.chip.amber{background:var(--amber-soft);color:var(--amber)}.chip.red{background:#fdecec;color:var(--red)}.pay-chip{min-height:36px;min-width:76px;padding:0 10px;border-radius:18px;border:1px solid var(--input);background:#f3f4f6;color:#4b5260;font-size:12px;font-weight:600;white-space:nowrap}.pay-chip.paid{background:var(--green-soft);color:var(--green);border-color:#9ed3b5}.pay-chip.partial{background:var(--amber-soft);color:var(--amber);border-color:#f0c98a}.plist{list-style:none;margin:0;padding:0;max-height:calc(100vh - 260px);overflow-y:auto}.plist li button{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:8px 16px;border:none;border-bottom:1px solid #F0F1F4;background:var(--surface);border-left:3px solid transparent}.plist li button:hover{background:var(--surface-2)}.plist li button.on{background:var(--berry-tint);border-left-color:var(--berry)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}.tabs button{min-height:44px;padding:0 14px;border:none;border-bottom:2px solid transparent;background:transparent;color:#4b5260;font-size:14px;font-weight:600;white-space:nowrap}.tabs button.on{border-bottom-color:var(--berry);color:var(--berry)}.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;font-size:14px}.kv>div{display:flex;flex-direction:column;gap:4px;min-width:0}.kv>div>span:first-child{font-size:12px;color:var(--muted)}.kv .wide{grid-column:1 / -1}@media(max-width:600px){.kv{grid-template-columns:minmax(0,1fr)}}.pop{position:absolute;z-index:30;top:44px;right:0;width:260px;background:var(--surface);border:1px solid var(--input);border-radius:10px;box-shadow:0 8px 24px #1418201f;padding:14px;display:flex;flex-direction:column;gap:10px;white-space:normal;text-align:left}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16181d73;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--surface);border-radius:14px;width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 60px #00000040}.modal.wide{max-width:860px}.modal h2{font-size:18px;font-weight:700}.modal .foot{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px;font-size:14px;z-index:100;box-shadow:0 8px 24px #00000040;max-width:calc(100vw - 32px)}.toast.err{background:var(--red)}.notice{padding:12px 16px;border-radius:10px;font-size:13px;background:var(--amber-soft);color:var(--amber);border:1px solid #F0C98A}.notice.info{background:var(--berry-tint);color:var(--berry);border-color:var(--berry-3)}.combo{position:relative}.combo .list{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 4px);background:var(--surface);border:1px solid var(--input);border-radius:10px;box-shadow:0 8px 24px #1418201f;max-height:320px;overflow-y:auto;padding:4px}.combo .opt{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;border:none;background:none;padding:10px 12px;border-radius:8px;font-size:14px}.combo .opt small{font-size:12px;color:var(--muted)}.combo .opt.hi,.combo .opt:hover{background:var(--berry-tint)}.bars{min-width:640px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:end;height:300px;border-bottom:1px solid var(--input);padding-top:8px}.bars .col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;border:none;background:none;padding:0}.bars .col .lbl{font-size:12px;color:var(--muted);white-space:nowrap;font-weight:500}.bars .col .bar{width:100%;max-width:44px;background:var(--berry-3);border-radius:6px 6px 0 0;transition:height .25s ease}.bars .col:hover .bar{background:var(--berry-2)}.bars .col.cur .bar{background:var(--berry)}.bars .col.cur .lbl{color:var(--berry);font-weight:700}.months{min-width:640px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;padding-top:8px;text-align:center;font-size:13px;color:var(--muted)}.meter{height:8px;background:#f0f1f4;border-radius:4px}.meter>div{height:8px;background:var(--berry-2);border-radius:4px}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth .box{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px 28px;display:flex;flex-direction:column;gap:18px}.auth h1{font-size:22px}.otp{letter-spacing:.4em;text-align:center;font-size:22px;font-weight:600}.qr{display:flex;justify-content:center;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px}.qr img{width:200px;height:200px}.secret{font-family:ui-monospace,Menlo,monospace;font-size:13px;word-break:break-all;background:var(--surface-2);padding:8px 10px;border-radius:8px}.loading{padding:40px;text-align:center;color:var(--muted)}.empty{padding:32px 16px;text-align:center;color:var(--muted);font-size:14px}.offscreen{position:fixed;left:-10000px;top:0;pointer-events:none}.preview-frame{background:#e9ebef;border-radius:8px;padding:16px;overflow:auto}.preview-scale{transform-origin:top left}