:root{--navy:#1f3a56;--teal:#2c6c88;--light:#6fa0b4;--red:#b85c5c;--bg:#f3f6f9;--panel:#fff;--line:#dbe3ea;--text:#1e2a35;--muted:#7b8894;--over-bg:#f7e6e6;--card-bg:#e8f0f6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;font-size:15px}.muted{color:var(--muted)}.pad{padding:16px}.error{color:var(--red)}.over{color:var(--red);font-weight:600}.app{max-width:1100px;padding-bottom:env(safe-area-inset-bottom);margin:0 auto}.topbar{z-index:5;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--navy);color:#fff;justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.month-switch{align-items:center;gap:6px;display:flex}.month-switch button,.month-switch select{border:0;border-radius:8px;height:40px;font-size:16px}.month-switch button{color:#fff;background:#fff2;width:40px;font-size:22px}.month-switch button:disabled{opacity:.35}.month-switch select{color:var(--text);background:#fff;min-width:140px;padding:0 10px}button.link{color:#cfe0ee;cursor:pointer;background:0 0;border:0;font-size:14px}.content{padding:12px 16px 32px}.month-title{align-items:center;gap:10px;margin:8px 0 12px;font-size:20px;display:flex}.badge{background:var(--card-bg);color:var(--teal);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.badge.closed{color:#555;background:#e5e5e5}.cards{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.card-h{background:var(--teal);color:#fff;text-align:center;padding:6px;font-size:13px}.card-v{background:var(--card-bg);flex:1;justify-content:center;align-items:center;padding:12px 6px;font-size:20px;font-weight:600;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:14px;padding:12px 14px}.panel h3{color:var(--navy);margin:0 0 10px;font-size:14px}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{background:var(--navy);color:#fff;text-align:left;white-space:nowrap;padding:6px 8px;font-weight:500}.tbl td{border-bottom:1px solid var(--line);padding:7px 8px}.tbl td.r,.tbl td.c,.tbl th{white-space:nowrap}.r{text-align:right;font-variant-numeric:tabular-nums}.c{text-align:center}.row-over td{background:var(--over-bg)}.ratio{white-space:nowrap}.pct{width:54px;color:var(--muted);display:inline-block}.blocks{color:var(--light);letter-spacing:-1px}.blocks.over{color:var(--red)}.remark{color:var(--muted);font-size:12px}.only-mobile{display:none}.item-cards,.extra{margin:0;padding:0;list-style:none}.item-cards li,.extra li{border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:10px}.item-cards li.row-over{background:var(--over-bg)}.ic-top,.ic-amt,.ic-bar,.ex-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ic-amt{margin-top:4px}.ic-amt small{color:var(--muted)}.ic-bar{margin-top:4px}.ic-j{font-size:12px}.ex-sub{color:var(--muted);margin-top:2px;font-size:12px}.chart-scroll{overflow-x:auto}.grid{stroke:var(--line);stroke-dasharray:4 4}.baseline{stroke:#333}.axis{fill:var(--muted);font-size:11px}.bar-budget{fill:var(--navy)}.bar-actual{fill:var(--light)}.bar-over{fill:var(--red)}.legend{color:var(--muted);justify-content:center;gap:14px;margin-top:4px;font-size:12px;display:flex}.sw{border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.sw.budget{background:var(--navy)}.sw.actual{background:var(--light)}.sw.over{background:var(--red)}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:24px;display:flex}.login-card h1{color:var(--navy);margin:0;font-size:20px}.login-card label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.login-card input{border:1px solid var(--line);border-radius:8px;height:42px;padding:0 10px;font-size:16px}.login-card button{background:var(--navy);color:#fff;border:0;border-radius:8px;height:44px;font-size:16px}.tabs{background:var(--panel);border-bottom:1px solid var(--line);z-index:4;display:flex;position:sticky;top:60px}.tabs button{white-space:nowrap;height:44px;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;flex:1;padding:0 2px;font-size:14px}.tabs button.on{color:var(--navy);border-bottom-color:var(--teal);font-weight:600}.ok{color:#2e7d5b}.small{font-size:12px}.notice{background:#fff6e0;border:1px solid #f0dca0;border-radius:8px;padding:8px 12px;font-size:13px}.sec-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.sec-head h3{margin:0}.sec-head small{color:var(--muted);margin-left:6px;font-weight:400}.btn{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:8px;height:40px;padding:0 18px;font-size:15px}.btn.sm{height:34px;padding:0 12px;font-size:13px}.btn.ghost{color:var(--navy);border:1px solid var(--line);background:0 0}.btn.danger{color:var(--red)}.btn:disabled{opacity:.5}.row-actions{gap:8px;margin-top:8px;display:flex}.form{flex-direction:column;gap:10px;display:flex}.form label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.form input,.form select,.budget-row input{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;height:42px;padding:0 10px;font-size:16px}.form .two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.form details{color:var(--muted);font-size:13px}.form details label{margin-top:8px}.seg{gap:6px;display:flex}.seg button{border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;height:40px;font-size:14px}.seg button.on{background:var(--navy);color:#fff;border-color:var(--navy)}.budget-row{grid-template-columns:90px 120px 1fr;align-items:center;gap:8px;margin-bottom:8px;display:grid}.budget-row .amt{text-align:right}.panel>summary{cursor:pointer;list-style:none}.panel>summary h3{display:inline}.panel>summary:before{content:"▸ ";color:var(--muted)}details[open].panel>summary:before{content:"▾ "}.m-row{align-items:center;gap:6px;margin:8px 0;display:flex}.m-row.wrap{flex-wrap:wrap}.m-row>input:not(.sort):not([type=checkbox]){flex:140px;min-width:0}.m-row input,.m-row select{border:1px solid var(--line);background:#fff;border-radius:8px;height:38px;padding:0 8px;font-size:15px}.m-row .sort{width:56px}.m-row select{flex:120px;min-width:0}.m-row .chk{white-space:nowrap;align-items:center;gap:4px;font-size:13px;display:flex}.m-row .chk input{height:auto}.m-row.add{border-top:1px dashed var(--line);padding-top:10px}.row-actions.wrap{flex-wrap:wrap}label.stack{color:var(--muted);flex-direction:column;gap:4px;margin-top:8px;font-size:13px;display:flex}label.stack input{border:1px solid var(--line);border-radius:8px;height:42px;padding:0 10px;font-size:16px}.budget-row.two{grid-template-columns:90px 1fr}.tbl-wrap{overflow-x:auto}@media (width<=720px){.cards{grid-template-columns:repeat(2,1fr)}.card-v{font-size:18px}.two-col{grid-template-columns:1fr}.tabs button{letter-spacing:-.02em;font-size:12px}.tbl{font-size:12.5px}.tbl th,.tbl td{padding:6px 5px}.budget-row{grid-template-columns:80px 1fr}.budget-row .note{grid-column:1/-1}.tabs{top:calc(60px + env(safe-area-inset-top))}.only-desktop{display:none}.only-mobile{display:block}}.nm{white-space:nowrap}.avatar{object-fit:cover;color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.who{align-items:center;gap:8px;display:inline-flex}.who-line{align-items:center;gap:8px;display:flex}.pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.person{border:1px solid var(--line);background:#fbfdfe;border-radius:10px;padding:10px}.person .who{margin-bottom:8px}.person dl{margin:0}.person dl>div{justify-content:space-between;gap:6px;padding:4px 0;font-size:13px;display:flex}.person dt{color:var(--muted)}.person dd{font-variant-numeric:tabular-nums;margin:0}.person .sum{border-top:1px solid var(--line);margin-top:4px;padding-top:6px;font-weight:600}.person .sum dt{color:var(--text)}.btn.file{cursor:pointer;align-items:center;display:inline-flex}.member-card{border:1px solid var(--line);border-radius:10px;margin:8px 0;padding:8px 10px}.who-line{flex-wrap:wrap}.who-line>span:last-child{flex-basis:100%;padding-left:40px}.who-line .who{white-space:nowrap}.who.big{justify-content:center;align-items:center;width:100%;margin-bottom:8px;display:flex;position:relative}.who.big strong{white-space:nowrap;border:1px solid var(--line);background:#fffffff0;border-radius:999px;padding:1px 12px;font-size:14px;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #00000026}.pair .person{grid-template-columns:100px 1fr;align-items:center;gap:16px;padding:10px 14px;display:grid}.pair .person .who.big{width:100px;margin:0}.pair .person .avatar{width:100px!important;height:100px!important;font-size:44px!important}.pair .person dl>div{padding:3px 0}@media (width<=720px){.pair{grid-template-columns:1fr}}.pdf-btn{margin-left:auto;font-weight:400}