:root{--font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, monospace;--bg: #f4f5f7;--bg-2: #eceff3;--panel: #ffffff;--panel-2: #fafbfc;--border: #e3e6ec;--border-strong: #ccd2dc;--text: #1a1d24;--text-2: #4b5260;--text-3: #7a8392;--text-4: #a8b0bd;--accent: oklch(.52 .16 252);--accent-2: oklch(.94 .04 252);--accent-text: #ffffff;--warn: oklch(.68 .14 65);--warn-bg: oklch(.96 .05 75);--danger: oklch(.58 .18 25);--danger-bg: oklch(.96 .04 25);--info: oklch(.58 .12 245);--info-bg: oklch(.96 .03 245);--success: oklch(.58 .13 155);--success-bg: oklch(.95 .05 155);--shadow-sm: 0 1px 2px rgba(15, 22, 35, .04);--shadow: 0 1px 3px rgba(15, 22, 35, .06), 0 8px 24px -8px rgba(15, 22, 35, .08);--shadow-lg: 0 16px 48px -12px rgba(15, 22, 35, .16);--r-sm: 4px;--r: 6px;--r-lg: 10px;--r-xl: 14px;--row-h: 40px;--pad-x: 16px;--pad-y: 12px;--gap: 12px;--font-base: 13px;--font-sm: 12px;--font-xs: 11px;--font-md: 14px;--font-lg: 16px}[data-theme=dark]{--bg: #0d1016;--bg-2: #141822;--panel: #181c26;--panel-2: #1f2330;--border: #2a2f3d;--border-strong: #3a4150;--text: #e5e8ee;--text-2: #adb4c2;--text-3: #7a8290;--text-4: #565d6b;--accent: oklch(.74 .16 148);--accent-2: oklch(.28 .06 148);--accent-text: #0d1016;--warn: oklch(.78 .15 70);--warn-bg: oklch(.3 .08 70);--danger: oklch(.7 .18 25);--danger-bg: oklch(.3 .08 25);--info: oklch(.72 .13 245);--info-bg: oklch(.3 .06 245);--success: oklch(.72 .13 155);--success-bg: oklch(.3 .06 155);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 8px 24px -8px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 48px -12px rgba(0, 0, 0, .6)}[data-theme=wamodern]{--bg: #efe9da;--bg-2: #e7dfc9;--panel: #faf6ea;--panel-2: #f2eddc;--border: #d6cdb1;--border-strong: #b8ac8c;--text: #1f1a10;--text-2: #4f4631;--text-3: #7a6e51;--text-4: #a89c7d;--accent: oklch(.48 .14 300);--accent-2: oklch(.92 .04 300);--accent-text: #faf6ea;--warn: oklch(.62 .13 65);--warn-bg: oklch(.93 .05 75);--danger: oklch(.5 .18 28);--danger-bg: oklch(.93 .05 28);--info: oklch(.5 .1 230);--info-bg: oklch(.93 .03 230);--success: oklch(.5 .12 145);--success-bg: oklch(.93 .04 145)}[data-density=compact]{--row-h: 32px;--pad-x: 12px;--pad-y: 8px;--gap: 8px;--font-base: 12px;--font-sm: 11px;--font-xs: 10px;--font-md: 13px;--font-lg: 15px}[data-density=comfortable]{--row-h: 52px;--pad-x: 20px;--pad-y: 16px;--gap: 16px;--font-base: 14px;--font-sm: 13px;--font-xs: 12px;--font-md: 15px;--font-lg: 18px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--font-base);line-height:1.5;font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font-family:inherit}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-track{background:transparent}.app{display:grid;min-height:100vh;grid-template-columns:232px 1fr;grid-template-rows:1fr}.app[data-nav=top]{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px;letter-spacing:.02em}.sidebar__brand-mark{width:28px;height:28px;border-radius:6px;background:var(--accent);color:var(--accent-text);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:13px}.sidebar__org{padding:12px 14px;margin:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r);display:flex;align-items:center;gap:10px;cursor:pointer}.sidebar__org-name{font-size:12px;font-weight:600}.sidebar__org-sub{font-size:10px;color:var(--text-3)}.sidebar__section{padding:6px 12px}.sidebar__section-label{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;padding:8px 8px 4px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r);color:var(--text-2);cursor:pointer;font-size:13px;font-weight:500;position:relative}.nav-item:hover{background:var(--bg-2);color:var(--text)}.nav-item.active{background:var(--accent-2);color:var(--accent);font-weight:600}[data-theme=dark] .nav-item.active{color:var(--text);background:var(--bg-2)}[data-theme=dark] .nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--accent);border-radius:2px}.nav-item__count{margin-left:auto;font-size:10px;background:var(--bg-2);color:var(--text-3);padding:2px 6px;border-radius:8px;font-family:var(--font-mono)}.nav-item.active .nav-item__count{background:var(--accent);color:var(--accent-text)}.sidebar__footer{margin-top:auto;padding:12px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),oklch(from var(--accent) calc(l + .1) c calc(h + 30)));color:var(--accent-text);display:grid;place-items:center;font-size:11px;font-weight:600}.topnav{display:flex;align-items:center;padding:0 20px;background:var(--panel);border-bottom:1px solid var(--border);height:56px;gap:24px}.topnav__brand{display:flex;align-items:center;gap:10px;font-weight:600;padding-right:20px;border-right:1px solid var(--border);height:100%;align-self:stretch}.topnav__brand .sidebar__brand-mark{width:24px;height:24px;font-size:11px}.topnav__items{display:flex;gap:2px;align-items:center}.topnav .nav-item{padding:6px 12px}.topnav__spacer{flex:1}.main{display:flex;flex-direction:column;min-width:0;background:var(--bg)}.appbar{display:flex;align-items:center;padding:0 24px;height:56px;background:var(--panel);border-bottom:1px solid var(--border);gap:16px;position:sticky;top:0;z-index:10}.appbar__title{font-size:15px;font-weight:600}.appbar__crumb{display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:12px}.appbar__spacer{flex:1}.appbar__search{display:flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--border);padding:6px 10px;border-radius:var(--r);min-width:280px;color:var(--text-3);font-size:12px}.appbar__search input{border:0;background:transparent;outline:none;color:var(--text);flex:1;font-size:12px}.appbar__kbd{font-family:var(--font-mono);font-size:10px;background:var(--panel);border:1px solid var(--border);padding:1px 5px;border-radius:3px;color:var(--text-3)}.appbar__period{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:var(--panel)}.appbar__period button{background:transparent;border:0;padding:6px 10px;font-size:12px;color:var(--text-2);cursor:pointer}.appbar__period button.active{background:var(--bg-2);color:var(--text);font-weight:600}.content{padding:20px 24px 60px;max-width:1600px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.page-head h1{font-size:20px;font-weight:700;margin:0;letter-spacing:.01em}.page-head__sub{font-size:12px;color:var(--text-3);margin-top:4px}.page-head__actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r);border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--bg-2)}.btn--primary{background:var(--accent);color:var(--accent-text);border-color:transparent}.btn--primary:hover{filter:brightness(.95);background:var(--accent)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn--ghost:hover{background:var(--bg-2)}.btn--icon{padding:6px}.btn--sm{padding:4px 8px;font-size:11px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.card__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border)}.card__title{font-size:13px;font-weight:600}.card__sub{font-size:11px;color:var(--text-3);margin-top:2px}.card__body{padding:16px}.card__body--p0{padding:0}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;position:relative;overflow:hidden}.kpi__label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-3);font-weight:500;letter-spacing:.02em;margin-bottom:8px}.kpi__value{font-family:var(--font-mono);font-feature-settings:"tnum";font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.15}.kpi__yen{font-size:14px;color:var(--text-3);margin-left:2px;font-weight:500}.kpi__delta{margin-top:6px;font-size:11px;color:var(--text-3);display:flex;align-items:center;gap:4px}.kpi__delta--up{color:var(--success)}.kpi__delta--down{color:var(--danger)}.kpi__spark{position:absolute;right:14px;top:14px;width:70px;height:30px;opacity:.6}.table-wrap{overflow-x:auto}table.t{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--font-sm)}table.t th{text-align:left;font-weight:600;font-size:11px;color:var(--text-3);text-transform:none;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--panel-2);position:sticky;top:0;white-space:nowrap}table.t td{padding:0 12px;height:var(--row-h);border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}table.t tbody tr:hover{background:var(--bg-2);cursor:pointer}table.t tbody tr.selected{background:var(--accent-2)}[data-theme=dark] table.t tbody tr.selected{background:var(--bg-2)}table.t td.num,table.t th.num{text-align:right;font-family:var(--font-mono);font-feature-settings:"tnum"}table.t td.center,table.t th.center{text-align:center}table.t .checkbox-cell{width:32px;padding:0 0 0 12px}.badge{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--bg-2);color:var(--text-2);border:1px solid var(--border);letter-spacing:.02em;white-space:nowrap}.badge--success{background:var(--success-bg);color:var(--success);border-color:transparent}.badge--warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}.badge--danger{background:var(--danger-bg);color:var(--danger);border-color:transparent}.badge--info{background:var(--info-bg);color:var(--info);border-color:transparent}.badge--accent{background:var(--accent-2);color:var(--accent);border-color:transparent}[data-theme=dark] .badge{font-weight:500}.badge--dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:4px}.status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500}.status:before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--text-3)}.status--paid:before{background:var(--success)}.status--pending:before{background:var(--warn)}.status--overdue:before{background:var(--danger)}.status--scheduled:before{background:var(--info)}.cmark{width:28px;height:28px;border-radius:6px;background:var(--panel-2);border:1px solid var(--border);display:inline-grid;place-items:center;font-size:10px;font-weight:700;color:var(--text-2);flex-shrink:0}.cmark--lg{width:40px;height:40px;font-size:13px;border-radius:8px}.cell-co{display:flex;align-items:center;gap:10px}.cell-co__name{font-weight:600;color:var(--text);font-size:12px}.cell-co__sub{color:var(--text-3);font-size:10px}.banner{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--r);border:1px solid;font-size:12px;margin-bottom:16px}.banner--info{background:var(--info-bg);border-color:transparent;color:var(--info)}.banner--success{background:var(--success-bg);border-color:transparent;color:var(--success)}.banner--warn{background:var(--warn-bg);border-color:transparent;color:var(--warn)}.banner__dot{width:8px;height:8px;border-radius:50%;background:currentColor;position:relative}.banner__dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid currentColor;opacity:.4;animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.4}to{transform:scale(1.8);opacity:0}}.banner__text,[data-theme=dark] .banner__text{color:var(--text)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px}.tab{padding:8px 14px;font-size:12px;font-weight:500;color:var(--text-2);border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;display:flex;align-items:center;gap:6px}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.tab__count{font-size:10px;background:var(--bg-2);padding:1px 6px;border-radius:8px;color:var(--text-3)}.toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap}.toolbar__spacer{flex:1}.input,.select{border:1px solid var(--border);border-radius:var(--r);padding:5px 10px;font-size:12px;color:var(--text);background:var(--panel);outline:none;font-family:inherit}.input:focus,.select:focus{border-color:var(--accent)}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;font-size:11px;color:var(--text-2);cursor:pointer}.chip.active{background:var(--accent-2);color:var(--accent);border-color:transparent}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.split--3070{grid-template-columns:3fr 7fr}.split--7030{grid-template-columns:7fr 3fr}.cust-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.cust-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:10px}.cust-card:hover{border-color:var(--border-strong)}.cust-card__head{display:flex;align-items:center;gap:10px}.cust-card__name{font-weight:600;font-size:13px}.cust-card__id{font-size:10px;color:var(--text-3);font-family:var(--font-mono)}.cust-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:8px;border-top:1px solid var(--border)}.cust-card__stat-label{font-size:9px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.cust-card__stat-val{font-family:var(--font-mono);font-weight:600;font-size:14px}.cust-card__row{display:flex;justify-content:space-between;font-size:11px;color:var(--text-3)}.tl{position:relative;padding-left:24px}.tl:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:1px;background:var(--border)}.tl-item{position:relative;padding-bottom:18px}.tl-item:before{content:"";position:absolute;left:-20px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--panel);border:2px solid var(--border-strong)}.tl-item--accent:before{background:var(--accent);border-color:var(--accent)}.tl-item--warn:before{background:var(--warn);border-color:var(--warn)}.tl-item__date{font-size:10px;color:var(--text-3);font-family:var(--font-mono)}.tl-item__title{font-size:12px;font-weight:600;margin-top:2px}.tl-item__body{font-size:11px;color:var(--text-2);margin-top:4px}.match-row{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.match-row:hover{background:var(--bg-2)}.match-card{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r);padding:10px 12px}.match-card--bank{border-left:2px solid var(--info)}.match-card--invoice{border-left:2px solid var(--accent)}.match-card__head{display:flex;align-items:center;justify-content:space-between}.match-card__title{font-size:11px;font-weight:600}.match-card__sub{font-size:10px;color:var(--text-3)}.match-card__amount{font-family:var(--font-mono);font-weight:700;font-size:16px}.match-card__meta{font-size:10px;color:var(--text-3);margin-top:4px;display:flex;gap:6px}.match-link{color:var(--text-3)}.match-confidence{display:inline-flex;align-items:center;gap:4px;font-size:10px;background:var(--success-bg);color:var(--success);padding:2px 6px;border-radius:999px;font-weight:600}.fee-tl{position:relative;height:64px;background:var(--panel-2);border-radius:var(--r);border:1px solid var(--border);margin:12px 0}.fee-tl__track{position:absolute;left:16px;right:16px;top:32px;height:1px;background:var(--border-strong)}.fee-tl__now{position:absolute;top:8px;bottom:8px;width:2px;background:var(--accent);border-radius:2px}.fee-tl__now:after{content:"今日";position:absolute;top:-16px;left:-10px;font-size:9px;color:var(--accent);font-weight:700}.fee-tl__mark{position:absolute;top:24px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--panel);border:2px solid var(--border-strong)}.fee-tl__mark--past{border-color:var(--text-3);background:var(--text-3)}.fee-tl__mark--future{border-color:var(--warn)}.fee-tl__label{position:absolute;font-size:9px;color:var(--text-3);font-family:var(--font-mono);white-space:nowrap;transform:translate(-50%)}.fee-tl__label--top{top:-2px}.fee-tl__label--bot{bottom:-2px;color:var(--text-2);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f162366;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:100;padding:24px}.modal{background:var(--panel);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border);width:min(640px,100%);max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal__head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal__body{padding:20px;overflow-y:auto}.modal__foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(840px,100%);background:var(--panel);box-shadow:var(--shadow-lg);border-left:1px solid var(--border);z-index:50;display:flex;flex-direction:column;animation:slidein .18s ease-out}@keyframes slidein{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.drawer__head{padding:16px 24px 0;border-bottom:1px solid var(--border)}.drawer__body{flex:1;overflow-y:auto;padding:20px 24px}.empty{padding:40px;text-align:center;color:var(--text-3)}.chart{position:relative;width:100%;height:220px}.cust-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:var(--panel)}.cust-toggle button{border:0;background:transparent;padding:5px 10px;font-size:11px;cursor:pointer;color:var(--text-2)}.cust-toggle button.active{background:var(--bg-2);color:var(--text);font-weight:600}.mrr-bars{display:flex;align-items:flex-end;gap:8px;height:220px;padding:0 8px 22px;position:relative}.mrr-bar{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-width:0}.mrr-bar__label{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:9px;color:var(--text-3);font-family:var(--font-mono)}.switch{position:relative;width:30px;height:16px;background:var(--border-strong);border-radius:999px;cursor:pointer;transition:background .15s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 1px 2px #0003}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(14px)}.gap-row{display:flex;gap:16px}.gap-row>*{flex:1}.sys-chip{display:inline-flex;align-items:center;gap:6px;padding:1px 8px 1px 1px;background:color-mix(in srgb,var(--sys-color) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--sys-color) 25%,var(--border));border-radius:999px;font-size:11px;color:var(--text);font-weight:500;white-space:nowrap}.sys-chip__mark{width:18px;height:18px;border-radius:999px;background:var(--sys-color);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:700;font-family:var(--font-mono);letter-spacing:.02em}.sys-chip__name{padding-right:2px}.sys-mark{display:inline-grid;place-items:center;border-radius:999px;background:var(--sys-color);color:#fff;font-family:var(--font-mono);font-weight:700;flex-shrink:0}.sys-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.sys-card__head{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border);background:linear-gradient(to right,color-mix(in srgb,var(--sys-color) 7%,transparent),transparent)}.sys-card__bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sys-color)}.sys-card__mark{width:42px;height:42px;border-radius:10px;background:var(--sys-color);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:14px;letter-spacing:.04em}.muted{color:var(--text-3)}.text-sm{font-size:11px}.text-md{font-size:13px}.text-lg{font-size:15px}.text-xl{font-size:18px}.w-bold{font-weight:600}.w-700{font-weight:700}.mt-4{margin-top:16px}.mt-3{margin-top:12px}.mt-2{margin-top:8px}.mt-1{margin-top:4px}.mb-2{margin-bottom:8px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.between{display:flex;justify-content:space-between;align-items:center}.right{text-align:right}.full{width:100%}.scroll{overflow-y:auto}