:root{--paper: #ffffff;--plane: #f4f4f2;--ink: #191c1a;--ink-2: #5b615d;--muted: #979d98;--hairline: #eaeae6;--hairline-strong: #d9d9d3;--ledger-950: #10261d;--ledger-900: #173d2f;--ledger-800: #1d4d3b;--ledger-700: #1d5c45;--ledger-600: #1f7a55;--ledger-100: #e3efe8;--ledger-50: #f0f6f2;--expense: #e05c3a;--expense-deep: #c24427;--income: #1f7a55;--radius: 12px;--radius-sm: 8px;--shadow-card: 0 1px 2px rgba(26, 35, 30, .05), 0 4px 16px rgba(26, 35, 30, .05);--shadow-pop: 0 4px 12px rgba(26, 35, 30, .1), 0 12px 40px rgba(26, 35, 30, .12);--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--plane);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}a{color:var(--ledger-600);text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--ledger-600);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{display:flex;min-height:100vh}.sidebar{width:216px;flex-shrink:0;background:linear-gradient(178deg,var(--ledger-900) 0%,var(--ledger-950) 100%);color:#e8f0eb;display:flex;flex-direction:column;padding:20px 12px;position:sticky;top:0;height:100vh}.sidebar .brand{display:flex;align-items:baseline;gap:8px;padding:4px 12px 20px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:16px}.brand-name{font-size:19px;font-weight:700;letter-spacing:.02em;color:#fff}.brand-sub{font-size:11px;color:#e8f0eb8c;letter-spacing:.14em}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:#e8f0ebc7;font-size:14px;margin-bottom:2px;transition:background .15s,color .15s}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:#ffffff1f;color:#fff;font-weight:600}.nav-item .nav-icon{width:18px;text-align:center;opacity:.9}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#e8f0eb99}.main{flex:1;min-width:0;padding:24px 36px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.topbar h1{font-size:22px;font-weight:700;margin:0;letter-spacing:.01em}.topbar .sub{color:var(--muted);font-size:13px;margin-top:2px}.card{background:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:20px}.card h3{margin:0 0 4px;font-size:15px;font-weight:600}.card .card-sub{color:var(--muted);font-size:12px;margin-bottom:14px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.tile{background:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:16px 20px}.tile .tile-label{font-size:12px;color:var(--ink-2);display:flex;align-items:center;gap:6px}.tile .tile-value{font-size:26px;font-weight:600;margin-top:6px;line-height:1.2}.tile .tile-foot{font-size:12px;color:var(--muted);margin-top:4px}.tile-value.expense{color:var(--ink)}.tile-value.income{color:var(--income)}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chip{border:1px solid var(--hairline-strong);background:var(--paper);color:var(--ink-2);border-radius:999px;padding:5px 14px;font-size:13px;cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--ledger-600);color:var(--ledger-700)}.chip.active{background:var(--ledger-700);border-color:var(--ledger-700);color:#fff;font-weight:500}.field{display:block;margin-bottom:14px}.field-label{display:block;font-size:13px;color:var(--ink-2);margin-bottom:5px}.input,.select{width:100%;padding:9px 12px;border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);background:#fff;font-size:14px;font-family:inherit;color:var(--ink);transition:border-color .15s}.input:focus,.select:focus{outline:none;border-color:var(--ledger-600);box-shadow:0 0 0 3px var(--ledger-100)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.btn-primary{background:var(--ledger-700);color:#fff}.btn-primary:hover{background:var(--ledger-800)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;border-color:var(--hairline-strong);color:var(--ink-2)}.btn-ghost:hover{border-color:var(--ledger-600);color:var(--ledger-700)}.btn-danger{background:transparent;border-color:var(--hairline-strong);color:var(--expense-deep)}.btn-danger:hover{border-color:var(--expense-deep);background:#fdf1ee}.error-banner{background:#fdf1ee;border:1px solid #f3c7ba;color:var(--expense-deep);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;margin-bottom:14px}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-weight:500;color:var(--muted);font-size:12px;padding:8px 12px;border-bottom:1px solid var(--hairline);white-space:nowrap}.table td{padding:11px 12px;border-bottom:1px solid var(--hairline);vertical-align:middle}.table tbody tr{cursor:pointer;transition:background .1s}.table tbody tr:hover{background:var(--ledger-50)}.table .amount{text-align:right;white-space:nowrap;font-weight:600}.cat-dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:7px;vertical-align:1px}.tag{display:inline-block;font-size:11px;padding:1px 8px;border-radius:999px;background:var(--ledger-50);color:var(--ledger-700);border:1px solid var(--ledger-100)}.receipt-card{background:#fff;border:1px solid var(--hairline);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow-card);padding:20px 20px 8px;position:relative;--notch: 8px;--scallop: 24px;-webkit-mask:linear-gradient(#000 0 0) 0 0 / 100% calc(100% - var(--notch)) no-repeat,radial-gradient(calc(var(--scallop) / 2) var(--notch) at 50% 0,#000 97%,#0000 100%) 50% 100% / var(--scallop) var(--notch) repeat-x;mask:linear-gradient(#000 0 0) 0 0 / 100% calc(100% - var(--notch)) no-repeat,radial-gradient(calc(var(--scallop) / 2) var(--notch) at 50% 0,#000 97%,#0000 100%) 50% 100% / var(--scallop) var(--notch) repeat-x;padding-bottom:calc(8px + var(--notch))}.receipt-head{text-align:center;border-bottom:1px dashed var(--hairline-strong);padding-bottom:10px;margin-bottom:10px}.receipt-head .receipt-title{font-size:14px;font-weight:700;letter-spacing:.3em;text-indent:.3em}.receipt-head .receipt-meta{font-size:11px;color:var(--muted);font-family:var(--font-mono);margin-top:2px}.receipt-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px}.receipt-line .r-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-line .r-fill{flex:1;border-bottom:1px dotted var(--hairline-strong);transform:translateY(-3px)}.receipt-line .r-meta{color:var(--muted);font-size:11px;white-space:nowrap}.receipt-line .r-amt{font-weight:600;white-space:nowrap}.receipt-total{border-top:1px dashed var(--hairline-strong);margin-top:8px;padding-top:8px;display:flex;justify-content:space-between;font-weight:700;font-size:14px}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#10261d52;z-index:40;animation:fade-in .15s ease-out}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,94vw);background:var(--paper);z-index:50;box-shadow:var(--shadow-pop);padding:24px;overflow-y:auto;animation:slide-in .2s cubic-bezier(.2,.8,.3,1)}@keyframes slide-in{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.drawer-close{position:absolute;top:16px;right:16px;border:none;background:none;font-size:20px;color:var(--muted);cursor:pointer;line-height:1;padding:4px}.drawer-close:hover{color:var(--ink)}.receipt-photo{width:100%;border-radius:var(--radius-sm);border:1px solid var(--hairline);margin-top:12px}.auth-page{min-height:100vh;display:grid;grid-template-columns:5fr 4fr}.auth-hero{background:linear-gradient(165deg,var(--ledger-800) 0%,var(--ledger-950) 90%);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:8vh 7vw;position:relative;overflow:hidden}.auth-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.045) 31px 32px);pointer-events:none}.auth-hero h1{font-size:clamp(28px,3.4vw,44px);line-height:1.25;margin:18px 0 12px;font-weight:700;letter-spacing:.01em}.auth-hero p{color:#e8f0ebbf;font-size:15px;max-width:40ch}.auth-hero .hero-brand{font-size:15px;letter-spacing:.24em;color:#e8f0eb99}.hero-receipt{margin-top:40px;background:#fbfbf8f7;color:var(--ink);max-width:300px;border-radius:8px 8px 0 0;padding:16px 18px 20px;font-family:var(--font-mono);font-size:12px;box-shadow:0 24px 60px #00000059;transform:rotate(-1.6deg);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),95% 100%,90% calc(100% - 8px),85% 100%,80% calc(100% - 8px),75% 100%,70% calc(100% - 8px),65% 100%,60% calc(100% - 8px),55% 100%,50% calc(100% - 8px),45% 100%,40% calc(100% - 8px),35% 100%,30% calc(100% - 8px),25% 100%,20% calc(100% - 8px),15% 100%,10% calc(100% - 8px),5% 100%,0 calc(100% - 8px))}.auth-form-pane{display:flex;align-items:center;justify-content:center;padding:32px;background:var(--plane)}.auth-card{width:min(380px,100%)}.auth-card h2{font-size:22px;margin:0 0 4px}.auth-card .auth-sub{color:var(--muted);font-size:13px;margin-bottom:22px}.auth-switch{margin-top:16px;font-size:13px;color:var(--ink-2);text-align:center}.chart-grid{display:grid;grid-template-columns:3fr 2fr;gap:14px;margin-bottom:14px}.chart-grid-2{display:grid;grid-template-columns:2fr 3fr;gap:14px;margin-bottom:14px}.chart-grid-3{display:grid;grid-template-columns:5fr 7fr 5fr;gap:14px;margin-bottom:14px;align-items:start}.viz-tooltip{background:var(--ink);color:#fff;border-radius:8px;padding:8px 12px;font-size:12px;box-shadow:var(--shadow-pop)}.viz-tooltip .tt-title{color:#ffffffa6;margin-bottom:4px}.viz-tooltip .tt-row{display:flex;align-items:center;gap:6px;padding:1px 0}.legend-row{display:flex;gap:16px;font-size:12px;color:var(--ink-2);margin-bottom:8px}.legend-row .legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:10px;height:10px;border-radius:3px}.donut-legend{display:flex;flex-direction:column;gap:7px;font-size:13px}.donut-legend .dl-row{display:flex;align-items:center;gap:8px}.donut-legend .dl-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend .dl-pct{color:var(--muted);font-size:12px;width:44px;text-align:right}.empty-state{text-align:center;color:var(--muted);padding:48px 20px;font-size:13px}.empty-state .empty-icon{font-size:30px;margin-bottom:8px;opacity:.6}.member-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--hairline)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--ledger-100);color:var(--ledger-700);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.invite-code{font-family:var(--font-mono);font-size:20px;letter-spacing:.35em;text-indent:.35em;background:var(--ledger-50);border:1px dashed var(--ledger-600);color:var(--ledger-700);border-radius:var(--radius-sm);padding:12px;text-align:center;margin:12px 0;-webkit-user-select:all;user-select:all}@media (max-width: 960px){.sidebar{display:none}.auth-page{grid-template-columns:1fr}.auth-hero{display:none}.chart-grid,.chart-grid-2,.chart-grid-3{grid-template-columns:1fr}.main{padding:16px}}