:root{--c-bg-1: #eef2ff;--c-bg-2: #fdf2f8;--c-surface: #ffffff;--c-surface-muted: #f7f8fc;--c-ink: #1f2340;--c-ink-soft: #5b6079;--c-line: #e7e9f3;--c-primary: #6366f1;--c-primary-ink: #ffffff;--c-primary-weak: #eef0ff;--c-accent: #ec4899;--c-accent-2: #06b6d4;--c-ok: #10b981;--c-ok-weak: #e7f7f0;--c-warn: #f59e0b;--c-warn-weak: #fdf3e2;--c-danger: #ef4444;--c-danger-weak: #fdecec;--radius: 14px;--radius-sm: 9px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(31, 35, 64, .06);--shadow: 0 6px 20px rgba(31, 35, 64, .08);--shadow-lg: 0 14px 40px rgba(31, 35, 64, .12);--font: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--c-ink);background:radial-gradient(1200px 600px at 110% -10%,var(--c-bg-2),transparent 60%),radial-gradient(1000px 700px at -10% 0%,var(--c-bg-1),transparent 55%),linear-gradient(180deg,#f6f8ff,#fafbff);background-attachment:fixed;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}#root>main,main{max-width:1120px;margin:0 auto;padding:2rem 1.5rem 4rem}.app-topbar{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#f6f8ff,#f9fbff);margin:-2rem -1.5rem 1.5rem;padding:1rem 1.5rem .75rem;border-bottom:1px solid var(--c-line);box-shadow:var(--shadow-sm)}.app-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:.75rem 1.25rem;margin-bottom:.75rem}@media (max-width: 760px){.app-title-row{flex-wrap:wrap}}.app-title{display:flex;align-items:center;gap:.6rem;margin:0;flex:none}.app-title h1{font-size:1.9rem;font-weight:800;letter-spacing:.01em;margin:0;background:linear-gradient(90deg,var(--c-primary),var(--c-accent) 70%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}h2{font-size:1.3rem;font-weight:700;margin:0 0 .9rem;display:flex;align-items:center;gap:.5rem}h2:before{content:"";width:.5rem;height:1.25rem;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--c-primary),var(--c-accent))}h3{font-size:1.05rem;font-weight:700;margin:1.25rem 0 .6rem;color:var(--c-ink)}p{color:var(--c-ink-soft)}a{color:var(--c-primary)}nav[aria-label=画面]{display:flex;flex-wrap:wrap;align-items:stretch;gap:.75rem;margin-bottom:0;padding:.5rem .6rem;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);box-shadow:var(--shadow-sm);width:fit-content;max-width:100%}nav[aria-label=画面] .nav-group{display:flex;flex-direction:column;gap:.3rem;padding:.1rem .5rem}nav[aria-label=画面] .nav-group+.nav-group{border-left:1px solid var(--c-line);padding-left:.85rem}nav[aria-label=画面] .nav-group-label{font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--c-ink-soft);text-transform:none;padding-left:.4rem}nav[aria-label=画面] .nav-group-tabs{display:flex;flex-wrap:wrap;gap:.4rem}nav[aria-label=画面] button{border:none;background:transparent;color:var(--c-ink-soft);font-weight:600;padding:.5rem 1.1rem;border-radius:var(--radius-pill);cursor:pointer;transition:all .18s ease;box-shadow:none}nav[aria-label=画面] button:hover{background:var(--c-primary-weak);color:var(--c-primary);transform:none}nav[aria-label=画面] button[aria-current=true]{background:linear-gradient(135deg,var(--c-primary),var(--c-accent));color:var(--c-primary-ink);box-shadow:0 4px 12px #6366f159}main>section,section[aria-label],section[aria-labelledby]{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);padding:1.5rem 1.6rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}section section{box-shadow:none;border:none;padding:0;margin-bottom:0;background:transparent}button{font-family:inherit;font-size:.92rem;font-weight:600;color:var(--c-primary-ink);background:linear-gradient(135deg,var(--c-primary),#7c7ff2);border:none;border-radius:var(--radius-sm);padding:.55rem 1.1rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;box-shadow:0 2px 8px #6366f140}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #6366f152;filter:saturate(1.1)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(99,102,241,.35);outline-offset:1px}button[aria-expanded]{background:linear-gradient(135deg,#eef0ff,#f6f0ff);color:var(--c-primary);box-shadow:var(--shadow-sm)}button[aria-expanded]:hover:not(:disabled){box-shadow:var(--shadow)}input,select,textarea{font-family:inherit;font-size:.92rem;color:var(--c-ink);background:var(--c-surface);border:1.5px solid var(--c-line);border-radius:var(--radius-sm);padding:.5rem .7rem;transition:border-color .15s ease,box-shadow .15s ease}input:hover,select:hover,textarea:hover{border-color:#c9cde8}input:focus,select:focus,textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #6366f126;outline:none}textarea{min-width:14rem;resize:vertical}input[type=file]{border-style:dashed;padding:.5rem;cursor:pointer;background:var(--c-surface-muted)}label{font-weight:600;color:var(--c-ink)}fieldset{border:1px solid var(--c-line);border-radius:var(--radius);padding:1rem 1.1rem;margin:0 0 1.1rem;background:var(--c-surface-muted);display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}fieldset legend{font-weight:700;color:var(--c-ink);padding:0 .4rem}table{width:100%;border-collapse:separate;border-spacing:0;margin:.9rem 0 .4rem;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;font-size:.9rem}thead th{background:linear-gradient(180deg,#f3f4ff,#eef0fb);color:var(--c-ink-soft);font-weight:700;font-size:.8rem;letter-spacing:.02em;text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--c-line);white-space:nowrap}tbody td{padding:.65rem .9rem;border-bottom:1px solid var(--c-line);vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .12s ease}tbody tr:hover{background:var(--c-primary-weak)}td{color:var(--c-ink)}dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin:.75rem 0}dl>div{background:var(--c-surface-muted);border:1px solid var(--c-line);border-radius:var(--radius-sm);padding:.7rem .9rem}dt{font-size:.78rem;color:var(--c-ink-soft);font-weight:600}dd{margin:.2rem 0 0;font-size:1.25rem;font-weight:800;color:var(--c-primary)}.error{background:var(--c-danger-weak);color:#b91c1c;border:1px solid #f6c9c9;border-radius:var(--radius-sm);padding:.6rem .85rem;font-weight:600}.empty{background:var(--c-surface-muted);border:1px dashed var(--c-line);border-radius:var(--radius-sm);padding:1rem 1.1rem;color:var(--c-ink-soft);text-align:center}.notice{background:var(--c-warn-weak);border:1px solid #f6e1b8;border-radius:var(--radius-sm);padding:.6rem .85rem;color:#92610a}[role=status]{color:var(--c-ink-soft)}.ingest-result,.reconcile-result,.recon-result,.check-match,.check-mismatch,.check-done,.check-rejected,.row-message{margin-top:.9rem;padding:.9rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--c-line);background:var(--c-surface-muted)}.check-match{background:var(--c-ok-weak);border-color:#bfe9d6}.check-mismatch{background:var(--c-warn-weak);border-color:#f6e1b8}.check-done{background:var(--c-ok-weak);border-color:#bfe9d6;color:#0f7a53;font-weight:700;display:inline-flex;align-items:center;gap:.35rem}.check-done:before{content:"✓";font-weight:900;color:var(--c-ok)}.check-rejected{background:var(--c-danger-weak);border-color:#f6c9c9;color:#b91c1c;font-weight:700;display:inline-flex;align-items:center;gap:.35rem}.check-rejected:before{content:"✕";font-weight:900;color:var(--c-danger)}.row-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.row-actions button{white-space:nowrap}button.reject{background:var(--c-danger-weak);color:#b91c1c;border:1px solid #f6c9c9;box-shadow:none}button.reject:hover:not(:disabled){background:#fbdcdc;box-shadow:0 6px 16px #ef444438}.recon-result{background:var(--c-primary-weak);border-color:#d9ddff}.row-message{background:var(--c-surface)}label.attach{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--c-ink-soft);background:var(--c-surface-muted);border:1px solid var(--c-line);border-radius:var(--radius-sm);padding:.3rem .6rem;cursor:pointer}label.attach input[type=file]{display:none}label.comment{display:block;margin-top:.5rem;font-size:.85rem;color:var(--c-ink-soft)}td:empty:after{content:"—";color:var(--c-line)}.badge{display:inline-block;padding:.15rem .6rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;white-space:nowrap;line-height:1.5}.badge-match{background:var(--c-ok-weak);color:#0f7a53;border:1px solid #bfe9d6}.badge-mismatch{background:var(--c-warn-weak);color:#92610a;border:1px solid #f6e1b8}.badge-done{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff}.badge-pending{background:#eef0f6;color:var(--c-ink-soft)}.badge-neutral{background:var(--c-primary-weak);color:var(--c-primary)}.count-pill{display:inline-block;margin-left:.5rem;padding:.05rem .55rem;border-radius:var(--radius-pill);background:var(--c-primary-weak);color:var(--c-primary);font-size:.78rem;font-weight:700}.num{text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 760px){main{padding:1.25rem 1rem 3rem}section[aria-label],section[aria-labelledby],main>section{padding:1.1rem 1rem}nav[aria-label=画面]{width:100%;justify-content:flex-start;overflow-x:auto}}nav.subtabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 1.1rem;border-bottom:1px solid var(--c-line);padding-bottom:.6rem}nav.subtabs button{background:var(--c-surface-muted);color:var(--c-ink-soft);border:1px solid var(--c-line);box-shadow:none}nav.subtabs button[aria-current=true]{background:linear-gradient(135deg,var(--c-primary),var(--c-accent));color:var(--c-primary-ink);border-color:transparent}.master-form{margin:.8rem 0;padding:1rem;border:1px solid var(--c-line);border-radius:var(--radius-sm);background:var(--c-surface-muted)}.master-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin-bottom:.8rem}.master-form-grid label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--c-ink-soft)}.badge-expense{background:var(--c-primary-weak);color:var(--c-primary);border:1px solid #d9ddff}.badge-business{background:var(--c-warn-weak);color:#92610a;border:1px solid #f6e1b8}.badge-none{background:var(--c-surface-muted);color:var(--c-ink-soft);border:1px solid var(--c-line)}.upload-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.upload-channel{border:1px solid var(--c-line);border-radius:var(--radius-sm);padding:1rem;background:var(--c-surface-muted)}.user-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem .75rem;padding:.4rem .75rem;margin-bottom:0;background:#f5f6fb;border:1px solid #e7e9f3;border-radius:10px;font-size:.85rem;flex:0 1 auto;min-width:0}.user-bar-identity{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.user-bar .user-name{font-weight:600}.user-bar .user-owner{color:#555b70}.user-bar .user-owner.warning{color:#9a6a00;background:#fff6e5;padding:.1rem .5rem;border-radius:999px}.user-bar-switch .switch-label{margin-right:.4rem;color:#555b70}.user-bar-switch .sign-out-button{padding:.25rem .75rem;font-size:.82rem;color:#40465c;background:#fff;border:1px solid #c9cde0;border-radius:999px;cursor:pointer}.user-bar-switch .sign-out-button:hover{background:#eef0f8}.recon-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem;margin:.6rem 0 0}.recon-card{padding:1rem 1.1rem;border-radius:var(--radius-sm, 10px);border:1px solid var(--c-line, #e7e9f3);background:#fff}.recon-card-ok{background:var(--c-ok-weak, #eafaf2);border-color:#bfe9d6}.recon-card-pending{background:var(--c-warn-weak, #fdf4e3);border-color:#f6e1b8}.recon-card-label{font-size:.85rem;font-weight:600;color:var(--c-text, #333);margin-bottom:.35rem}.recon-card-value{font-size:2rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--c-text, #222)}.recon-card-unit{font-size:.9rem;font-weight:600;margin-left:.15rem;color:var(--c-text-muted, #6b7280)}.recon-card-breakdown{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.recon-chip{display:inline-flex;align-items:baseline;gap:.2rem;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;background:#fff;border:1px solid var(--c-line, #e7e9f3);color:var(--c-text, #444)}.recon-chip b{font-variant-numeric:tabular-nums}.recon-chip-match{border-color:#bfe9d6}.recon-chip-mismatch{border-color:#f6e1b8}.recon-card-note{margin-top:.6rem;font-size:.78rem;color:var(--c-text-muted, #6b7280)}