@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--surface:#f8f9fa;--surface-raised:#fff;--surface-container:#edeeef;--surface-container-low:#f3f4f5;--surface-container-high:#e7e8e9;--surface-container-lowest:#fff;--outline:#777584;--outline-variant:#c8c4d5;--ink:#191c1d;--muted:#464553;--primary:#1f108e;--primary-container:#3730a3;--primary-soft:#e2dfff;--primary-fixed:#e2dfff;--secondary:#416656;--mint:#c3ecd7;--mint-dark:#004d33;--tertiary:#003421;--tertiary-fixed:#6ffbbe;--shadow-ambient:0px 4px 20px #0000000a;--shadow-hover:0px 8px 30px #00000014;--glass-bg:#ffffffb3;--sans:"Inter", sans-serif;--display:"Inter", sans-serif;font:16px/1.5 var(--sans);color:var(--ink);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100svh}body{background-color:var(--surface);margin:0}*{box-sizing:border-box}h1{font-family:var(--display);letter-spacing:-.02em;margin:0 0 16px;font-size:32px;font-weight:700;line-height:1.2}h2{font-family:var(--display);letter-spacing:-.01em;margin:0 0 16px;font-size:24px;font-weight:600;line-height:1.3}h3{font-family:var(--display);margin:0 0 16px;font-size:18px;font-weight:600}button,a{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-shell{min-height:100vh;display:flex;position:relative}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--outline-variant);z-index:40;width:288px;height:100vh;box-shadow:var(--shadow-ambient);background:#fffc;flex-direction:column;padding:24px;display:flex;position:fixed;top:0;left:0}.sidebar-header{align-items:center;gap:12px;margin-bottom:32px;display:flex}.logo-icon{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);border-radius:8px;justify-content:center;align-items:center;display:flex}.logo-text h1{color:var(--primary-container);margin:0;font-size:20px;line-height:1.2}.logo-text p{color:var(--muted);margin:0;font-size:12px;font-weight:500}.add-btn{background:var(--primary);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-ambient);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:32px;padding:12px 16px;font-weight:600;transition:background .2s;display:flex}.add-btn:hover{background:var(--primary-container)}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--primary);background:#00000005}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.sidebar-footer{border-top:1px solid var(--outline-variant);flex-direction:column;gap:8px;padding-top:16px;display:flex}.main-content{background:var(--surface);flex-direction:column;flex:1;min-height:100vh;margin-left:288px;display:flex;position:relative}.bg-gradient{pointer-events:none;z-index:0;background:linear-gradient(#1f108e0d,#0000);width:100%;height:500px;position:absolute;top:0;left:0}.top-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border-bottom:1px solid #c8c4d580;justify-content:space-between;align-items:center;height:64px;padding:0 48px;display:flex;position:sticky;top:0}.search-bar{color:var(--outline);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.search-bar:hover{color:var(--primary)}.header-actions{align-items:center;gap:24px;display:flex}.icon-btn{color:var(--outline);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex}.icon-btn:hover{color:var(--primary)}.profile-btn{background:var(--primary-soft);height:32px;color:var(--primary);border:1px solid var(--outline-variant);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:600;transition:opacity .2s;display:flex;overflow:hidden}.profile-btn:hover{opacity:.8}.canvas{z-index:10;flex-direction:column;flex:1;padding:40px 48px;display:flex;position:relative}.section-title{color:var(--ink);margin:0;font-size:24px;font-weight:600}.section-subtitle{color:var(--muted);margin:4px 0 32px;font-size:16px}.card{background:var(--surface-container-lowest);box-shadow:var(--shadow-ambient);border-radius:16px;flex-direction:column;padding:24px;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-ambient);border:1px solid #ffffff80;border-radius:16px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.col-8{flex-direction:column;grid-column:span 8;gap:24px;display:flex}.col-4{flex-direction:column;grid-column:span 4;gap:24px;display:flex}.row-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.metric-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.metric-title{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.metric-icon{background:var(--surface-container);width:32px;height:32px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:flex}.metric-value{color:var(--primary);font-size:32px;font-weight:700;line-height:1.2}.chat-wrapper{flex-direction:column;flex:1;width:100%;max-width:768px;margin:0 auto;display:flex;position:relative}.chat-history{flex-direction:column;flex:1;gap:24px;padding-bottom:120px;padding-right:8px;display:flex;overflow-y:auto}.chat-history::-webkit-scrollbar{width:6px}.chat-history::-webkit-scrollbar-track{background:0 0}.chat-history::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:9999px}.message{max-width:85%;padding:16px 24px;font-size:16px;line-height:1.5}.msg-user{background:var(--primary);color:#fff;border-radius:20px 20px 4px;align-self:flex-end;box-shadow:0 4px 15px #1f108e26}.msg-ai{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--ink);background:#ffffffb3;border:1px solid #fff;border-radius:20px 20px 20px 4px;align-self:flex-start;box-shadow:0 8px 30px #0000000a}.chat-input-wrapper{background:linear-gradient(to top, var(--surface) 80%, transparent);z-index:20;width:100%;padding:24px 0;position:absolute;bottom:0;left:0}.chat-input{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:24px;align-items:center;padding:8px 12px;transition:all .3s;display:flex;box-shadow:0 4px 20px #00000008}.chat-input:focus-within{border-color:#1f108e80;box-shadow:0 0 0 2px #1f108e33}.chat-input input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:12px;font-size:16px}.chat-input input::placeholder{color:var(--outline)}.send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:8px;transition:background .2s;display:flex}.send-btn:hover{background:var(--primary-container)}.audio-btn{color:var(--outline);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.audio-btn:hover{background:var(--surface-container);color:var(--primary)}.audio-btn.recording{color:var(--error);animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.helper-text{text-align:center;color:var(--outline);margin-top:12px;font-size:12px}.list-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.list-title{color:var(--muted);font-size:13px;font-weight:600}.tx-row{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin:0 -12px;padding:12px;transition:background .2s;display:flex}.tx-row:hover{background:var(--surface-container-low)}.tx-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.tx-icon{background:var(--primary-fixed);width:40px;height:40px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tx-icon.income{background:var(--mint);color:var(--secondary)}.tx-details p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.tx-title{color:var(--ink);font-size:14px;font-weight:600}.tx-meta{color:var(--outline);font-size:12px}.tx-amount{color:var(--ink);font-size:14px;font-weight:600}.tx-amount.income{color:var(--secondary)}.category-cloud{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.category-pill{background:var(--surface-container);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500}@media (width<=860px){.sidebar{display:none}.main-content{margin-left:0}.top-header{padding:0 24px}.canvas{padding:24px}.dashboard-grid{grid-template-columns:1fr}.col-8,.col-4{grid-column:span 1}.row-2{grid-template-columns:1fr}}