/* Dashboard > Financial Timeline */
.dashboard-main-tabs{display:inline-flex;align-items:center;gap:3px;padding:3px;margin:0 0 12px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel-2) 86%,transparent);max-width:100%}
.dashboard-main-tab{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:700;line-height:1;padding:8px 11px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:background .16s ease,color .16s ease,transform .16s ease}
.dashboard-main-tab i{font-size:.72rem}.dashboard-main-tab:hover{color:var(--text);background:color-mix(in srgb,var(--primary) 8%,transparent)}
.dashboard-main-tab.active{background:var(--primary);color:#fff;box-shadow:0 3px 10px color-mix(in srgb,var(--primary) 20%,transparent)}
.financial-timeline-root{display:grid;gap:12px;min-width:0}.timeline-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto 34px;gap:7px;align-items:center}
.timeline-search{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--input);color:var(--muted)}
.timeline-search:focus-within{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}
.timeline-search i{font-size:.72rem}.timeline-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:.78rem}.timeline-search input::placeholder{color:var(--muted)}
.timeline-filter,.timeline-refresh-btn{height:34px;border:1px solid var(--line);border-radius:9px;background:var(--input);color:var(--text);font:inherit;font-size:.75rem;font-weight:650;padding:0 9px;outline:0}
.timeline-filter:focus,.timeline-refresh-btn:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}
.timeline-refresh-btn{width:34px;padding:0;display:grid;place-items:center;cursor:pointer}.timeline-refresh-btn:hover{color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--input))}
.timeline-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.timeline-summary-grid article{min-height:58px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,var(--primary) 4%),var(--panel));display:grid;align-content:center;gap:4px;min-width:0}
.timeline-summary-grid article span:first-child{font-size:.66rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.045em}.timeline-summary-grid article>strong{font-size:.88rem;color:var(--text);display:flex;flex-wrap:wrap;gap:4px;min-width:0}.timeline-summary-grid article.is-inflow>strong{color:var(--success)}.timeline-summary-grid article.is-outflow>strong{color:var(--danger)}
.timeline-summary-currency{font-size:.75rem!important;text-transform:none!important;letter-spacing:0!important;color:inherit!important;display:inline-flex;align-items:center;padding:2px 5px;border-radius:5px;background:color-mix(in srgb,currentColor 7%,transparent)}
.timeline-stream{display:grid;gap:14px}.timeline-day{display:grid;grid-template-columns:116px minmax(0,1fr);gap:10px;align-items:start}.timeline-day>header{position:sticky;top:8px;padding:7px 4px}.timeline-day>header>div{display:grid;gap:2px}.timeline-day>header strong{font-size:.76rem;color:var(--text)}.timeline-day>header span{font-size:.66rem;color:var(--muted)}
.timeline-day-list{position:relative;display:grid;gap:6px;padding-left:15px}.timeline-day-list:before{content:"";position:absolute;left:3px;top:17px;bottom:17px;width:1px;background:color-mix(in srgb,var(--primary) 26%,var(--line))}
.timeline-event-card{position:relative;width:100%;min-width:0;text-align:left;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);padding:10px 28px 10px 10px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.035);transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}
.timeline-event-card:before{content:"";position:absolute;left:-15px;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--panel) 82%,transparent),0 0 0 4px color-mix(in srgb,var(--primary) 28%,var(--line))}.timeline-event-card:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--line));background:color-mix(in srgb,var(--panel) 97%,var(--primary) 3%);box-shadow:0 6px 18px rgba(0,0,0,.07);transform:translateY(-1px)}
.timeline-event-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:.76rem}.timeline-event-card.is-inflow .timeline-event-icon{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.timeline-event-card.is-outflow .timeline-event-icon{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.timeline-event-card.is-transfer .timeline-event-icon{color:var(--primary)}
.timeline-event-main{display:grid;min-width:0;gap:2px}.timeline-event-kicker{display:flex;align-items:center;gap:5px;min-width:0}.timeline-event-kicker b{font-size:.62rem;text-transform:uppercase;letter-spacing:.045em;color:var(--muted)}.timeline-event-kicker em{font-style:normal;font-size:.61rem;color:var(--muted);padding-left:5px;border-left:1px solid var(--line)}.timeline-event-main>strong{font-size:.79rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-event-main>small{font-size:.69rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-status{font-size:.58rem!important;padding:2px 5px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted)!important;text-transform:capitalize!important;letter-spacing:0!important}
.timeline-event-side{display:grid;justify-items:end;gap:2px;white-space:nowrap}.timeline-event-side time{font-size:.62rem;color:var(--muted)}.timeline-amount{font-size:.76rem;font-weight:800}.timeline-amount.is-inflow{color:var(--success)}.timeline-amount.is-outflow{color:var(--danger)}.timeline-amount.is-transfer{color:var(--primary)}.timeline-secondary-amount{font-size:.62rem;color:var(--muted)}.timeline-event-open{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:.58rem;color:var(--muted);opacity:.6}
.timeline-more-wrap{display:flex;justify-content:center;padding:2px 0 8px}.timeline-more-btn{min-height:32px!important;padding:6px 13px!important;font-size:.72rem!important;border-radius:8px!important}.timeline-empty{min-height:180px;border:1px dashed var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel-2) 65%,transparent);display:grid;place-items:center;align-content:center;text-align:center;gap:5px;padding:24px;color:var(--muted)}.timeline-empty i{font-size:1.2rem;color:var(--primary)}.timeline-empty strong{font-size:.86rem;color:var(--text)}.timeline-empty span{font-size:.72rem;max-width:380px}.timeline-empty.is-error i{color:var(--danger)}
.timeline-loading{display:grid;gap:7px}.timeline-loading span{height:64px;border-radius:11px;border:1px solid var(--line);background:linear-gradient(90deg,var(--panel),color-mix(in srgb,var(--panel-2) 75%,var(--primary) 5%),var(--panel));background-size:220% 100%;animation:timelineShimmer 1.2s linear infinite}@keyframes timelineShimmer{to{background-position:-220% 0}}
@media(max-width:900px){.timeline-toolbar{grid-template-columns:minmax(150px,1fr) repeat(2,minmax(0,auto)) 34px}.timeline-toolbar #timelineRangeFilter{grid-column:auto}.timeline-day{grid-template-columns:92px minmax(0,1fr)}.timeline-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.dashboard-main-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.dashboard-main-tab{justify-content:center;font-size:.72rem;padding:8px}.timeline-toolbar{grid-template-columns:minmax(0,1fr) 34px}.timeline-search{grid-column:1/-1}.timeline-filter{min-width:0;width:100%}.timeline-toolbar #timelineRangeFilter{grid-column:1/2}.timeline-summary-grid{gap:6px}.timeline-summary-grid article{min-height:52px;padding:8px 9px;border-radius:9px}.timeline-day{grid-template-columns:1fr;gap:4px}.timeline-day>header{position:static;padding:3px 2px}.timeline-day>header>div{display:flex;justify-content:space-between;align-items:center}.timeline-day-list{padding-left:13px}.timeline-event-card{grid-template-columns:29px minmax(0,1fr);padding:9px 24px 9px 8px;border-radius:9px;gap:8px}.timeline-event-icon{width:29px;height:29px;border-radius:8px}.timeline-event-side{grid-column:2/3;display:flex;justify-content:flex-start;align-items:center;gap:7px;margin-top:2px}.timeline-event-main>strong{font-size:.76rem}.timeline-event-main>small{font-size:.66rem}.timeline-event-kicker em{display:none}.timeline-event-open{right:8px}.timeline-day-list:before{left:2px}.timeline-event-card:before{left:-13px}}
@media(prefers-reduced-motion:reduce){.timeline-event-card,.dashboard-main-tab{transition:none}.timeline-loading span{animation:none}}
.timeline-day-net{display:flex;flex-wrap:wrap;gap:3px;margin-top:2px;color:var(--muted);font-size:.61rem}.timeline-day-net .timeline-summary-currency{font-size:.61rem!important;padding:1px 4px;background:var(--panel-2)}
@media(max-width:600px){.timeline-day-net{margin-left:auto;margin-top:0;justify-content:flex-end}}