:root{--bg: #f4f6f8;--surface: #ffffff;--surface-2: #eef1f4;--divider: #e2e6ea;--text: #111827;--text-muted: #5b6472;--accent: #0f766e;--accent-fill: #d5efec;--danger: #b91c1c;--suggested-text: #92400e;--suggested-fill: #fef3c7;--confirmed-text: #065f46;--confirmed-fill: #d1fae5;--manual-text: #1e40af;--manual-fill: #dbeafe;--nodoc-text: #374151;--nodoc-fill: #e5e7eb;--unpaired-text: #7f1d1d;--unpaired-fill: #fee2e2;--partial-text: #9a3412;--partial-fill: #ffedd5;--font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-20: 20px;--fs-26: 26px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--r-card: 10px;--r-control: 8px;--r-chip: 999px;--shadow-sheet: 0 -8px 24px rgb(0 0 0 / .12);--t-micro: .12s;--t-trans: .2s;--ease: cubic-bezier(.2,.8,.2,1);--nav-h: 56px;--rail-w: 220px;--touch: 44px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-14);line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:650}h1{font-size:var(--fs-20)}h2{font-size:var(--fs-16);font-weight:600}h3{font-size:var(--fs-14);font-weight:600}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-12)}pre{background:var(--surface-2);border-radius:var(--r-control);padding:var(--sp-3);overflow-x:auto;margin:0}button{font:inherit;color:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.meta{font-size:var(--fs-12);color:var(--text-muted)}.amount{font-variant-numeric:tabular-nums;font-size:var(--fs-16);font-weight:600;white-space:nowrap}.amount.in{color:var(--confirmed-text)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{min-height:100dvh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:var(--sp-4);padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + var(--sp-6))}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.page-head h1{font-size:var(--fs-20)}.page-head .actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--divider);display:flex}.nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--nav-h);color:var(--text-muted);font-size:11px;font-weight:500;text-decoration:none;position:relative;transition:color var(--t-micro) var(--ease)}.nav a.active{color:var(--accent)}.nav a:hover{text-decoration:none}.nav svg{width:22px;height:22px}.nav .badge{position:absolute;top:6px;left:calc(50% + 6px)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-chip);background:var(--unpaired-fill);color:var(--unpaired-text);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.nav .brand{display:none}@media (min-width: 900px){.app{flex-direction:row}.nav{position:sticky;top:0;bottom:auto;height:100dvh;width:var(--rail-w);flex:none;flex-direction:column;border-top:0;border-right:1px solid var(--divider);padding:var(--sp-4) var(--sp-3)}.nav .brand{display:block;font-weight:650;font-size:var(--fs-16);padding:var(--sp-2) var(--sp-3) var(--sp-4)}.nav a{flex:none;flex-direction:row;justify-content:flex-start;gap:var(--sp-3);min-height:40px;padding:0 var(--sp-3);border-radius:var(--r-control);font-size:var(--fs-14)}.nav a.active{background:var(--accent-fill)}.nav a:hover:not(.active){background:var(--surface-2)}.nav svg{width:20px;height:20px}.nav .badge{position:static;margin-left:auto}.main{padding:var(--sp-6) var(--sp-8);padding-bottom:var(--sp-8);max-width:1100px}.page-head h1{font-size:var(--fs-26)}}.offline-banner{background:var(--nodoc-fill);color:var(--nodoc-text);font-size:var(--fs-12);text-align:center;padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--divider)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-4);border-radius:var(--r-control);border:1px solid transparent;font-weight:600;font-size:var(--fs-14);line-height:1;cursor:pointer;background:transparent;color:var(--text);white-space:nowrap;transition:background var(--t-micro) var(--ease),transform var(--t-micro) var(--ease),opacity var(--t-micro) var(--ease);text-decoration:none}.btn:hover{text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:default;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#0c5f59}.btn-secondary{background:var(--surface);border-color:var(--divider)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger{color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--unpaired-fill)}.btn-danger-solid{background:var(--danger);color:#fff}.btn-danger-solid:hover:not(:disabled){background:#991b1b}.btn-sm{min-height:32px;padding:0 var(--sp-3);font-size:var(--fs-12)}.btn-block{width:100%}.btn-touch{min-height:var(--touch)}.btn-icon{padding:0;width:40px}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);height:22px;padding:0 var(--sp-2);border-radius:var(--r-chip);font-size:var(--fs-12);font-weight:500;line-height:1;white-space:nowrap}.chip .glyph{font-weight:700}.chip-suggested{background:var(--suggested-fill);color:var(--suggested-text)}.chip-confirmed{background:var(--confirmed-fill);color:var(--confirmed-text)}.chip-manual{background:var(--manual-fill);color:var(--manual-text)}.chip-nodoc{background:var(--nodoc-fill);color:var(--nodoc-text)}.chip-unpaired{background:var(--unpaired-fill);color:var(--unpaired-text)}.chip-partial{background:var(--partial-fill);color:var(--partial-text)}.chip-neutral{background:var(--surface-2);color:var(--text-muted)}.filter-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--sp-3);border-radius:var(--r-chip);border:1px solid var(--divider);background:var(--surface);font-size:var(--fs-12);font-weight:500;cursor:pointer;transition:background var(--t-micro) var(--ease),border-color var(--t-micro) var(--ease)}.filter-chip[aria-pressed=true],.filter-chip[aria-current=true]{background:var(--accent-fill);border-color:var(--accent);color:var(--accent)}.card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-card);padding:var(--sp-4)}.card+.card{margin-top:var(--sp-3)}.stack>*+*{margin-top:var(--sp-3)}.stack-lg>*+*{margin-top:var(--sp-6)}.section{margin-top:var(--sp-8)}.section>h2{margin-bottom:var(--sp-3)}.list{display:flex;flex-direction:column;gap:var(--sp-3)}.row{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-card);padding:var(--sp-3) var(--sp-4);min-height:56px;color:inherit;text-decoration:none;transition:background var(--t-micro) var(--ease)}a.row:hover{background:var(--surface-2);text-decoration:none}.row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.row-title{font-weight:600;font-size:var(--fs-14);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meta{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;font-size:var(--fs-12);color:var(--text-muted)}.row-end{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-1);flex:none}.row-actions{display:flex;gap:var(--sp-2);flex:none;flex-wrap:wrap;justify-content:flex-end}.thumb{width:48px;height:48px;border-radius:var(--r-control);background:var(--surface-2);object-fit:cover;flex:none;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--fs-12);overflow:hidden;border:1px solid var(--divider)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.kv{display:grid;grid-template-columns:max-content 1fr;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-14)}.kv dt{color:var(--text-muted)}.kv dd{margin:0;word-break:break-word}.tabs{display:flex;border-bottom:1px solid var(--divider);margin-bottom:var(--sp-4)}.tab{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:var(--sp-3) var(--sp-4);min-height:var(--touch);font-weight:600;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-2);transition:color var(--t-trans) var(--ease),border-color var(--t-trans) var(--ease)}.tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.suggestion{padding:0;overflow:hidden}.suggestion+.suggestion{margin-top:var(--sp-6)}.suggestion .tx{padding:var(--sp-4);display:flex;gap:var(--sp-3);align-items:flex-start}.suggestion .cands{border-top:1px solid var(--divider)}.suggestion .cand{display:flex;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4);width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--divider);cursor:pointer;min-height:var(--touch);transition:background var(--t-micro) var(--ease)}.suggestion .cand:first-child{border-top:0}.suggestion .cand[aria-checked=true]{background:var(--accent-fill)}.suggestion .reasons{font-size:var(--fs-12);color:var(--text-muted)}.suggestion .actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--divider)}.suggestion .actions .btn{min-height:var(--touch)}.collapsible{transition:max-height var(--t-trans) var(--ease),opacity var(--t-trans) var(--ease),margin var(--t-trans) var(--ease);max-height:1000px}.collapsible.leaving{max-height:0;opacity:0;margin-top:0;overflow:hidden;border-width:0}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field>label,.field-label{font-size:var(--fs-12);font-weight:500;color:var(--text-muted)}.input,.select,.textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-control);min-height:40px;padding:var(--sp-2) var(--sp-3);width:100%}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.textarea{min-height:120px;resize:vertical;line-height:1.45}.input[readonly]{background:var(--surface-2)}.input-sm{min-height:32px;padding:var(--sp-1) var(--sp-2)}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}@media (min-width: 640px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .span-2{grid-column:span 2}}.form-actions{display:flex;gap:var(--sp-2);justify-content:flex-end;margin-top:var(--sp-4);flex-wrap:wrap}.hint{font-size:var(--fs-12);color:var(--text-muted)}.error-text{font-size:var(--fs-12);color:var(--danger)}.field-ai{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-12);color:var(--text-muted);flex-wrap:wrap}.field-ai .btn{min-height:24px;padding:0 var(--sp-2)}.inline{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.filters{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center;margin-bottom:var(--sp-4)}.filters .input,.filters .select{width:auto;min-width:120px;min-height:36px}.filters .search{flex:1 1 160px}.checkbox{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--touch);cursor:pointer}.skeleton{background:var(--surface-2);border-radius:var(--r-control);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .6),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-row{height:56px;border-radius:var(--r-card)}.state{text-align:center;padding:var(--sp-8) var(--sp-4);color:var(--text-muted);display:flex;flex-direction:column;gap:var(--sp-3);align-items:center}.state.error{color:var(--danger)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#11182766;display:flex;align-items:flex-end;justify-content:center;animation:fade var(--t-trans) var(--ease)}@keyframes fade{0%{opacity:0}}.sheet{background:var(--surface);width:100%;max-height:88dvh;display:flex;flex-direction:column;border-radius:var(--r-card) var(--r-card) 0 0;box-shadow:var(--shadow-sheet);padding-bottom:env(safe-area-inset-bottom,0px);animation:rise var(--t-trans) var(--ease)}@keyframes rise{0%{transform:translateY(24px);opacity:0}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--divider)}.sheet-body{overflow-y:auto;padding:var(--sp-4);flex:1}.sheet-foot{display:flex;gap:var(--sp-2);justify-content:flex-end;padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--divider)}.dialog{max-width:420px;border-radius:var(--r-card)}@media (min-width: 900px){.overlay{align-items:center}.sheet{max-width:560px;border-radius:var(--r-card);box-shadow:none;border:1px solid var(--divider);max-height:80dvh}}.toasts{position:fixed;left:50%;transform:translate(-50%);z-index:50;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + var(--sp-3));display:flex;flex-direction:column;gap:var(--sp-2);width:min(92vw,420px);pointer-events:none}@media (min-width: 900px){.toasts{bottom:var(--sp-6)}}.toast{background:var(--text);color:#fff;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-card);font-size:var(--fs-14);animation:rise var(--t-trans) var(--ease);pointer-events:auto}.toast.error{background:var(--danger)}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3)}.doc-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2);color:inherit;text-decoration:none}.doc-card:hover{text-decoration:none;background:var(--surface-2)}.doc-card .thumb{width:100%;height:auto;aspect-ratio:4 / 3}.doc-card .amount{font-size:var(--fs-14)}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-card)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-14)}.table th,.table td{padding:var(--sp-2) var(--sp-3);text-align:left;border-bottom:1px solid var(--divider);height:36px;vertical-align:middle}.table th{font-size:var(--fs-12);color:var(--text-muted);font-weight:500}.table tr:last-child td{border-bottom:0}.table tbody tr{cursor:pointer;transition:background var(--t-micro) var(--ease)}.table tbody tr:hover{background:var(--surface-2)}.table .right{text-align:right}.table .thumb{width:36px;height:36px}.preview{background:var(--surface-2);border-radius:var(--r-card);border:1px solid var(--divider);display:flex;align-items:center;justify-content:center;min-height:200px;overflow:hidden}.preview img{width:100%;height:auto;display:block}.detail-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-6)}@media (min-width: 900px){.detail-grid{grid-template-columns:5fr 7fr;align-items:start}}.dropzone{border:2px dashed var(--divider);border-radius:var(--r-card);background:var(--surface-2);padding:var(--sp-8) var(--sp-4);text-align:center;display:flex;flex-direction:column;gap:var(--sp-3);align-items:center;transition:border-color var(--t-micro) var(--ease),background var(--t-micro) var(--ease)}.dropzone.over{border-color:var(--accent);background:var(--accent-fill)}.progress{height:6px;background:var(--surface-2);border-radius:var(--r-chip);overflow:hidden}.progress>div{height:100%;background:var(--accent);transition:width var(--t-micro) linear}.settings-nav{display:flex;gap:var(--sp-2);overflow-x:auto;margin-bottom:var(--sp-4);padding-bottom:var(--sp-1)}.settings-nav a{flex:none}.settings-section{scroll-margin-top:var(--sp-4)}.secret{display:flex;flex-direction:column;gap:var(--sp-2)}.folder-list{border:1px solid var(--divider);border-radius:var(--r-control);max-height:240px;overflow-y:auto}.folder-list button{display:flex;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--divider);padding:var(--sp-2) var(--sp-3);min-height:40px;align-items:center;gap:var(--sp-2);cursor:pointer}.folder-list button:last-child{border-bottom:0}.folder-list button:hover{background:var(--surface-2)}.crumbs{display:flex;gap:var(--sp-1);flex-wrap:wrap;font-size:var(--fs-12);color:var(--text-muted);align-items:center}.crumbs button{background:none;border:0;color:var(--accent);cursor:pointer;padding:var(--sp-1);font-size:var(--fs-12)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--sp-3)}.stat{background:var(--surface-2);border-radius:var(--r-control);padding:var(--sp-3)}.stat .v{font-size:var(--fs-20);font-weight:600;font-variant-numeric:tabular-nums}.stat .k{font-size:var(--fs-12);color:var(--text-muted)}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.login .card{width:100%;max-width:360px}