:root{--bg: #020617;--bg-elevated: #050816;--bg-soft: #0b1220;--primary: #4f46e5;--primary-soft: rgba(79, 70, 229, .16);--danger: #ef4444;--text: #f9fafb;--text-muted: #9ca3af;--border-soft: #1f2937;--success: #10b981;--shadow-soft: 0 18px 40px rgba(0, 0, 0, .45);--radius-lg: 18px;--radius-xl: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,sans-serif;background:radial-gradient(circle at top,#1e293b 0,#020617 60%);color:var(--text);min-height:100vh}#root{min-height:100vh}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:#030712f5;border-right:1px solid var(--border-soft);padding:20px 18px;display:flex;flex-direction:column;gap:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.logo{display:flex;align-items:center;gap:10px}.logo-icon{width:32px;height:32px;border-radius:12px;background:radial-gradient(circle at 0 0,#6366f1,#14b8a6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.logo-text{font-weight:700;letter-spacing:.04em;font-size:18px}.sidebar-nav{display:flex;flex-direction:column;gap:6px;margin-top:10px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text-muted);font-size:14px;cursor:pointer;transition:background .15s,color .15s,transform .1s}.nav-item span.icon{font-size:16px}.nav-item.active,.nav-item:hover{background:#0f172af2;color:var(--text);transform:translateY(-1px)}.sidebar-footer{margin-top:auto;font-size:12px;color:var(--text-muted);opacity:.85}.main{flex:1;padding:22px 26px;display:flex;flex-direction:column;gap:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar-left h1{font-size:22px;font-weight:600}.topbar-left p{font-size:13px;color:var(--text-muted);margin-top:3px}.topbar-right{display:flex;align-items:center;gap:10px}.pill{font-size:12px;background:var(--primary-soft);color:#c7d2fe;padding:6px 10px;border-radius:999px;border:1px solid rgba(129,140,248,.4)}.user-avatar{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}.btn{border:none;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .1s,box-shadow .15s,background .15s,opacity .1s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 12px 30px #4f46e573}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 40px #4f46e5a6}.btn-primary:active{transform:translateY(0);box-shadow:0 6px 16px #4f46e580;opacity:.95}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:#0f172acc;color:var(--text)}.summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:radial-gradient(circle at top left,#94a3fd1f,#0f172afa);border-radius:var(--radius-lg);padding:16px 18px;border:1px solid rgba(30,64,175,.5);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(59,130,246,.15),transparent 60%);opacity:.6;pointer-events:none}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;position:relative;z-index:1}.card-title{font-size:13px;color:var(--text-muted)}.card-tag{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid rgba(148,163,253,.6);color:#c7d2fe;background:#0f172ab3}.card-value{font-size:22px;font-weight:600;margin-bottom:4px;position:relative;z-index:1}.card-sub{font-size:12px;color:var(--text-muted);position:relative;z-index:1}.card-value.positive{color:var(--success)}.card-value.negative{color:var(--danger)}.main-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.4fr);gap:18px;align-items:flex-start}.panel{background:var(--bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--border-soft);padding:18px 18px 16px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-title{font-size:15px;font-weight:600}.panel-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.badge{font-size:11px;padding:4px 8px;border-radius:999px;background:#0f172ae6;border:1px solid var(--border-soft);color:var(--text-muted)}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.tab{border-radius:999px;padding:6px 10px;font-size:12px;border:1px solid var(--border-soft);background:#0f172acc;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .1s}.tab-active{background:var(--primary-soft);color:#e5e7eb;border-color:#818cf8cc;transform:translateY(-1px)}form{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}label{font-size:12px;color:var(--text-muted);margin-bottom:3px;display:block}input,select{width:100%;padding:8px 9px;border-radius:10px;border:1px solid var(--border-soft);background:var(--bg-soft);color:var(--text);font-size:13px;outline:none;transition:border .15s,box-shadow .15s,transform .1s,background .15s}input::placeholder{color:#6b7280}input:focus,select:focus{border-color:#818cf8cc;box-shadow:0 0 0 1px #818cf899;transform:translateY(-.5px);background:#020617}.form-actions{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap}.helper-text{font-size:11px;color:var(--text-muted);margin-top:4px}.table-wrapper{max-height:360px;overflow:auto;border-radius:16px;border:1px solid var(--border-soft);background:radial-gradient(circle at top,#0f172ad9,#020617fa)}table{width:100%;border-collapse:collapse;font-size:13px}thead{position:sticky;top:0;background:#0f172af5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2}th,td{padding:8px 12px;text-align:left;border-bottom:1px solid rgba(15,23,42,.9)}th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}tbody tr:nth-child(2n){background:#0f172abf}tbody tr:hover{background:#1e40af59}.tag{font-size:11px;padding:2px 7px;border-radius:999px;background:#0f172ae6;border:1px solid var(--border-soft)}.tag.income{border-color:#10b981b3;color:#a7f3d0}.tag.expense{border-color:#f87171b3;color:#fecaca}.type-bucket-cell{display:flex;flex-direction:column;gap:4px}.bucket-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:999px;font-size:10px;background:#0f172ae6;color:#e5e7eb;border:1px dashed rgba(148,163,253,.6)}.amount.income{color:var(--success)}.amount.expense{color:var(--danger)}.empty-state{text-align:center;font-size:12px;color:var(--text-muted);padding:14px}.table-header-actions{display:flex;align-items:center;gap:8px;font-size:12px}.select-small{font-size:11px;padding:4px 8px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border-soft);color:var(--text-muted)}.ai-summary-text{margin-top:10px;font-size:13px;color:#e5e7eb;line-height:1.4}.insights-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr);gap:18px}.circle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.circle-card{display:flex;flex-direction:column;align-items:center;gap:6px}.circle{width:110px;height:110px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:conic-gradient(#4f46e5,#111827 0);position:relative}.circle-inner{width:78px;height:78px;border-radius:999px;background:#020617;display:flex;align-items:center;justify-content:center}.circle-percent{font-size:18px;font-weight:600}.circle-label{font-size:12px;color:#e5e7eb}.circle-value{font-size:11px;color:var(--text-muted)}.chat-window{height:210px;border-radius:14px;border:1px solid var(--border-soft);background:radial-gradient(circle at top,#1e40af47,#020617fa);padding:10px 10px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.chat-message{max-width:80%;padding:7px 10px;border-radius:14px;font-size:13px;line-height:1.4}.chat-user{align-self:flex-end;background:#4f46e5;color:#fff}.chat-assistant{align-self:flex-start;background:#0f172af2;color:#e5e7eb;border:1px solid rgba(55,65,81,.9)}.chat-input-row{margin-top:10px;display:flex;gap:8px}.chat-input-row input{flex:1}@media(max-width:960px){.sidebar{display:none}.main{padding:18px 14px 20px}.summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.main-grid,.insights-row{grid-template-columns:minmax(0,1fr)}.circle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.summary-cards,.form-row{grid-template-columns:minmax(0,1fr)}.topbar{flex-direction:column;align-items:flex-start}.form-actions{flex-direction:column;align-items:stretch}.btn{width:100%;justify-content:center}.circle-grid{grid-template-columns:minmax(0,1fr)}}