:root{--bg: #fbfaf5;--text: #2c2c2c;--secondary: #57534e;--muted: #78716c;--hairline: #e7e5e4;--grid: #e7e5e4;--green: #5e8c61;--green-soft: rgba(94, 140, 97, .12);--red: #b93632;--accent: var(--green);--card-bg: rgba(255, 255, 255, .32);--card-solid: #ffffff;--sheen: linear-gradient(150deg, rgba(255, 255, 255, .4) 0%, transparent 30%);--glass-card: blur(14px) saturate(170%);--edge: inset 0 1px 0 rgba(255, 255, 255, .85);--shadow: 0 8px 24px rgba(40, 34, 28, .1), var(--edge);--shadow-soft: 0 4px 14px rgba(40, 34, 28, .07), var(--edge);--radius: 16px;--radius-sm: 10px;--ease-spring: cubic-bezier(.34, 1.7, .42, 1);color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:"Noto Serif JP",Hiragino Mincho ProN,serif;background-color:var(--bg);background-image:radial-gradient(48vw 48vh at 22% 26%,rgba(94,140,97,.32),transparent 56%),radial-gradient(46vw 46vh at 82% 18%,rgba(201,107,73,.28),transparent 56%),radial-gradient(52vw 52vh at 86% 82%,rgba(95,143,180,.3),transparent 58%),radial-gradient(48vw 48vh at 16% 86%,rgba(178,121,162,.24),transparent 56%),radial-gradient(40vw 40vh at 52% 55%,rgba(217,164,65,.16),transparent 60%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/></svg>");background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat;background-attachment:fixed,fixed,fixed,fixed,fixed,scroll;color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.recharts-wrapper text{font-family:Noto Sans JP,-apple-system,sans-serif;font-variant-numeric:tabular-nums}.avg-pill{-webkit-tap-highlight-color:transparent}.gate{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.gate-card{position:relative;overflow:hidden;background:var(--sheen),var(--card-bg);backdrop-filter:var(--glass-card);-webkit-backdrop-filter:var(--glass-card);border-radius:var(--radius);padding:2.5rem 2rem;max-width:360px;width:100%;text-align:center;box-shadow:var(--shadow)}.gate-card h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;letter-spacing:.01em}.gate-sub{color:var(--muted);margin:0 0 1.5rem;font-size:.9rem}.gate-note{color:var(--muted);font-size:.75rem;margin:1.25rem 0 0;line-height:1.6}.gate-error{color:var(--red);font-size:.85rem;margin-top:1rem}.btn-primary,.btn-secondary{font:inherit;font-weight:600;border-radius:9999px;padding:.65rem 1.3rem;cursor:pointer;border:1px solid transparent;transition:transform .4s var(--ease-spring),background-color .2s ease,border-color .2s ease}.btn-primary:active,.btn-secondary:active{transform:scale(1.04)}.btn-primary{background:var(--green);color:#fff;width:100%}.btn-primary:disabled{opacity:.5;cursor:default}.btn-secondary{background:#ffffff73;backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);color:var(--secondary);border-color:#ffffffb3;box-shadow:var(--edge)}.status{text-align:center;margin-top:4rem;color:var(--muted)}.empty{color:var(--muted);text-align:center;margin:auto;padding:2rem 1rem;font-size:.9rem}.dashboard{max-width:1180px;margin:0 auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.topbar{display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0;font-size:1.35rem;font-weight:600;letter-spacing:.01em}.panel{position:relative;background:var(--sheen),var(--card-bg);backdrop-filter:var(--glass-card);-webkit-backdrop-filter:var(--glass-card);border:1px solid rgba(255,255,255,.55);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.2rem}.time-panel{z-index:5}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;flex-wrap:wrap}.panel-head h2{margin:0;font-size:1rem;font-weight:600}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.kpi-card{position:relative;overflow:hidden;background:var(--sheen),var(--card-bg);backdrop-filter:var(--glass-card);-webkit-backdrop-filter:var(--glass-card);border:1px solid rgba(255,255,255,.55);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.3rem}.kpi-label{color:var(--muted);font-size:.78rem}.kpi-value{font-size:1.55rem;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.kpi-sub{font-size:.75rem}.tone-up{color:var(--red)}.tone-down{color:var(--green)}.tone-flat{color:var(--muted)}.time-chart{height:300px;display:flex;overflow-x:auto;overflow-y:hidden}.time-chart-inner{flex:0 0 auto;height:100%;width:max(100%,calc(var(--cols, 12) * 30px))}.head-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.project-picker{position:relative}.project-trigger{display:inline-flex;align-items:center;gap:.5rem;font:inherit;font-size:.85rem;padding:.42rem .5rem .42rem .9rem;border-radius:9999px;border:1px solid rgba(255,255,255,.7);background:#ffffff73;backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);box-shadow:var(--edge);color:var(--text);cursor:pointer;max-width:240px}.pt-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt-chevron{color:var(--muted);font-size:.7rem;transition:transform .3s var(--ease-spring)}.pt-chevron.open{transform:rotate(180deg)}.project-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:200px;max-width:calc(100vw - 1.5rem);max-height:320px;overflow:auto;list-style:none;margin:0;padding:6px;border-radius:16px;border:1px solid var(--hairline);background:#fcfbf7f7;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 14px 36px #28221c2e,var(--edge);transform-origin:top right;isolation:isolate;animation:menuIn .24s var(--ease-spring)}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.project-item{display:flex;align-items:center;gap:.4rem;width:100%;font:inherit;font-size:.85rem;text-align:left;padding:.5rem .6rem;border:none;background:none;border-radius:10px;color:var(--text);cursor:pointer;transition:background-color .18s ease,transform .35s var(--ease-spring)}.project-item:hover{background:#fff9}.project-item:active{transform:scale(1.03)}.project-item.active{color:var(--green);font-weight:600;background:var(--green-soft)}.pi-check{width:1em;flex:none;color:var(--green)}.pi-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.press-glass{transition:transform .4s var(--ease-spring),background-color .25s ease,box-shadow .25s ease,border-color .25s ease}.press-glass:active{transform:scale(1.06);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border-color:#ffffffd9;box-shadow:inset 0 1px #ffffffb3,inset 0 0 18px #ffffff2e,0 12px 30px #28221c29}.btn-primary.press-glass:active{background:var(--green)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.15rem;font-size:.85rem}.crumb-item{display:inline-flex;align-items:center;gap:.15rem}.crumb.link{background:none;border:none;color:var(--green);cursor:pointer;font:inherit;padding:.1rem .25rem;border-radius:6px;transition:background-color .2s ease,transform .35s var(--ease-spring)}.crumb.link:hover{background:var(--green-soft)}.crumb.link:active{transform:scale(1.08)}.crumb.current{color:var(--text);font-weight:600;padding:.1rem .25rem}.crumb-sep{color:var(--muted)}.lower{display:grid;grid-template-columns:minmax(320px,5fr) 7fr;gap:1rem;align-items:start}@media (max-width: 900px){.kpis{grid-template-columns:repeat(2,1fr)}.lower{grid-template-columns:1fr}}.breakdown{display:flex;flex-direction:column;gap:1rem}.breakdown-donut{position:relative;height:180px}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-total{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums}.donut-caption{font-size:.72rem;color:var(--muted)}.breakdown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.cat-row{display:grid;grid-template-columns:12px 4.5em 1fr auto auto;align-items:center;gap:.5rem;width:100%;background:none;border:none;cursor:pointer;font:inherit;color:var(--text);padding:.4rem .45rem;border-radius:var(--radius-sm);transition:background-color .2s ease,transform .35s var(--ease-spring)}.cat-row:hover{background:#ffffff80}.cat-row:active{transform:scale(1.02)}.cat-row.selected{background:#ffffff8c}.cat-row.dimmed{opacity:.45}.cat-dot{width:10px;height:10px;border-radius:3px}.cat-name{text-align:left;white-space:nowrap}.cat-bar{height:7px;background:var(--hairline);border-radius:4px;overflow:hidden}.cat-bar-fill{display:block;height:100%;border-radius:4px}.cat-amt{font-variant-numeric:tabular-nums;font-size:.85rem}.cat-pct{color:var(--muted);font-size:.78rem;width:2.6em;text-align:right;font-variant-numeric:tabular-nums}.txn-panel,.txn{display:flex;flex-direction:column;min-width:0}.txn-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;flex-wrap:wrap}.txn-title{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.txn-title h2{margin:0;font-size:1rem;font-weight:600}.txn-meta{color:var(--muted);font-size:.82rem;font-variant-numeric:tabular-nums}.txn-search{font:inherit;padding:.45rem .9rem;border-radius:9999px;border:1px solid rgba(255,255,255,.7);background:#ffffff73;backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);box-shadow:var(--edge);color:var(--text);min-width:200px;transition:background-color .3s ease,border-color .3s ease,box-shadow .4s var(--ease-spring),transform .4s var(--ease-spring)}.txn-search::placeholder{color:var(--muted)}.txn-search:focus{outline:none;transform:translateY(-1px);background:#ffffff9e;backdrop-filter:blur(16px) saturate(190%);-webkit-backdrop-filter:blur(16px) saturate(190%);border-color:#5e8c6173;box-shadow:inset 0 1px #ffffffd9,0 0 0 3px #5e8c611a,0 10px 26px #28221c1f}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.chip{font:inherit;font-size:.78rem;border:1px solid var(--green);color:var(--green);background:var(--green-soft);border-radius:9999px;padding:.12rem .65rem;cursor:pointer;transition:transform .4s var(--ease-spring)}.chip:active{transform:scale(1.05)}.txn-scroll{overflow:auto;max-height:520px;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:#fff6}table{width:100%;border-collapse:collapse;font-size:.85rem}thead th{position:sticky;top:0;background:#fbfaf5eb;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-align:left;font-weight:600;color:var(--muted);padding:.55rem .75rem;border-bottom:1px solid var(--hairline);white-space:nowrap;z-index:1}tbody td{padding:.5rem .75rem;border-bottom:1px solid var(--grid);vertical-align:top}tbody tr:hover{background:#ffffff8c}.col-date{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}.cell-main{font-weight:500}.cell-sub{color:var(--muted)}.cell-project{color:var(--muted);white-space:nowrap}.col-note{color:var(--text);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-amt{text-align:right;white-space:nowrap}.amt-twd{font-variant-numeric:tabular-nums;font-weight:600}.amt-orig{display:block;color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums}.txn-cap{color:var(--muted);font-size:.78rem;margin:.6rem 0 0}.tt{background:#ffffffeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:.5rem .75rem;box-shadow:var(--shadow-soft);font-size:.82rem}.tt-title{font-weight:600;margin-bottom:.15rem}.tt-row{font-variant-numeric:tabular-nums}.tt-sub{color:var(--muted);font-size:.74rem;margin-top:.1rem}@media (max-width: 560px){.dashboard{padding:.75rem;gap:.75rem}.topbar h1{font-size:1.15rem}.panel{padding:.9rem}.kpis{gap:.5rem}.kpi-card{padding:.75rem .85rem}.kpi-value{font-size:1.3rem}.panel-head{flex-direction:column;align-items:stretch;gap:.5rem}.head-controls{justify-content:space-between}.project-menu{left:0;right:auto;transform-origin:top left}.time-chart{height:240px}.txn-head{flex-direction:column;align-items:stretch}.txn-search{width:100%;min-width:0}.txn-scroll{max-height:60vh}table{font-size:.8rem}.col-note{max-width:140px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}