@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap");:root{--ink:#20242b;--muted:#8b929c;--line:#e9e8e4;--surface:#fff;--soft:#f7f7f4;--accent:#f28b3d;--green:#278b67;--bg:#fafaf8;--sidebar-bg:#f4f4f0;--sidebar-border:#ecece8;--card-bg:#fff;--table-head:#fcfcfa;--table-border:#f0f0ed;--sidebar-w:230px;--shadow:0 1px 4px #ddd}:root[data-theme=dark]{--ink:#e4e6ea;--muted:#7f858b;--line:#2a2d33;--surface:#1a1d22;--soft:#1e2127;--accent:#f5a050;--green:#3ba884;--bg:#15171b;--sidebar-bg:#1a1d22;--sidebar-border:#2a2d33;--card-bg:#1e2127;--table-head:#222529;--table-border:#2a2d33;--shadow:0 1px 4px #00000040}*{box-sizing:border-box}html{text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif;transition:background .2s,color .2s}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:30px 18px 20px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-family:Manrope;font-weight:800;font-size:19px;display:flex;align-items:center;gap:9px;margin:0 14px 54px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--ink);color:#fff;font-size:15px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700;color:#9da3aa}.side-label{padding:0 14px 13px}.nav-list{display:grid;grid-gap:5px;gap:5px}.nav-link{color:#777d83;text-decoration:none;font-size:13px;padding:12px 14px;border-radius:8px;display:flex;gap:12px;align-items:center;transition:background .15s}.nav-link span{width:16px;text-align:center;font-size:17px;flex-shrink:0}.nav-link.active,.nav-link:hover{background:var(--card-bg);color:var(--ink);box-shadow:var(--shadow)}.sidebar-footer{margin-top:auto;border-top:1px solid #e2e2dd;padding:18px 8px 0;display:flex;align-items:center;gap:9px;font-size:12px}.sidebar-footer small{display:block;color:#9aa0a4;font-size:10px;margin-top:3px}.avatar{width:29px;height:29px;border-radius:50%;background:#efc7a3;display:grid;place-items:center;font-weight:700;flex-shrink:0}.dots{margin-left:auto;color:#aaa}.logout-button{margin-left:auto;border:0;background:transparent;color:#8b929c;font:10px DM Sans;cursor:pointer}.logout-button:hover{color:#b55442}.content{width:min(1180px,calc(100% - var(--sidebar-w)));padding:45px 58px 70px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;gap:16px;flex-wrap:wrap}.topbar h1{font:700 28px Manrope;margin:9px 0 5px;letter-spacing:-.04em}.topbar h1 span{color:var(--accent);font-size:20px}.muted{color:var(--muted);font-size:12px;margin:0}.dot-sep{margin:0 4px}.top-actions{display:flex;gap:12px;align-items:center}.icon-button,.primary-button{border:1px solid var(--line);background:var(--card-bg);border-radius:8px;height:38px;padding:0 13px;color:#777;text-decoration:none;white-space:nowrap}.primary-button{background:var(--ink);border-color:var(--ink);color:#fff;font-size:12px;display:grid;place-items:center}.notice{display:flex;align-items:center;gap:13px;background:#fff4ea;border:1px solid #f7dcc4;border-radius:8px;padding:12px 16px;margin-bottom:25px;font-size:12px}.notice-icon{color:var(--accent);font-size:18px;flex-shrink:0}.notice p{margin:4px 0 0;color:#a37c5b;font-size:11px}.notice-link{margin-left:auto;color:#b96b2a;text-decoration:none;font-weight:600;font-size:11px;white-space:nowrap;padding-left:10px}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:18px;gap:18px}.card{background:var(--card-bg);border:1px solid var(--line);border-radius:9px}.net-worth{padding:25px 27px 18px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.big-number{font:800 36px Manrope;letter-spacing:-.06em;margin:9px 0 7px}.trend-pill{color:var(--green);background:#eaf7f0;padding:6px 9px;border-radius:5px;font-size:11px;font-weight:700;white-space:nowrap}.sparkline{height:82px;display:flex;gap:8px;align-items:flex-end;margin-top:21px;border-bottom:1px solid #eee}.sparkline span{flex:1 1;background:#f7ae70;border-radius:3px 3px 0 0;min-height:10px}.chart-labels{display:flex;justify-content:space-between;color:#b8bdc0;letter-spacing:.12em;font-size:9px;padding-top:8px}.split-card{padding:25px}.donut-wrap{display:flex;align-items:center;gap:30px;margin-top:21px}.donut{width:132px;height:132px;border-radius:50%;background:conic-gradient(var(--accent) 0 79%,#66717e 79% 87%,#edf0ee 87%);display:grid;place-items:center;flex-shrink:0}.donut:after{content:"";width:89px;height:89px;background:var(--card-bg);border-radius:50%;position:absolute}.donut div{z-index:1;text-align:center}.donut strong{display:block;font:800 20px Manrope}.donut small{color:#9aa0a4;font-size:10px}.legend{font-size:10px;color:#7f858b;flex:1 1}.legend p{display:flex;align-items:center;gap:7px;margin:12px 0}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.legend b{color:var(--ink);font-size:10px;margin-left:auto}.orange{background:var(--accent)}.slate{background:#66717e}.light{background:#e2e8e3}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:39px 0 16px;gap:10px}.section-head h2{font:700 18px Manrope;margin:7px 0 0;letter-spacing:-.035em}.text-link{font-size:11px;text-decoration:none;color:#797f85;font-weight:600;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.category-card{padding:18px;display:grid;grid-template-columns:auto 1fr auto;grid-column-gap:12px;column-gap:12px;align-items:center}.category-icon{width:34px;height:34px;border-radius:8px;background:#fff1e6;color:var(--accent);display:grid;place-items:center;font-size:20px}.category-meta h3{font-size:13px;margin:0 0 4px}.category-meta p{font-size:10px;color:#a3a8ad;margin:0}.category-value{grid-column:2/4;font:700 17px Manrope;margin-top:17px}.trend-small{grid-column:1/4;color:#9da3a8;font-size:10px;margin-top:4px}.positive{color:var(--green)}.recent-head{margin-top:41px}.table-card{overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-row{display:grid;grid-template-columns:2fr 1.4fr 1.3fr 1.2fr .7fr;grid-gap:12px;gap:12px;padding:15px 20px;border-top:1px solid #f0f0ed;font-size:11px;align-items:center;min-width:500px}.table-head{border:0;background:var(--table-head);color:#abb0b4;letter-spacing:.1em;font-size:9px}.table-head,.table-row span:nth-child(4){font-weight:700}.db-status{position:fixed;right:18px;bottom:16px;z-index:20;border:1px solid var(--line);border-radius:999px;background:var(--card-bg);color:#727980;padding:8px 12px;font:10px DM Sans,sans-serif;box-shadow:0 4px 14px #20242b12;cursor:pointer}.db-status:hover{border-color:#cfcfc8}.db-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:#e8a329}.db-status.connected{color:#27765a}.db-status.connected .db-dot{background:#31a875}.db-status.disconnected{color:#b55442}.db-status.disconnected .db-dot{background:#d66752}.db-status.checking{color:#8c7b56}.db-status.checking .db-dot{background:#e8a329;animation:db-pulse 1.2s ease-in-out infinite}@keyframes db-pulse{50%{opacity:.35}}.income-summary{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;margin:30px 0;background:var(--line);overflow:hidden}.income-summary>div{background:var(--card-bg);padding:20px}.income-summary strong{display:block;font:700 22px Manrope;margin:9px 0 5px}.income-summary small{color:#9da3a7;font-size:10px}.mobile-nav-toggle{display:none;position:fixed;top:0;right:0;z-index:100;width:48px;height:48px;border:0;background:var(--ink);color:#fff;font-size:22px;cursor:pointer;align-items:center;justify-content:center}.mobile-nav-toggle .menu-icon{display:flex;flex-direction:column;gap:4px}.mobile-nav-toggle .menu-icon span{display:block;width:20px;height:2px;background:var(--card-bg);border-radius:1px}.backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:90}@media(max-width:900px){:root{--sidebar-w:190px}.content{padding:35px 25px}.hero-grid{gap:14px}.net-worth{padding:20px 22px 16px}.split-card{padding:20px}.big-number{font-size:32px}.donut-wrap{gap:20px}.donut{width:110px;height:110px}.donut:after{width:74px;height:74px}.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){:root{--sidebar-w:0px}.app-shell{display:block}.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;z-index:95;transform:translateX(-100%);transition:transform .25s ease;box-shadow:2px 0 12px rgba(0,0,0,.15);padding:20px 16px}.sidebar.open{transform:translateX(0)}.brand{margin:0 0 20px;font-size:18px}.side-label{display:none}.nav-list{display:grid;grid-gap:4px;gap:4px}.nav-link{padding:14px;font-size:14px}.sidebar-footer{padding:18px 8px 0}.mobile-nav-toggle{display:flex}.backdrop.open{display:block}.content{width:100%;padding:60px 16px 45px}.topbar{margin-bottom:20px}.topbar h1{font-size:23px}.top-actions{flex-wrap:wrap;gap:8px}.top-actions .icon-button{display:none}.top-actions .primary-button{height:36px;padding:0 14px;font-size:11px}.notice{flex-wrap:wrap;gap:8px;padding:10px 12px}.notice-link{margin-left:0;width:100%;padding-left:0}.hero-grid{grid-template-columns:1fr;gap:14px}.big-number{font-size:28px}.split-card{min-height:auto}.donut-wrap{gap:16px;margin-top:16px}.donut{width:100px;height:100px}.donut:after{width:66px;height:66px}.legend{font-size:9px}.category-grid{grid-template-columns:1fr;gap:10px}.category-card{padding:14px}.category-value{font-size:15px}.table-card{overflow-x:auto}.table-row{min-width:500px;font-size:10px;padding:12px 16px}.income-summary{grid-template-columns:1fr}.section-head{margin:28px 0 12px}.section-head h2{font-size:16px}.db-status{right:10px;bottom:10px;font-size:9px;padding:6px 10px}}@media(max-width:480px){.content{padding:55px 12px 35px}.topbar h1{font-size:20px}.topbar h1 span{font-size:17px}.big-number{font-size:24px}.net-worth{padding:16px 18px 14px}.split-card{padding:16px}.primary-button{height:36px;padding:0 12px;font-size:11px}.notice{font-size:11px}.notice p,.trend-pill{font-size:10px}.trend-pill{padding:5px 7px}.sparkline{height:60px;gap:5px}.legend{font-size:8px}.legend b{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}*,.sidebar{transition:none!important}}:focus-visible{outline:3px solid #f7b77d;outline-offset:2px}.theme-toggle{position:fixed;right:64px;bottom:16px;z-index:20;border:1px solid var(--line);border-radius:999px;background:var(--card-bg);color:var(--ink);width:40px;height:40px;font-size:18px;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px #20242b12;transition:background .2s}.theme-toggle:hover{border-color:var(--accent)}.net-worth-chart-wrap{margin-top:18px}.chart-empty{display:grid;place-items:center;text-align:center;padding:40px 20px;grid-gap:6px;gap:6px}.chart-empty-icon{font-size:28px}.chart-empty p{font:700 14px Manrope;margin:4px 0 0;color:var(--ink)}.chart-empty small{font-size:11px;color:var(--muted);max-width:280px;line-height:1.5}.recharts-tooltip-wrapper{outline:none!important}.recharts-default-tooltip{background:var(--card-bg)!important;border:1px solid var(--line)!important;border-radius:8px!important}.owner-breakdown{padding:20px 22px;margin:0 0 20px}.owner-breakdown-head{margin-bottom:16px}.owner-breakdown-head h2{font:700 18px Manrope;margin:5px 0 0;letter-spacing:-.035em}.owner-rows{display:grid;grid-gap:14px;gap:14px}.owner-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--table-border)}.owner-row:first-child{border-top:0}.owner-info{display:flex;align-items:center;gap:9px;min-width:100px}.owner-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}.owner-info strong{font-size:12px;display:block}.owner-info small{font-size:10px;color:var(--muted)}.owner-bar-wrap{height:6px;background:var(--soft);border-radius:3px;overflow:hidden;min-width:80px}.owner-bar{height:100%;border-radius:3px;transition:width .3s}.owner-values{text-align:right;min-width:120px}.owner-values strong{font:700 14px Manrope;display:block}.owner-values small{font-size:10px;color:var(--muted)}.export-button{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:1px solid var(--line);background:var(--card-bg);color:var(--ink);border-radius:8px;font:12px DM Sans;cursor:pointer;text-decoration:none;white-space:nowrap}.export-button:hover{border-color:var(--accent)}.skeleton{background:linear-gradient(90deg,var(--soft) 25%,var(--line) 50%,var(--soft) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:120px;border:1px solid var(--line);border-radius:9px;margin-bottom:18px}.skeleton-line{height:14px;margin-bottom:8px;width:80%}.skeleton-line.short{width:50%}.skeleton-row{display:grid;grid-template-columns:2fr 1.4fr 1.3fr 1.2fr .7fr;grid-gap:12px;gap:12px;padding:15px 20px;border-top:1px solid var(--table-border)}.skeleton-row span{height:14px}@media(max-width:680px){.owner-row{grid-template-columns:1fr;gap:8px}.owner-values{text-align:left}.theme-toggle{right:10px;bottom:56px}}.allocation-section{padding:20px 22px;margin:0 0 20px}.allocation-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:center}.allocation-chart{min-height:200px}.allocation-legend{display:grid;grid-gap:8px;gap:8px}.allocation-legend-item{display:grid;grid-template-columns:auto 1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--table-border)}.allocation-legend-item:last-child{border-bottom:0}.legend-dot{width:10px;height:10px;border-radius:3px;display:inline-block;flex-shrink:0}.legend-info strong{font-size:12px;display:block}.legend-info small{font-size:10px;color:var(--muted)}.legend-value{text-align:right}.legend-value strong{font:700 13px Manrope;display:block}.legend-value small{font-size:10px;color:var(--muted)}.emergency-fund-section{padding:20px 22px;margin:0 0 20px}.emergency-grid{display:grid;grid-template-columns:auto 1fr;grid-gap:30px;gap:30px;align-items:center}.emergency-main{text-align:center}.emergency-months strong{display:block;font:800 42px Manrope;letter-spacing:-.04em}.emergency-months span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.emergency-status{margin-top:12px}.status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font:700 11px DM Sans;color:#fff}.emergency-status small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.emergency-details{display:grid;grid-gap:10px;gap:10px}.emergency-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--table-border)}.emergency-stat span{font-size:11px;color:var(--muted)}.emergency-stat strong{font:700 14px Manrope}.emergency-breakdown{margin-top:6px}.emergency-breakdown-item{display:flex;justify-content:space-between;padding:6px 0;font-size:11px}.emergency-breakdown-item span{color:var(--muted)}.emergency-breakdown-item strong{font-weight:600}.emergency-hint{margin-top:12px;font-size:11px}.payoff-section{padding:20px 22px;margin:0 0 20px}.payoff-summary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--line);margin:16px 0;border-radius:7px;overflow:hidden}.payoff-summary>div{background:var(--card-bg);padding:14px}.payoff-summary strong{display:block;font:700 16px Manrope;margin-top:6px}.payoff-chart-wrap{margin:16px 0}.payoff-items{display:grid;grid-gap:12px;gap:12px}.payoff-item{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--soft)}.payoff-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.payoff-item-header strong{font-size:13px}.payoff-item-header small{font-size:10px;color:var(--muted);display:block;margin-top:2px}.payoff-type-badge{font:600 9px DM Sans;padding:4px 8px;border-radius:4px;text-transform:uppercase}.payoff-type-badge.mortgage{background:#fff0e6;color:#f28b3d}.payoff-type-badge.developerplan{background:#e8f0ff;color:#5b8def}.payoff-type-badge.other{background:#ffe8e6;color:#b55442}.payoff-item-details{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.payoff-item-details>div{display:flex;flex-direction:column;gap:2px}.payoff-item-details span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.payoff-item-details strong{font-size:12px}@media(max-width:680px){.allocation-content,.emergency-grid{grid-template-columns:1fr}.emergency-grid{text-align:center}.emergency-months strong{font-size:34px}.payoff-item-details,.payoff-summary{grid-template-columns:1fr 1fr}}@media(max-width:400px){.payoff-item-details,.payoff-summary{grid-template-columns:1fr}}