:root{--pico-primary:#1976D2;--sidebar-w:300px;--appbar-h:56px;--page-title-h:3.25rem}html{scroll-behavior:smooth}.app-bar{position:fixed;top:0;left:0;right:0;height:var(--appbar-h);z-index:300;background:var(--pico-primary);color:#fff;display:flex;align-items:center;padding:0 8px 0 4px;gap:4px;box-shadow:0 2px 4px rgba(0,0,0,.25)}.app-bar .title{font-size:1.15rem;font-weight:700;flex:1;padding-left:4px}.date-bar{margin-top:var(--appbar-h);background:var(--pico-card-background-color);border-bottom:1px solid var(--pico-muted-border-color);display:flex;flex-direction:column;align-items:center;gap:0;padding:0}.date-bar form{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;padding:.4rem 1rem;width:100%;box-sizing:border-box}.date-bar label{margin:0;display:flex;align-items:center;gap:.3rem;font-size:.85rem}.date-bar input{margin:0;width:auto;min-width:0}.date-bar button{margin:0}@media(max-width:520px){.date-bar form{gap:.3rem;padding:.4rem .5rem}.date-bar label{flex:1;min-width:0}.date-bar input[type=month]{width:100%;min-width:0;font-size:.8rem;padding-left:.3rem;padding-right:.2rem}}.menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;background:0 0;border:none;border-radius:6px;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.menu-btn:hover,.menu-btn:focus-visible{background:rgba(255,255,255,.15);outline:none}.user-menu-wrap{position:relative}.user-menu-trigger{background:0 0;border:none;color:#fff;font-size:.9rem;padding:4px 8px;cursor:pointer;border-radius:4px;white-space:nowrap}.user-menu-trigger:hover{background:rgba(255,255,255,.15)}.user-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);z-index:400;overflow:hidden}.user-menu.open{display:block}.user-menu-name{padding:.75rem 1rem .6rem;font-weight:600;font-size:.95rem;color:var(--pico-color)}.user-menu-sep{border-top:1px solid var(--pico-muted-border-color)}.user-menu-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;font-size:.9rem;color:var(--pico-color);cursor:pointer;user-select:none}.user-menu-row:hover{background:var(--pico-muted-background-color)}.user-menu-logout{display:block;padding:.6rem 1rem;font-size:.9rem;color:var(--pico-color);text-decoration:none}.user-menu-logout:hover{background:var(--pico-muted-background-color)}.user-menu-item{display:block;padding:.6rem 1rem;font-size:.9rem;color:var(--pico-color);text-decoration:none}.user-menu-item:hover{background:var(--pico-muted-background-color)}.toggle-track{display:inline-block;width:40px;height:22px;border-radius:11px;background:#9e9e9e;position:relative;transition:background .2s;flex-shrink:0}.toggle-track.on{background:#1976d2}.toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}.toggle-track.on .toggle-thumb{transform:translateX(18px)}.page-layout{min-height:calc(100vh - var(--appbar-h))}.main-content{padding:1rem}.page-title{position:sticky;top:var(--appbar-h);z-index:50;background:var(--pico-background-color);padding:.5rem 0;margin:0 0 .75rem;min-height:var(--page-title-h);display:flex;justify-content:space-between;align-items:center}.sidebar{position:fixed;top:var(--appbar-h);left:0;bottom:0;width:var(--sidebar-w);background:var(--pico-card-background-color);border-right:1px solid var(--pico-muted-border-color);overflow-y:auto;z-index:200;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translateX(0);box-shadow:4px 0 20px rgba(0,0,0,.2)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:199;cursor:pointer;-webkit-tap-highlight-color:transparent}.sidebar-backdrop.open{display:block}.sidebar-label{padding:.5rem 1rem .2rem;font-size:.7rem;font-weight:600;color:var(--pico-muted-color);text-transform:uppercase;letter-spacing:.06em;margin:0}.sidebar nav a{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;text-decoration:none;color:var(--pico-color);font-size:.9rem;border-left:3px solid transparent}#account-sortable a,#pocket-sortable a,#category-sortable a{-webkit-touch-callout:none;user-select:none}.drag-handle{font-size:.85rem;color:var(--pico-muted-color);cursor:grab;padding-right:.4rem;opacity:.45;flex-shrink:0;touch-action:none}.drag-handle:active{cursor:grabbing}.sidebar nav a:hover{background:var(--pico-muted-background-color)}.sidebar nav a.active{border-left-color:var(--pico-primary);background:color-mix(in srgb,var(--pico-primary) 8%,transparent);font-weight:500}@media(min-width:768px){.menu-btn{display:none}.sidebar-backdrop{display:none!important}.sidebar{position:sticky;top:var(--appbar-h);height:calc(100vh - var(--appbar-h));transform:none!important;box-shadow:none!important;flex-shrink:0;width:var(--sidebar-w)}.page-layout{display:flex;align-items:flex-start}.main-content{flex:1;padding:1.5rem 2rem;min-width:0}}.balance.pos{color:#1976d2}.balance.neg{color:#d32f2f}.dialog-error{background:#ffebee;color:#b71c1c;border-radius:4px;padding:.5rem .75rem;margin-bottom:1rem;font-size:.9rem}table{width:100%}td,th{vertical-align:middle}.empty-state{text-align:center;padding:3rem 1rem;color:var(--pico-muted-color);max-width:480px;margin-left:auto;margin-right:auto}@media(max-width:480px){td,th{font-size:.82rem;padding:.4rem .3rem}}table.timeline{width:100%;border-collapse:separate;border-spacing:0 .5rem;margin-bottom:5rem}tbody.timeline-card{background:var(--pico-card-background-color);box-shadow:0 2px 8px rgba(0,0,0,8%),0 0 0 1px var(--pico-muted-border-color);border-radius:10px;scroll-margin-top:calc(var(--appbar-h) + var(--page-title-h) + .5rem)}tbody.timeline-card td,tbody.timeline-card th{border-top:none!important;border-bottom:none!important;background:var(--pico-card-background-color)}tbody.timeline-card .timeline-card-header th{background:var(--pico-muted-background-color)!important;border-bottom:1px solid var(--pico-muted-border-color)!important;font-size:.8rem;font-weight:700}tbody.timeline-card>tr:first-child>th:first-child,tbody.timeline-card>tr:first-child>td:first-child{border-top-left-radius:10px}tbody.timeline-card>tr:first-child>th:last-child,tbody.timeline-card>tr:first-child>td:last-child{border-top-right-radius:10px}tbody.timeline-card>tr:last-child>td:first-child{border-bottom-left-radius:10px}tbody.timeline-card>tr:last-child>td:last-child{border-bottom-right-radius:10px}.timeline-card-net{white-space:nowrap}.category-budget-label{font-weight:400;opacity:.65;font-size:.75em}.timeline-card-net::before{content:"±";font-size:.7em;opacity:.7;margin-right:.15em}tbody.timeline-card .timeline-card-footer td{background:var(--pico-muted-background-color)!important;border-top:1px solid var(--pico-muted-border-color)!important;font-size:.8rem;font-weight:700;padding-top:.35rem;padding-bottom:.35rem}tbody.timeline-card-opening .timeline-card-header th{opacity:.75;font-style:italic;border-bottom:none!important}.fab-wrap{position:fixed;bottom:24px;right:24px;z-index:300;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.fab-btn{--pico-form-element-spacing-vertical:0;--pico-form-element-spacing-horizontal:0;width:56px;height:56px;border-radius:50%;background:var(--pico-primary);color:#fff;border:none;box-shadow:0 4px 8px rgba(0,0,0,.28);display:grid;place-items:center;cursor:pointer;margin:0;align-self:flex-end;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,background .15s ease;pointer-events:auto}.fab-btn:hover{background:#1565c0;box-shadow:0 6px 14px rgba(0,0,0,.32)}.fab-wrap.open .fab-btn{transform:rotate(45deg)}.fab-items{display:flex;flex-direction:column;align-items:flex-end;gap:8px;visibility:hidden;pointer-events:none}.fab-wrap.open .fab-items{visibility:visible;pointer-events:auto}.fab-wrap.open .fab-label,.fab-wrap.open .fab-mini{pointer-events:auto}.fab-item{display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease}.fab-wrap.open .fab-item{opacity:1;transform:translateY(0)}.fab-wrap.open .fab-item:nth-last-child(1){transition-delay:0ms}.fab-wrap.open .fab-item:nth-last-child(2){transition-delay:35ms}.fab-wrap.open .fab-item:nth-last-child(3){transition-delay:70ms}.fab-wrap.open .fab-item:nth-last-child(4){transition-delay:105ms}.fab-wrap.open .fab-item:nth-last-child(5){transition-delay:140ms}.fab-wrap.open .fab-item:nth-last-child(6){transition-delay:175ms}.fab-wrap.open .fab-item:nth-last-child(7){transition-delay:210ms}.fab-label{background:rgba(255,255,255,.97);color:#212121;font-size:.82rem;font-weight:500;padding:5px 12px;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.18);white-space:nowrap;cursor:pointer;user-select:none}.fab-label:hover{background:#e3f2fd;color:var(--pico-primary)}.fab-mini{--pico-form-element-spacing-vertical:0;--pico-form-element-spacing-horizontal:0;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--pico-primary);border:none;box-shadow:0 2px 6px rgba(0,0,0,.2);font-size:1rem;font-weight:700;line-height:1;display:grid;place-items:center;cursor:pointer;margin:0;flex-shrink:0;transition:box-shadow .15s ease,background .15s ease}.fab-mini:hover{background:#e3f2fd;box-shadow:0 3px 8px rgba(0,0,0,.25)}[data-theme=dark] tbody.timeline-card{box-shadow:0 2px 12px rgba(0,0,0,.35),0 0 0 1px var(--pico-muted-border-color)}[data-theme=dark] .dialog-error{background:#4e1517;color:#ff8a80}[data-theme=dark] .fab-label{background:rgba(40,40,40,.97);color:#e0e0e0}[data-theme=dark] .fab-label:hover{background:#1e3a5f;color:#90caf9}[data-theme=dark] .fab-mini:hover{background:#1e3a5f}.deficit-pill{font-size:.7rem;font-weight:700;padding:1px 5px;border-radius:10px;white-space:nowrap;flex-shrink:0}.deficit-urgent{background:#ffebee;color:#c62828}.deficit-warn{background:#fff8e1;color:#e65100}.deficit-info{background:#f3f8fe;color:#1565c0}.deficit-alert{border:1px solid #ffb74d;border-radius:8px;margin-bottom:1rem;background:#fff8e1}.deficit-alert summary{padding:.6rem 1rem;font-weight:600;font-size:.9rem;cursor:pointer;color:#e65100;list-style:none}.deficit-alert summary::-webkit-details-marker{display:none}.deficit-alert-body{border-top:1px solid #ffb74d}.deficit-alert-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;text-decoration:none;color:var(--pico-color)}.deficit-alert-row:hover{background:rgba(0,0,0,4%)}.deficit-alert-info{display:flex;flex-direction:column;flex:1;gap:.1rem;min-width:0}.deficit-alert-name{font-size:.9rem}.deficit-alert-date{font-size:.8rem;color:var(--pico-muted-color);white-space:nowrap}[data-theme=dark] .deficit-alert{background:#2d1f00;border-color:#7a4800}[data-theme=dark] .deficit-alert summary{color:#ffb74d}[data-theme=dark] .deficit-alert-body{border-top-color:#7a4800}[data-theme=dark] .deficit-alert-row:hover{background:rgba(255,255,255,6%)}[data-theme=dark] .deficit-urgent{background:#3e0000;color:#ff8a80}[data-theme=dark] .deficit-warn{background:#2d1f00;color:#ffb74d}[data-theme=dark] .deficit-info{background:#0d2840;color:#90caf9}.deficit-banner{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;background:#ffebee;border:1px solid #ef9a9a;border-radius:8px;padding:.6rem 1rem;margin-bottom:1rem;font-size:.9rem;color:#b71c1c}.deficit-banner-link{color:#b71c1c;font-weight:700;text-decoration:underline}[data-theme=dark] .deficit-banner{background:#3e0000;border-color:#c62828;color:#ff8a80}[data-theme=dark] .deficit-banner-link{color:#ff8a80}.lang-switch{display:inline-flex;gap:.5rem;font-size:.85rem;justify-content:center;margin-top:1rem}.lang-switch a{text-decoration:none;color:var(--pico-muted-color);padding:2px 6px;border-radius:4px}.lang-switch a:hover{background:var(--pico-muted-background-color);color:var(--pico-color)}.lang-switch a[aria-current=true]{font-weight:700;color:var(--pico-color)}.trial-banner{width:100%;background:#fff9c4;color:#5d4037;text-align:center;padding:.25rem 1rem;font-size:.85rem;border-bottom:1px solid #f9e400}.trial-banner--expired{background:#ffebee;color:#b71c1c;border-bottom-color:#ffcdd2}[data-theme=dark] .trial-banner{background:#3e3520;color:#ffe57f;border-bottom-color:#5d4e00}[data-theme=dark] .trial-banner--expired{background:#3e1c1c;color:#ff8a80;border-bottom-color:#5d1a1a}.text-right{text-align:right}.text-center{text-align:center}.row-clickable{cursor:pointer}.td-delete{text-align:center;width:2.5rem;touch-action:pan-y}.btn-delete{--pico-form-element-spacing-vertical:0;--pico-form-element-spacing-horizontal:.3rem;background:0 0;border:none;color:#d32f2f;font-size:1.1rem;line-height:1;padding:.4rem .6rem;cursor:pointer;border-radius:3px;touch-action:manipulation;min-width:2.5rem;min-height:2.5rem}.page-header-btn{font-size:.75rem;padding:.125rem .375rem;margin-left:.25rem;margin-right:.25rem}.page-balance{font-size:1rem;font-weight:400}.dialog-footer{display:flex;align-items:center;gap:.5rem}.dialog-footer-col{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.dialog-footer-end{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1rem}.dialog-footer-between{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.btn-cancel{margin:0;white-space:nowrap}.btn-action{margin:0;flex:1}.btn-full{width:100%}.btn-danger{--pico-background-color:#D32F2F;--pico-border-color:#D32F2F;--pico-color:#fff}.info-muted{font-size:.9rem;color:var(--pico-muted-color)}.auth-hgroup{text-align:center;margin-bottom:1.5rem}.auth-hgroup h1{color:var(--pico-primary)}.auth-footer-link{text-align:center;padding:1.5rem 0}.auth-footer-note{text-align:center;margin-top:1.25rem;font-size:.8rem;color:var(--pico-muted-color)}.auth-article{max-width:480px;margin:auto}.auth-note{text-align:center;margin-top:1rem;font-size:.9rem}.dash-cards{display:flex;flex-direction:column;gap:1rem;max-width:360px;margin:0 auto}.dash-card{border:1px solid var(--pico-muted-border-color);border-radius:10px;padding:1rem 1.25rem;text-align:left}.dash-card-label{margin:0 0 .4rem;font-size:.9rem}.dash-card-btn{margin:0;width:100%;touch-action:manipulation}.recurring-toggle-label{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%;box-sizing:border-box;padding:.6rem .75rem;margin:.25rem 0 .5rem;border:1px solid var(--pico-muted-border-color);border-radius:6px;cursor:pointer;user-select:none}.recurring-toggle-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.amount-hint{margin:-.5rem 0 .75rem;text-align:right;font-size:.82rem}.report-title{margin-bottom:1rem}.report-sections{display:flex;flex-direction:column;gap:2rem}.report-section-title{margin-bottom:.5rem}.chart-container{position:relative;height:300px;max-width:100%}.recovery-key-display{font-family:monospace;font-size:1rem;letter-spacing:.05em;background:var(--pico-card-sectioning-background-color);border:1px solid var(--pico-muted-border-color);border-radius:6px;padding:.75rem 1rem;text-align:center;user-select:all}.recovery-key-actions{display:flex;gap:.5rem;margin-top:.75rem}.recovery-key-actions button{flex:1}.recovery-key-confirm{margin-top:1rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.recovery-key-confirm input{margin:0}.recovery-key-submit{width:100%;margin-top:1rem}.entry-type-badge{font-size:.7em;font-weight:400;margin-left:.25rem}.billing-main{max-width:480px;margin-top:2rem}.billing-ok{color:green;margin-top:1rem}.billing-err{color:red;margin-top:1rem}.billing-note{color:var(--pico-muted-color);margin-top:1rem}.dialog-billing{padding:.5rem 0}.dialog-billing h3{margin-bottom:1rem}.app-footer{text-align:center;padding:1.5rem 1rem;font-size:.8rem;color:var(--pico-muted-color);border-top:1px solid var(--pico-muted-border-color);margin-top:2rem}.app-footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.1rem .25rem}.app-footer-links a{padding:.35rem .5rem}.sidebar-section{padding:0 .5rem}.sidebar-section-summary{font-size:.7rem;font-weight:700;color:var(--pico-muted-color);letter-spacing:.1em;text-transform:uppercase;padding:.3rem .5rem}.sidebar-section-empty{padding:.5rem 1rem;font-size:.85rem;color:var(--pico-muted-color)}.sidebar-section-sep{margin:.4rem 1rem}.sidebar-category-link-name{flex:1}.appbar-title-link{text-decoration:none;color:inherit}.user-menu-subtitle{font-size:.8rem;font-weight:400;color:var(--pico-muted-color);margin-top:.1rem}.user-menu-error{color:var(--pico-color-red-500)}.onboarding-slides{min-height:8rem}.onboarding-dots{display:flex;justify-content:center;gap:.5rem;margin:1rem 0 .5rem}.ob-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--pico-muted-border-color);display:inline-block;transition:background .2s}.ob-dot-active{background:var(--pico-primary)}.onboarding-footer{display:flex;align-items:center;gap:.5rem}.onboarding-nav{display:flex;gap:.5rem;margin-left:auto}.help-content details{margin-bottom:1rem}.help-content summary{font-weight:600;cursor:pointer;padding:.5rem 0}.help-content p{margin:.5rem 0 .5rem 1rem;color:var(--pico-muted-color)}