:root{--paper: #f6f7f5;--surface: #ffffff;--sunken: #eef1ef;--ink: #1e2a2f;--ink-2: #4a585d;--muted: #6c7a7f;--rule: #d6dcda;--rule-soft: #e6eae8;--primary: #24527a;--primary-ink: #ffffff;--primary-soft: #dfe8f1;--paid: #2f7a52;--recv: #24527a;--over: #b3362c;--over-soft: #f6e3e1;--unbilled: #d9dfdc;--out: #9aa6aa;--warn: #8a5a00;--radius-s: 4px;--radius-m: 8px;--shadow-pop: 0 12px 40px rgba(20, 35, 40, .18);--font: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #151b1e;--surface: #1c2427;--sunken: #232c30;--ink: #e4ebec;--ink-2: #b7c3c6;--muted: #8d9b9f;--rule: #33403f;--rule-soft: #29343a;--primary: #6f9fcf;--primary-ink: #0f1a24;--primary-soft: #23364a;--paid: #5fb487;--recv: #6f9fcf;--over: #ec7a6e;--over-soft: #3a2422;--unbilled: #3a4649;--out: #6d7b80;--warn: #e3b25a;--shadow-pop: 0 12px 40px rgba(0, 0, 0, .5);color-scheme:dark}}:root[data-theme=dark]{--paper: #151b1e;--surface: #1c2427;--sunken: #232c30;--ink: #e4ebec;--ink-2: #b7c3c6;--muted: #8d9b9f;--rule: #33403f;--rule-soft: #29343a;--primary: #6f9fcf;--primary-ink: #0f1a24;--primary-soft: #23364a;--paid: #5fb487;--recv: #6f9fcf;--over: #ec7a6e;--over-soft: #3a2422;--unbilled: #3a4649;--out: #6d7b80;--warn: #e3b25a;--shadow-pop: 0 12px 40px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:1.6rem;line-height:1.35}h2{font-size:1rem}.h3{font-size:.95rem;margin:.4rem 0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.small{font-size:.82rem}.strong{font-weight:600}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.nowrap{white-space:nowrap}.r{text-align:right}.over{color:var(--over)}.ok{color:var(--paid)}.pre{white-space:pre-wrap}.pad{padding:0 1.1rem 1rem;margin:0}.spacer{flex:1}.stack{display:grid;gap:.6rem;margin-top:1.2rem}.app{display:grid;grid-template-columns:216px 1fr;min-height:100%}.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--rule);background:var(--surface);padding:1.2rem .8rem}.side-brand{display:flex;align-items:center;gap:.55rem;font-weight:600;padding:0 .6rem 1.4rem;color:var(--primary)}.side-brand span{color:var(--ink)}.side-nav{display:grid;gap:2px}.side-nav a{display:block;padding:.5rem .7rem;border-radius:var(--radius-s);color:var(--ink-2);text-decoration:none;font-weight:500}.side-nav a:hover{background:var(--sunken)}.side-nav a.active{background:var(--primary-soft);color:var(--primary)}.side-me{margin-top:auto;display:flex;gap:.6rem;align-items:center;text-align:left;border:0;background:none;padding:.6rem;border-radius:var(--radius-s);cursor:pointer;color:inherit;font:inherit}.side-me:hover{background:var(--sunken)}.side-me strong{display:block;font-size:.9rem}.side-me small{color:var(--muted)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:600;flex:none}.main{min-width:0;padding:2rem clamp(1rem,3vw,2.6rem) 4rem}.page{max-width:1180px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.tabbar{display:none}.demobar{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;padding:.5rem 1rem;background:var(--primary);color:var(--primary-ink);font-size:.84rem}.demobar label{display:flex;align-items:center;gap:.4rem}.demobar select,.demobar button{font:inherit;font-size:.82rem;padding:.15rem .5rem;border-radius:var(--radius-s);border:1px solid color-mix(in srgb,var(--primary-ink) 40%,transparent);background:transparent;color:inherit;cursor:pointer}.demobar select option{color:#1e2a2f}.demobar span:first-child{flex:1 1 280px}.btn{font:inherit;font-size:.9rem;font-weight:500;padding:.48rem .95rem;border-radius:var(--radius-s);border:1px solid var(--rule);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--ink-2)}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.block{width:100%;padding:.7rem}.btn.small-btn{font-size:.8rem;padding:.22rem .6rem}.btn.ghost{border-color:transparent;background:transparent;color:var(--ink-2)}.btn.ghost:hover{background:var(--sunken)}.btn.danger-text{color:var(--over);border-color:transparent;background:transparent;padding-left:0}.btn.danger-text.armed{background:var(--over-soft);padding-left:.8rem}.icon-btn{border:0;background:none;font-size:1rem;color:var(--muted);cursor:pointer;padding:.3rem .5rem;border-radius:var(--radius-s)}.icon-btn:hover{background:var(--sunken)}input,select,textarea{font:inherit;font-size:.92rem;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-s);padding:.48rem .6rem;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}textarea{resize:vertical}.field{display:grid;gap:.25rem}.field-label{font-size:.82rem;color:var(--ink-2);font-weight:500}.field-label em{color:var(--over);font-style:normal}.field-hint{font-size:.76rem;color:var(--muted)}.money-input{position:relative}.money-input input{text-align:right;padding-right:2rem}.money-input span{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.85rem}.form{display:grid;gap:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem 1rem}.form-grid .field{grid-column:1 / -1}.form-grid .field.half{grid-column:auto}.form-err{color:var(--over);margin:0;font-size:.88rem}.form-actions{display:flex;gap:.5rem;align-items:center;margin-top:.4rem}.quick{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f191e6b;display:grid;place-items:center;padding:1rem;z-index:50}.modal{width:min(620px,100%);max-height:calc(100vh - 2rem);overflow:auto;background:var(--surface);border-radius:var(--radius-m);box-shadow:var(--shadow-pop)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem .4rem;position:sticky;top:0;background:var(--surface)}.modal-head h2{font-size:1.08rem}.modal-body{padding:.6rem 1.2rem 1.2rem}.toast{position:fixed;left:50%;bottom:1.6rem;transform:translate(-50%);z-index:60;background:var(--ink);color:var(--paper);padding:.6rem 1.1rem;border-radius:var(--radius-s);font-size:.9rem;box-shadow:var(--shadow-pop);animation:toast-in .18s ease-out;max-width:calc(100vw - 2rem)}.toast.err{background:var(--over);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-m);min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.9rem 1.1rem .7rem}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;font-weight:500;color:var(--muted);font-size:.8rem;padding:.55rem .9rem;border-bottom:1px solid var(--rule);white-space:nowrap}.table td{overflow-wrap:normal;padding:.65rem .9rem;border-bottom:1px solid var(--rule-soft);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tfoot td{border-top:1px solid var(--rule);border-bottom:0;font-weight:600}.table th.r,.table td.r{text-align:right}.panel>.table-wrap .table{margin-bottom:.3rem}.table-wrap:not(.panel .table-wrap){background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-m)}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--sunken)}tr.dim td{color:var(--muted)}.projects-table .bar-col{width:22%;min-width:150px}.projects-table .bar-col .moneybar{margin-bottom:.2rem}.pill{display:inline-block;font-size:.76rem;font-weight:500;padding:.08rem .5rem;border-radius:999px;white-space:nowrap;border:1px solid transparent}.st-in_progress{background:var(--primary-soft);color:var(--primary)}.st-contracted{border-color:var(--primary);color:var(--primary)}.st-proposal{border-color:var(--rule);color:var(--ink-2);border-style:dashed}.st-completed{background:color-mix(in srgb,var(--paid) 14%,transparent);color:var(--paid)}.st-closed{background:var(--sunken);color:var(--muted)}.st-lost{color:var(--muted);text-decoration:line-through}.toolbar{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between;margin-bottom:1rem}.toolbar select{width:auto}.tabs{display:flex;gap:.2rem;overflow-x:auto;max-width:100%}.tabs button{font:inherit;font-size:.87rem;border:0;background:none;color:var(--ink-2);padding:.4rem .7rem;border-radius:var(--radius-s);cursor:pointer;white-space:nowrap}.tabs button:hover{background:var(--sunken)}.tabs button.on{background:var(--ink);color:var(--paper)}.tabs .count{margin-left:.35rem;font-size:.76rem;opacity:.7}.search{width:min(260px,100%)}.empty{text-align:center;padding:3rem 1rem;color:var(--muted)}.empty p{margin:0 0 1rem}.center-screen{min-height:100vh;display:grid;place-items:center;padding:1rem}.notice{text-align:center;display:grid;gap:.4rem;justify-items:center}.notice p{margin:0}.moneybar{display:flex;width:100%;border-radius:3px;overflow:hidden;background:var(--unbilled);gap:2px}.moneybar .seg{display:block;height:100%;min-width:3px}.seg.paid,.sw.paid{background:var(--paid)}.seg.recv,.sw.recv{background:var(--recv)}.seg.over,.sw.over{background:var(--over)}.seg.unbilled,.sw.unbilled{background:var(--unbilled)}.sw.out{background:var(--out)}.legend{display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-size:.78rem;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:.35rem}.sw{width:10px;height:10px;border-radius:2px;display:inline-block}.dash-head{align-items:flex-start}.dash-head .muted{margin:0 0 .2rem}.headline{font-size:clamp(1.35rem,2.6vw,1.9rem);max-width:30ch;font-weight:600}.headline.has-overdue{color:var(--ink)}.year-pick select{width:auto}.figures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 1.6rem;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule)}.figures>div{padding:.75rem 1rem .85rem 0}.figures>div+div{padding-left:1rem;border-left:1px solid var(--rule-soft)}.figures dt{font-size:.8rem;color:var(--muted)}.figures dd{margin:.1rem 0 0;font-size:1.32rem;font-weight:600;white-space:nowrap}.figures.compact{border-top-width:1px;margin:.9rem 0 0}.figures.compact dd{font-size:1.02rem}.dash-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:1.1rem;align-items:start}.dash-grid .wide{grid-column:1 / -1}.ledger-list{list-style:none;margin:0;padding:0 0 .4rem}.ledger-list li+li{border-top:1px solid var(--rule-soft)}.ledger-row{display:grid;gap:.5rem;padding:.85rem 1.1rem;color:inherit;text-decoration:none}.ledger-row:hover{background:var(--sunken);text-decoration:none}.ledger-title{display:flex;flex-wrap:wrap;gap:.2rem .6rem;align-items:baseline}.ledger-title strong{font-weight:600}.ledger-title .muted{font-size:.82rem}.ledger-meta{display:flex;flex-wrap:wrap;gap:.2rem 1rem;font-size:.82rem;color:var(--ink-2)}.ledger-next{margin-left:auto}.ledger-next b{font-weight:600}.agenda-group{font-size:.78rem;font-weight:600;color:var(--muted);padding:.3rem 1.1rem .2rem}.agenda-group.over{color:var(--over)}.agenda-list{list-style:none;margin:0;padding:0 0 .6rem}.agenda-list a{display:grid;grid-template-columns:76px 1fr;gap:.7rem;padding:.5rem 1.1rem;color:inherit;text-decoration:none}.agenda-list a:hover{background:var(--sunken)}.agenda-date{display:grid;line-height:1.3}.agenda-date b{font-weight:600;font-size:.9rem}.agenda-date small{font-size:.76rem;color:var(--muted)}.agenda-date.over b,.agenda-date.over small{color:var(--over)}.agenda-what{display:grid;line-height:1.4;min-width:0}.agenda-what strong{font-weight:500;font-size:.9rem}.agenda-what small{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart{padding:0 1.1rem 1rem}.chart svg{width:100%;height:auto;display:block}.chart .axis{stroke:var(--rule)}.chart .tick{fill:var(--muted);font-size:11px;font-family:var(--font)}.chart .bar-in{fill:var(--paid)}.chart .bar-out{fill:var(--out)}.chart-readout{margin:.3rem 0 0;font-size:.82rem;color:var(--ink-2);min-height:1.4em}.hbars{list-style:none;margin:0;padding:0 1.1rem 1rem;display:grid;gap:.5rem}.hbars li{display:grid;grid-template-columns:6.5rem 1fr auto;gap:.7rem;align-items:center;font-size:.86rem}.hbar{height:8px;background:var(--sunken);border-radius:2px;overflow:hidden}.hbar i{display:block;height:100%;background:var(--ink-2);border-radius:2px}.crumbs{font-size:.85rem;margin-bottom:.5rem}.crumbs a:before{content:"‹ "}.detail-head{align-items:flex-start}.detail-head p{margin:.2rem 0 0}.detail-tags{display:flex;gap:.6rem;align-items:center;margin-bottom:.4rem}.money-summary{margin-bottom:1.4rem;display:grid;gap:.5rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;align-items:start}.detail-grid .wide{grid-column:1 / -1}.dl{display:grid;grid-template-columns:6.5rem 1fr;gap:.45rem 1rem;margin:0;font-size:.9rem}.dl dt{color:var(--muted)}.dl dd{margin:0}.progress{display:inline-block;width:120px;height:6px;border-radius:3px;background:var(--sunken);vertical-align:middle;overflow:hidden}.progress i{display:block;height:100%;background:var(--primary)}.warn{color:var(--warn);font-size:.86rem}.warn-inline{color:var(--warn);font-weight:400;font-size:.84rem}.timeline{list-style:none;margin:0;padding:0 1.1rem 1rem}.timeline li{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.5rem 0;position:relative}.timeline li+li{border-top:1px dashed var(--rule)}.tl-check input{width:18px;height:18px;accent-color:var(--paid);cursor:pointer}.tl-body{display:grid;line-height:1.4}.tl-body strong{font-weight:500}.timeline li.done .tl-body strong{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--rule)}.timeline li.late .tl-body span{color:var(--over)}.rows{list-style:none;margin:0;padding:0 0 .4rem}.rows li{display:grid;grid-template-columns:3.4rem 1fr auto auto;gap:.7rem;align-items:center;padding:.5rem 1.1rem}.rows li+li{border-top:1px solid var(--rule-soft)}.rows-main{display:grid;line-height:1.4;min-width:0}.rows-main b{font-weight:500;font-size:.9rem}.rows-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.danger-zone{margin-top:2rem;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.expense-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:1.1rem;align-items:start}.help{margin-top:1.6rem;max-width:70ch;font-size:.9rem}.help ol{padding-left:1.2rem}.login{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(360px,100%);display:grid;gap:.9rem}.login-card h1{font-size:1.4rem}.login-card>p{margin:-.5rem 0 .4rem}.brand-mark{color:var(--primary)}@media (max-width: 900px){.dash-grid,.detail-grid,.expense-layout{grid-template-columns:1fr}}@media (max-width: 760px){.app{grid-template-columns:1fr}.side{display:none}.main{padding:1.2rem 16px 5.5rem}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--surface);border-top:1px solid var(--rule);padding:.3rem .3rem calc(.3rem + env(safe-area-inset-bottom))}.tabbar a,.tabbar button{flex:1;text-align:center;padding:.55rem .2rem;font:inherit;font-size:.84rem;font-weight:500;color:var(--muted);background:none;border:0;border-radius:var(--radius-s);text-decoration:none;cursor:pointer}.tabbar a.active{color:var(--primary);background:var(--primary-soft)}.figures{grid-template-columns:repeat(2,minmax(0,1fr))}.figures>div:nth-child(3){padding-left:0;border-left:0}.figures>div:nth-child(n+3){border-top:1px solid var(--rule-soft)}.figures dd{font-size:1.12rem}.form-grid{grid-template-columns:1fr}.form-grid .field.half{grid-column:1 / -1}.page-head{flex-wrap:wrap;align-items:flex-start}h1{font-size:1.3rem}.ledger-next{margin-left:0;width:100%}.rows li{grid-template-columns:3rem 1fr auto}.rows li>:last-child:is(button,span:empty){grid-column:2 / -1;justify-self:end}.rows li>span:empty{display:none}.search{width:100%}.table{font-size:.85rem;min-width:620px}.table td:first-child{min-width:11rem}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}