:root{--surface-base:#fff;--surface-subtle:#f4f6f6;--surface-muted:#eef2f1;--surface-raised:#fbfcfc;--surface-ink:#17202a;--text-primary:#17202a;--text-secondary:#5b6673;--text-tertiary:#7a8592;--border-default:#d8dee6;--border-strong:#aeb8c4;--accent:#0f766e;--accent-dark:#115e59;--accent-soft:#e8f5f2;--warning:#b45309;--warning-soft:#fff7e6;--danger:#b91c1c;--danger-soft:#fff1f1;--success:#047857;--success-soft:#e8f7ef;--info:#2563eb;--info-soft:#edf4ff;--radius-control:6px;--radius-card:8px;--shadow-soft:0 10px 28px #17202a12;--shadow-panel:0 1px 0 #fffc inset, 0 8px 24px #17202a0d}*{box-sizing:border-box}body{background:linear-gradient(180deg, #f7f9f8 0, var(--surface-subtle) 230px), var(--surface-subtle);color:var(--text-primary);margin:0;font-family:Inter,Noto Sans JP,Hiragino Sans,Yu Gothic,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell-header{z-index:20;border-bottom:1px solid var(--border-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:0 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:0;color:var(--surface-ink);font-weight:800}.top-nav{color:var(--text-secondary);gap:8px;font-size:14px;display:flex}.top-nav a{border-radius:var(--radius-control);white-space:nowrap;padding:9px 11px;font-weight:700}.top-nav a:hover,.top-nav a:focus-visible{background:var(--surface-muted);color:var(--text-primary);outline:none}.page{width:min(1180px,100% - 32px);margin:0 auto;padding:26px 0 56px}.page-narrow{width:min(980px,100% - 32px)}.hero-band{border-bottom:1px solid var(--border-default);padding:22px 0 20px}.eyebrow{color:var(--accent-dark);text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:760px;margin-bottom:10px;font-size:clamp(30px,3vw,42px);line-height:1.1}h2{margin-bottom:12px;font-size:19px}h3{margin-bottom:10px;font-size:16px}.panel h2,.detail-panel h2,.document-viewer h2,.export-preview h2{letter-spacing:0}.panel>h2:first-child,.detail-panel>h2:first-child{align-items:center;gap:8px;display:flex}.panel>h2:first-child:before,.detail-panel>h2:first-child:before{background:var(--accent);content:"";border-radius:999px;width:4px;height:18px}.hero-band p:last-child{max-width:720px;color:var(--text-secondary);margin-bottom:0;line-height:1.8}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.home-route-groups{gap:22px;margin-top:24px;display:grid}.route-group{gap:12px;display:grid}.route-group .route-grid{margin-top:0}.demo-flow-panel{margin-top:22px}.flow-steps{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.flow-steps li{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-raised);align-items:center;min-height:36px;padding:7px 12px;font-weight:800;display:inline-flex;position:relative}.flow-steps li+li:before{color:var(--text-tertiary);content:"→";margin-right:8px}.route-card,.panel,.mobile-screen,.detail-panel,.export-preview{border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--surface-base);box-shadow:var(--shadow-panel)}.route-card{gap:8px;min-height:140px;padding:20px;display:grid;position:relative;overflow:hidden}.route-card:before{background:var(--accent);content:"";width:4px;position:absolute;inset:0 auto 0 0}.route-card span{font-size:19px;font-weight:800}.route-card small{color:var(--text-secondary);line-height:1.6}.route-card:hover,.route-card:focus-visible{border-color:var(--accent);background:#fcfefd;outline:none}.section-stack{gap:18px;display:grid}.panel{padding:18px}.source-note{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text-secondary);align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:inline-flex}.button-row{flex-wrap:wrap;gap:10px;display:flex}.template-row{flex-wrap:wrap;gap:8px;display:flex}.action-row{margin-top:14px}.btn{border:1px solid var(--border-strong);border-radius:var(--radius-control);min-height:40px;color:var(--text-primary);cursor:pointer;background:linear-gradient(#fff,#f9fbfb);justify-content:center;align-items:center;padding:8px 13px;font-weight:700;transition:border-color .12s,background .12s,color .12s,transform .12s,box-shadow .12s;display:inline-flex}.btn.primary{border-color:var(--accent);background:linear-gradient(180deg, #148279, var(--accent));color:#fff;box-shadow:0 8px 18px #0f766e2e}.btn.btn-chip{border-color:var(--border-default);justify-content:flex-start;min-height:34px;padding:7px 10px;font-size:12px;font-weight:600}.btn.danger{background:linear-gradient(180deg, snow, var(--danger-soft));color:var(--danger);border-color:#efb4b4}.btn.icon-btn{min-width:40px;padding:9px 10px}.btn:disabled{cursor:not-allowed;opacity:.55}.btn:hover:not(:disabled),.btn:focus-visible{filter:brightness(.96);outline-offset:2px;outline:2px solid #0f766e3d;transform:translateY(-1px)}.badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:25px;padding:3px 9px;font-size:12px;font-weight:800;display:inline-flex}.status-needs_review,.status-auto_candidate,.status-corrected{background:var(--warning-soft);color:var(--warning)}.status-approved,.status-exported{background:var(--success-soft);color:var(--success)}.status-returned,.status-extraction_failed{background:var(--danger-soft);color:var(--danger)}.status-uploaded,.status-ocr_processing{background:var(--info-soft);color:var(--info)}.confidence-high{background:var(--success-soft);color:var(--success)}.confidence-medium,.confidence-needs_review{background:var(--warning-soft);color:var(--warning)}.confidence-low{background:var(--danger-soft);color:var(--danger)}.confidence-manual{color:#374151;background:#e5e7eb}.filter-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.filter-form{gap:14px;display:grid}.quick-filter-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.quick-filter{border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--surface-base);min-height:72px;box-shadow:none;align-content:center;gap:6px;padding:14px 15px;display:grid}.quick-filter span{color:var(--text-secondary);font-size:12px;font-weight:800}.quick-filter strong{font-size:24px;line-height:1}.quick-filter.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px #0f766e14}.quick-filter:hover,.quick-filter:focus-visible{border-color:var(--accent);outline:none}.field{gap:6px;display:grid}.field label{color:var(--text-secondary);font-size:12px;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--border-default);border-radius:var(--radius-control);background:linear-gradient(#fff,#fbfcfc);width:100%;min-height:40px;padding:8px 10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline-offset:1px;outline:2px solid #0f766e29}.field textarea{resize:vertical;min-height:92px}.table-wrap{overflow-x:auto}.voucher-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1060px;font-size:14px}.voucher-table th,.voucher-table td{border-bottom:1px solid var(--border-default);text-align:left;vertical-align:middle;padding:12px 11px}.voucher-table th{background:var(--surface-raised);color:var(--text-secondary);font-size:12px;font-weight:800;position:sticky;top:0}.voucher-table tr:hover td{background:#f8fbfa}.voucher-table a{color:var(--accent-dark)}.empty-state{color:var(--text-secondary);text-align:center;padding:24px 0}.loading-state,.error-panel{min-height:160px;color:var(--text-secondary);align-content:center;gap:12px;display:grid}.loading-state{padding-left:28px;position:relative}.loading-state:before{border:2px solid var(--border-default);border-top-color:var(--accent);content:"";border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;position:absolute;top:50%;left:0;transform:translateY(-50%)}.error-panel{background:snow;border-color:#fecaca}@keyframes spin{to{transform:translateY(-50%)rotate(360deg)}}.amount{font-variant-numeric:tabular-nums;text-align:right}.mobile-layout{grid-template-columns:minmax(320px,390px) 1fr;align-items:start;gap:22px;display:grid}.mobile-screen{background:linear-gradient(#fff 0,#f8fbfa 72px,#f4f7f6 100%),#fbfcfb;min-height:760px;position:relative;overflow:hidden;box-shadow:0 18px 42px #17202a1a}.phone-status{color:var(--text-secondary);justify-content:space-between;padding:13px 18px;font-size:12px;font-weight:800;display:flex}.mobile-content{gap:18px;padding:18px;display:grid}.upload-tile{min-height:170px;color:var(--text-primary);text-align:center;cursor:pointer;background:linear-gradient(#0f766e0f,#fff),#fff;border:1px dashed #0f766e8c;border-radius:10px;align-content:center;justify-items:center;gap:12px;display:grid;position:relative}.upload-tile:before{background:var(--accent);color:#fff;content:"+";border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 12px;font-size:26px;font-weight:800;line-height:1;display:grid}.upload-tile strong{color:var(--text-primary);font-size:17px;display:inline-block}.upload-tile span{color:var(--text-secondary);font-size:13px}.visually-hidden-file{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fake-receipt{border:1px solid var(--border-default);background:linear-gradient(90deg,#0000 0 45%,#0f766e12 45% 55%,#0000 55%),#fffdf8;border-radius:4px;gap:10px;width:100%;min-height:228px;padding:22px;display:grid;box-shadow:inset 0 0 0 1px #fffc}.receipt-line{background:#c7d2d9;border-radius:999px;height:10px}.receipt-line.short{width:52%}.receipt-line.mid{width:72%}.fixed-bottom{border-top:1px solid var(--border-default);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;gap:10px;padding:14px 18px 18px;display:grid;position:sticky;bottom:0}.submission-list{gap:10px;display:grid}.submission-item{border:1px solid var(--border-default);border-radius:var(--radius-card);background:linear-gradient(#fff,#fbfcfc);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.submission-item>div:first-child{overflow-wrap:anywhere;min-width:0}.submission-item strong{color:var(--text-primary)}.developer-options{color:var(--text-secondary)}.developer-options summary{cursor:pointer;font-weight:800}.developer-options .checkbox-row{margin-top:12px}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);align-items:start;gap:18px;display:grid}.review-toolbar{margin:18px 0}.document-viewer{gap:14px;min-height:660px;padding:18px;display:grid}.viewer-toolbar{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.document-paper{border:1px solid var(--border-default);background:linear-gradient(90deg,#0000 0 48%,#0f766e0a 48% 52%,#0000 52%),#fffdf7;border-radius:4px;place-items:center;min-height:540px;padding:36px;display:grid;overflow:auto}.document-stage{place-items:center;width:100%;min-height:100%;display:grid}.document-image{transform-origin:50%;max-width:100%;height:auto;transition:transform .14s;box-shadow:0 18px 40px #17202a1f}.document-frame{background:#fff;border:0;width:100%;min-height:480px}.viewer-note{color:var(--text-secondary);font-size:13px;line-height:1.6}.detail-panel{gap:12px;padding:18px;display:grid}.review-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.journal-lines{gap:8px;display:grid}.journal-line{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-raised);grid-template-columns:54px 1fr 110px;align-items:center;gap:8px;padding:10px;display:grid}.journal-line-editable{grid-template-columns:54px minmax(0,1fr) 130px;align-items:start}.journal-line-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.rule-hit-note{grid-column:1/-1}.journal-amount-field input{text-align:right}.candidate-description{grid-column:1/-1}.alert-list{gap:8px;display:grid}.operation-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.operation-stage{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-raised);align-content:start;gap:10px;padding:12px;display:grid}.operation-stage h3{margin-bottom:0}.alert{border:1px solid #f3d18a;border-left:4px solid var(--warning);border-radius:var(--radius-control);background:var(--warning-soft);color:#854d0e;padding:9px 12px;line-height:1.5}.timeline{color:var(--text-secondary);gap:10px;font-size:13px;display:grid}.timeline-item{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-raised);gap:6px;padding:10px 12px;display:grid}.timeline-item-pending{background:#fffbeb;border-color:#f1c75f}.timeline-head,.timeline-meta{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.timeline-head strong{color:var(--text-primary)}.timeline-meta{color:var(--text-secondary);justify-content:flex-start}.timeline-meta span+span:before{content:"/";padding-right:8px}.timeline-item p{color:var(--text-primary);margin-bottom:0;line-height:1.55}.export-layout{grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);gap:18px;margin-top:18px;display:grid}.check-list{gap:10px;display:grid}.check-row{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-raised);justify-content:space-between;gap:12px;padding:11px 12px;display:flex}.check-row.compact-row{margin-bottom:14px}.checkbox-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.checkbox-row input{margin:0}.metric-value{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-raised);align-items:center;min-height:40px;padding:8px 10px;font-size:18px;display:inline-flex}.rule-example-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.rule-example{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--accent-soft);justify-content:space-between;gap:10px;padding:10px 12px;display:flex}.rule-example span{color:var(--accent-dark);font-weight:800}.rule-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.export-preview{overflow:hidden}.export-preview pre{color:#e7f8f3;background:linear-gradient(#ffffff0a,#0000 80px),#10201e;margin:0;padding:18px;font-size:12px;line-height:1.65;overflow:auto}.muted{color:var(--text-secondary)}.matched-rules{gap:10px;display:grid}.matched-rule-row{align-items:center}.rule-list{gap:12px;display:grid}.rule-list .detail-panel{border-left:4px solid var(--accent)}.rule-header{border-bottom:1px solid var(--border-default);padding-bottom:10px}@media (max-width:900px){.app-shell-header{flex-direction:column;align-items:flex-start;padding:14px 16px}.top-nav{width:100%;overflow-x:auto}.route-grid,.quick-filter-row,.mobile-layout,.detail-grid,.export-layout,.operation-stage-grid,.rule-example-list{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-screen{min-height:700px}.review-fields{grid-template-columns:1fr}}@media (max-width:560px){.page{width:min(100% - 20px,1180px);padding-top:18px}h1{font-size:31px}.quick-filter strong{font-size:20px}.filter-grid{grid-template-columns:1fr}}