:root{--blue: #0867f2;--blue-dark: #0754c9;--blue-ink: #ffffff;--navy: #13224b;--navy-2: #18347f;--violet: #5937ce;--pink: #ec3b82;--bg: #f7f9ff;--surface: #ffffff;--tile: #edf3ff;--chip: #f8fafc;--line: #d7e3f6;--line-soft: #e2e8f0;--fg: #17264b;--muted: #475569;--soft: #94a3b8;--yellow-bg: #fff0b8;--yellow-fg: #684000;--violet-bg: #efeaff;--danger: #b52748;--auto-bg: #eaf1ff;--auto-line: #7ea4ef;--shadow: rgba(36, 88, 232, .12);--paper: #ffffff;--ink: #222222;--ink-line: #333333;--ink-muted: #666666;--ink-soft: #cccccc;--ink-head: #eef3fc;--font: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;--num: "Arial Black", "Hiragino Sans", "Noto Sans JP", sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--blue: #5b9bff;--blue-dark: #86b5ff;--blue-ink: #0a1430;--navy: #e6edff;--navy-2: #b9cbff;--violet: #b5a2ff;--pink: #ff7fb1;--bg: #0d1428;--surface: #141d36;--tile: #1b2850;--chip: #172140;--line: #2a3a66;--line-soft: #26345c;--fg: #e6edff;--muted: #a9b6d3;--soft: #6c7aa0;--yellow-bg: #3d3210;--yellow-fg: #ffe08a;--violet-bg: #251f48;--danger: #ff8aa3;--auto-bg: #1c2a52;--auto-line: #4f74c8;--shadow: rgba(0, 0, 0, .45);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.7;font-size:14px}h1,h2,h3,p{margin:0}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.ext{display:flex;flex-direction:column;height:100%}.ext-head{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0}.ext-head b{font-size:15px;font-weight:900;letter-spacing:.06em}.ext-head small{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--blue)}.ext-head .grow{flex:1}.muted{font-size:12px;color:var(--muted)}.btn-sm{border:1.5px solid var(--blue);background:var(--surface);color:var(--blue);border-radius:999px;padding:4px 14px;font-size:13px;font-weight:900}.btn-sm:hover:not(:disabled){background:var(--tile)}.btn-sm:disabled{opacity:.5;cursor:default}.ext-body{flex:1;min-height:0;display:flex;gap:16px;padding:16px;align-items:stretch}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--blue)}.panel{width:440px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 32px var(--shadow)}.panel-scroll{flex:1;min-height:0;overflow-y:auto;padding:18px 20px}.panel-foot{flex:none;padding:12px 20px 14px;border-top:1px solid var(--line);background:var(--surface)}.panel-foot .chk{margin-top:8px}.panel-foot .note{margin-top:4px}.panel-foot .status{margin-top:4px;min-height:0}.panel section+section{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-soft)}.panel .eyebrow{display:inline-flex;padding:3px 10px;border-radius:999px;background:var(--tile);font-size:11px}.panel h3{font-size:16px;font-weight:900;margin:6px 0 2px}label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:10px 0 3px}.src{margin-left:6px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:900;background:var(--tile);color:var(--navy-2);vertical-align:1px}input,textarea,select{width:100%;padding:9px 12px;border:1.5px solid var(--line);border-radius:12px;font-size:14px;font-family:inherit;background:var(--surface);color:var(--fg)}input:hover,select:hover,textarea:hover{border-color:var(--auto-line)}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px var(--auto-bg)}input[type=checkbox]{width:auto;flex-shrink:0;padding:0;margin-top:4px;accent-color:var(--blue)}.row2{display:flex;gap:8px}.row2>div{flex:1;min-width:0}.note{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.7}.chk{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;font-size:12px;font-weight:700;color:var(--muted)}.picklist{display:grid;gap:6px;margin-top:4px;max-height:210px;overflow-y:auto;padding:2px}.pick{display:grid;grid-template-columns:1fr auto;gap:2px 8px;text-align:left;width:100%;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);border-radius:14px;padding:9px 12px;transition:border-color .15s,background .15s}.pick:hover{border-color:var(--auto-line)}.pick.active{border-color:var(--blue);background:var(--tile);box-shadow:0 0 0 3px var(--auto-bg)}.pick .nm{font-weight:900;font-size:14px;overflow-wrap:anywhere}.pick .amt{font:900 14px var(--num);color:var(--blue);text-align:right;font-variant-numeric:tabular-nums}.pick .sub{grid-column:1 / -1;display:flex;gap:6px;flex-wrap:wrap}.chip{padding:0 9px;border-radius:999px;font-size:11px;font-weight:900;line-height:1.7;background:var(--chip);border:1px solid var(--line-soft);color:var(--muted)}.chip.st-集計中{background:var(--yellow-bg);border-color:transparent;color:var(--yellow-fg)}.chip.st-請求書受領済,.chip.st-saved{background:var(--tile);border-color:transparent;color:var(--navy-2)}.autoinv{margin:10px 0 0;line-height:1.5}.autoinv b{display:block;font-size:16px;font-weight:900;color:var(--blue)}.autoinv small{display:block;font-size:11px;color:var(--muted)}.chip.st-支払済{background:var(--violet-bg);border-color:transparent;color:var(--violet)}.bnotes{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.bnotes li{font-size:12px;line-height:1.6;border-radius:12px;padding:7px 10px;background:var(--chip);border:1px solid var(--line-soft);color:var(--muted)}.bnotes li.ok{background:var(--tile);border-color:transparent;color:var(--navy-2)}.bnotes li.warn{background:var(--yellow-bg);border-color:transparent;color:var(--yellow-fg)}.bnotes li.err{border-color:var(--danger);color:var(--danger)}.diag{margin-top:10px;font-size:12px;color:var(--muted)}.diag summary{cursor:pointer;font-weight:700}.diag pre{margin:6px 0 0;padding:8px 10px;border-radius:10px;background:var(--chip);border:1px solid var(--line-soft);white-space:pre-wrap;word-break:break-all;font:11px/1.6 ui-monospace,Menlo,monospace;color:var(--fg)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.choice-card{background:var(--chip);border:1px solid var(--line-soft);border-radius:14px;padding:10px 12px;min-width:0}.tag{display:inline-flex;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:900;background:var(--yellow-bg);color:var(--yellow-fg)}.choice-card:nth-child(2) .tag{background:var(--violet-bg);color:var(--violet)}.choice{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.choice button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 6px;font-size:13px;font-weight:900;line-height:1.3;transition:background .15s,color .15s}.choice button small{display:block;font-size:10px;font-weight:400;margin-top:2px}.choice button.active{background:var(--blue);border-color:var(--blue);color:var(--blue-ink)}.choice button:not(.active):hover{border-color:var(--blue);color:var(--blue)}.sumcard{margin-top:10px;background:var(--tile);border-radius:16px;padding:12px 14px}.sumcard .lbl{display:block;font-size:12px;font-weight:900;color:var(--navy-2)}.sumcard strong{display:block;font:900 28px/1.3 var(--num);color:var(--blue);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.sumcard .sub{display:block;font-size:12px;font-weight:700;color:var(--navy-2)}.item{border:1px solid var(--line);border-radius:14px;margin-top:6px;background:var(--bg)}.item .no{flex-shrink:0;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--blue);color:var(--blue-ink);font:900 11px var(--num)}.irow{display:flex;gap:6px;align-items:center}.irow select{flex:1;font-weight:700}.whtag{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0 0;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:900;line-height:1.6;cursor:pointer;background:var(--chip);border:1px solid var(--line-soft);color:var(--muted)}.whtag.on{background:var(--violet-bg);border-color:transparent;color:var(--violet)}.whtag input{margin:0}.whtag em{font-style:normal;font-weight:700;color:var(--danger);font-size:11px}.item .del{border:0;background:none;color:var(--danger);font-size:12px;font-weight:700;padding:4px 6px}.item .result{margin-top:8px;font:900 14px var(--num);text-align:right;color:var(--blue);font-variant-numeric:tabular-nums;background:var(--tile);border-radius:12px;padding:7px 12px}.btn{display:flex;justify-content:center;align-items:center;width:100%;padding:10px;margin-top:10px;border-radius:999px;border:1.5px solid var(--blue);background:var(--surface);color:var(--blue);font-size:14px;font-weight:900}.btn:hover:not(:disabled){background:var(--tile)}.btn:disabled{opacity:.45;cursor:default}.button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:var(--blue);color:var(--blue-ink);border:0;border-radius:14px;padding:14px 24px;min-height:52px;font-size:16px;font-weight:900;transition:background .2s,transform .2s}.button:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-2px)}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.6;cursor:default}.status{font-size:12px;margin-top:8px;min-height:1.4em;color:var(--muted)}.preview-wrap{flex:1;min-width:0;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:24px}.preview-label{align-self:stretch;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--navy-2)}.preview-label .eyebrow{background:none}.scale-outer{flex-shrink:0;position:relative}.scale-inner{width:210mm;transform-origin:top left}.empty{margin:auto;color:var(--muted);font-size:14px}.offscreen{position:absolute;left:-10000px;top:0;width:210mm;pointer-events:none}.sheet{width:210mm;min-height:297mm;flex-shrink:0;background:var(--paper);color:var(--ink);padding:15mm 15mm 12mm;box-shadow:0 18px 50px var(--shadow);font-size:10.5pt;position:relative;font-variant-numeric:tabular-nums;line-height:1.6;border-radius:4px;font-family:var(--font)}.sheet .title{text-align:center;font-size:22pt;letter-spacing:.6em;margin:0 0 7mm;border-bottom:3px double var(--ink-line);padding-bottom:3mm;font-weight:700}.head{display:flex;justify-content:space-between;align-items:flex-start}.to{position:relative;width:95mm}.to .name{font-size:15pt;border-bottom:1px solid var(--ink-line);padding:0 0 1mm;display:flex;justify-content:space-between}.meta{text-align:right;font-size:10pt;line-height:1.7}.subject{margin:6mm 0 2mm}.from{position:relative;margin-left:auto;width:80mm;font-size:10pt;line-height:1.7;margin-top:-2mm}.from .k{display:inline-block;width:30mm;color:var(--ink-muted)}.total-box{display:flex;align-items:baseline;gap:6mm;margin:6mm 0;padding:3mm 4mm;border:2px solid var(--ink-line);width:120mm}.total-box .lbl{font-size:12pt}.total-box .val{font-size:18pt;font-weight:700;flex:1;text-align:right}.sheet table{width:100%;border-collapse:collapse}.items{table-layout:fixed}.items th{border:1px solid var(--ink-line);padding:2mm 2.5mm}.items td{border:1px solid var(--ink-line);padding:0 2.5mm}.items tbody tr{height:34px}.items td.desc{padding:2px 2.5mm}.descbox{height:30px;display:flex;align-items:center;overflow:hidden}.desctext{font-size:9.5pt;line-height:1.3;overflow-wrap:anywhere;word-break:auto-phrase}.items th{background:var(--ink-head);font-weight:400;font-size:9.5pt}.items td.num{text-align:right;white-space:nowrap}.items td.c{text-align:center;white-space:nowrap}.bottom{display:flex;justify-content:space-between;gap:8mm;margin-top:6mm}.sheet .bank{flex:1;border:1px solid var(--ink-line)}.bank td{padding:1.5mm 2.5mm;border-bottom:1px solid var(--ink-soft);font-size:9.5pt}.bank td:first-child{width:22mm;color:var(--ink-muted)}.bank .h{background:var(--ink-head);font-weight:700;border-bottom:1px solid var(--ink-line);color:var(--ink)}.sheet .sum{width:78mm}.sum td{border:1px solid var(--ink-line);padding:1.5mm 2.5mm}.sum td:first-child{background:var(--ink-head);width:32mm}.sum td.num{text-align:right}.sum tr.grand td{font-weight:700;font-size:11.5pt}.remarks{margin-top:6mm;border:1px solid var(--ink-line);min-height:22mm;padding:2mm 3mm;white-space:pre-wrap;font-size:9.5pt}.remarks .h{font-weight:700;margin-bottom:1mm}.badge{font-size:8.5pt;color:var(--ink-muted);text-align:right;margin-top:2mm}.sheet .auto{background:#eaf1ff;outline:1px dashed #7ea4ef;outline-offset:-1px}.sheet.capturing{min-height:0;box-shadow:none;border-radius:0}.sheet.capturing .auto{background:none;outline:none}@media(max-width:920px){.ext-body{flex-direction:column;overflow-y:auto}.panel{width:100%;overflow:visible}.panel-scroll{overflow:visible}.panel-foot{position:sticky;bottom:0}.preview-wrap{overflow:visible;flex:none}}.acc,.item{overflow:hidden}.acc{margin-top:8px;border:1px solid var(--line-soft);border-radius:14px;background:var(--chip)}.acc>summary,.item>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px}.acc>summary::-webkit-details-marker,.item>summary::-webkit-details-marker{display:none}.acc>summary:before,.item>summary:before{content:"▸";flex-shrink:0;color:var(--soft);font-size:11px;transition:transform .15s}.acc[open]>summary:before,.item[open]>summary:before{transform:rotate(90deg)}.acc>summary:hover,.item>summary:hover{background:var(--tile)}.accbody{padding:0 12px 12px}.acc>.bnotes{margin:0}.asum{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}.cnt{display:inline-block;margin-left:6px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:900;line-height:1.7;background:var(--chip);border:1px solid var(--line-soft);color:var(--muted);vertical-align:1px}.acc .cnt{margin-left:0}.cnt.warn{background:var(--yellow-bg);border-color:transparent;color:var(--yellow-fg)}.cnt.err{background:transparent;border-color:var(--danger);color:var(--danger)}.rule .note{margin-top:4px}.rule textarea{margin-top:2px}.ro{margin:0;padding:9px 12px;border:1.5px dashed var(--auto-line);border-radius:12px;background:var(--auto-bg);font-size:14px}.row3{display:flex;gap:8px}.row3>div{flex:1;min-width:0}.item>summary .isum{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.item>summary .iamt{flex-shrink:0;font:900 13px var(--num);color:var(--blue);font-variant-numeric:tabular-nums}.whbadge{flex-shrink:0;padding:0 7px;border-radius:999px;font-size:10px;font-weight:900;background:var(--violet-bg);color:var(--violet)}.ibody{padding:0 12px 12px}.autoinv{margin:6px 0 0;line-height:1.4}.pick{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:6px 12px}.pick .nm{order:1;white-space:nowrap}.pick .sub{order:2;grid-column:auto;flex-wrap:nowrap;gap:4px;overflow:hidden;min-width:0}.pick .amt{order:3}.chip{white-space:nowrap}.picklist{max-height:232px}.btn-sm{white-space:nowrap;flex-shrink:0}.ext-head b{white-space:nowrap}@media(max-width:560px){.ext-head{flex-wrap:wrap;gap:4px 10px;padding:8px 12px}.ext-head small{display:none}.ext-head .muted{font-size:11px}.ext-body{padding:10px;gap:12px}.panel-scroll{padding:14px}.panel-foot{padding:10px 14px 12px}.panel-foot .note.foot{display:none}}.landing{display:grid;place-items:center;min-height:100%;padding:24px 16px}.landing-card{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 32px var(--shadow);padding:28px 26px}.landing-card h1{font-size:22px;font-weight:900;margin:6px 0 8px}.landing-card p{color:var(--muted);font-size:14px}.landing-card ol{margin:14px 0;padding-left:22px;display:grid;gap:8px;font-size:14px}.landing-card li b{color:var(--fg)}.landing-card .note{margin-top:12px}.landing-card .eyebrow{color:var(--blue)}