:root{--color-bg:#0b1220;--color-surface:#121a2b;--color-surface-elevated:#182238;--color-border:#26314a;--color-text-primary:#e6ebf5;--color-text-secondary:#98a4bd;--color-brand:#38bdf8;--color-focus:#38bdf8;--color-danger:#f87171;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:6px;--radius-md:10px;--touch-target-min:44px;--bottom-nav-height:64px;--sidebar-width:240px}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text-primary);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.skip-link{background:var(--color-surface-elevated);color:var(--color-text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);z-index:100;position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--space-2);top:var(--space-2)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;min-height:100vh;display:grid}.app-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.app-header__brand{font-size:1.1rem;font-weight:700}.app-header__actions{align-items:center;gap:var(--space-3);display:flex}.app-main{padding:var(--space-4);overflow-x:hidden}.app-sidebar{display:none}.app-bottom-nav{border-top:1px solid var(--color-border);background:var(--color-surface);padding-bottom:env(safe-area-inset-bottom,0)}.app-bottom-nav ul{margin:0;padding:0;list-style:none;display:flex}.app-bottom-nav li{flex:1}.app-bottom-nav a,.app-bottom-nav button{min-height:var(--bottom-nav-height);min-width:var(--touch-target-min);background:0 0;border:none;justify-content:center;align-items:center;width:100%;text-decoration:none;display:flex}.app-bottom-nav a[aria-current=page]{color:var(--color-brand);font-weight:600}.app-more-drawer{right:var(--space-3);bottom:calc(var(--bottom-nav-height) + var(--space-3));background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);position:fixed}.app-more-drawer ul{margin:0;padding:0;list-style:none}.app-more-drawer a{padding:var(--space-2) var(--space-3);min-height:var(--touch-target-min);text-decoration:none;display:block}.app-more-drawer a[aria-current=page]{color:var(--color-brand);font-weight:600}.offline-indicator{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px var(--space-2);font-size:.85rem}.fullscreen-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);min-height:var(--touch-target-min);background:var(--color-surface-elevated);cursor:pointer}.screen-placeholder{max-width:640px}.screen-placeholder__note{color:var(--color-text-secondary)}.error-boundary{padding:var(--space-5);max-width:480px;margin:var(--space-6) auto;text-align:center}@media (width>=900px){.app-shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr}.app-header{grid-column:1/-1}.app-sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-3);display:block}.app-sidebar ul{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.app-sidebar a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);min-height:var(--touch-target-min);text-decoration:none;display:block}.app-sidebar a[aria-current=page]{background:var(--color-surface-elevated);color:var(--color-brand);font-weight:600}.app-bottom-nav,.app-more-drawer{display:none}}.form-field{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}.form-field__label{font-weight:600}.form-field input,.form-field select{min-height:var(--touch-target-min);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary)}.form-error{color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}button{min-height:var(--touch-target-min);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.category-select{gap:var(--space-2);flex-direction:column;display:flex}.category-select__quick-create{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.category-select__quick-create[hidden]{display:none}.category-select__error{color:var(--color-danger);width:100%}.modal-overlay{z-index:200;padding:var(--space-3);background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}.modal__confirm-destructive{background:var(--color-danger);color:var(--color-bg);border-color:var(--color-danger)}.modal__summary p{margin:var(--space-1) 0}.modal__note{color:var(--color-text-secondary)}.original-values{margin:var(--space-3) 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.original-values dl{gap:var(--space-1) var(--space-3);margin:var(--space-2) 0 0;grid-template-columns:auto 1fr;display:grid}.original-values dt{color:var(--color-text-secondary)}@media (width>=900px){.modal-overlay{align-items:center}}.toast-region{left:50%;bottom:calc(var(--bottom-nav-height,0px) + var(--space-3));gap:var(--space-2);z-index:300;flex-direction:column;width:min(90vw,420px);display:flex;position:fixed;transform:translate(-50%)}.toast{justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);display:flex}.toast__message{flex:1}@media (width>=900px){.toast-region{left:auto;right:var(--space-4);bottom:var(--space-4);transform:none}}.movements-screen__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.movements-screen__new-button{background:var(--color-brand);color:var(--color-bg);border-color:var(--color-brand);font-weight:600}.movements-filters{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.movements-filters input,.movements-filters select{min-height:var(--touch-target-min);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary)}.bulk-action-bar{align-items:center;gap:var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);z-index:10;flex-wrap:wrap;display:flex;position:sticky;top:0}.bulk-action-bar__count{font-weight:600}.bulk-action-bar__delete{border-color:var(--color-danger);color:var(--color-danger)}.empty-state{text-align:center;padding:var(--space-6) var(--space-3)}.empty-state button{margin-top:var(--space-3)}.pagination{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-3);display:flex}.movements-table{display:none}.movements-cards{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.movement-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3)}.movement-card__header{justify-content:space-between;align-items:center;display:flex}.movement-card__amount{font-weight:700}.movement-card__description{margin:var(--space-2) 0 var(--space-1)}.movement-card__meta{color:var(--color-text-secondary);margin:0 0 var(--space-2);font-size:.9rem}.movement-card__actions{gap:var(--space-2);display:flex}@media (width>=900px){.movements-cards{display:none}.movements-table{border-collapse:collapse;width:100%;display:table}.movements-table th,.movements-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.movements-table thead th{background:var(--color-surface);position:sticky;top:0}.movements-table__amount{white-space:nowrap;font-weight:600}}.settings-section{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-3)}.settings-section__note{color:var(--color-text-secondary)}.settings-section--danger{border-color:var(--color-danger)}.settings-section__danger-action{border-color:var(--color-danger);color:var(--color-danger)}.checkbox-list{gap:var(--space-3);flex-wrap:wrap;display:flex}.checkbox-list__item{align-items:center;gap:var(--space-1);min-height:var(--touch-target-min);display:flex}.month-picker{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.period-chips{gap:var(--space-2);margin:var(--space-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.period-chips li{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);align-items:center;gap:var(--space-1);display:flex}.settings-toggle{align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);display:flex}.settings-field{margin-top:var(--space-2);display:block}.settings-field__input{width:100%;min-height:var(--touch-target-min);font-family:var(--font-mono,monospace);font-size:.85rem}.settings-section__action{min-height:var(--touch-target-min);margin-right:var(--space-2);margin-top:var(--space-2)}.settings-section__status{margin-top:var(--space-2)}.settings-section__details{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:.85rem}.import-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-sm);padding:var(--space-6) var(--space-3);text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.import-dropzone.is-dragover{border-color:var(--color-brand);background:var(--color-surface-elevated)}.import-dropzone__picker{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:inline-block}.import-dropzone__picker input[type=file]{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.import-dropzone__privacy,.import-dropzone__supported{color:var(--color-text-secondary);font-size:.85rem}.import-progress{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.import-progress__phase{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.import-progress__phase.is-active{border-color:var(--color-brand)}.import-report__counters{gap:var(--space-3);margin:var(--space-3) 0;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.import-report__counters dt{color:var(--color-text-secondary);font-size:.85rem}.import-report__counters dd{margin:0;font-size:1.5rem;font-weight:700}.review-screen__header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.review-screen__filter button.is-active{border-color:var(--color-brand);color:var(--color-brand)}.review-screen__pending-counter{margin:var(--space-2) 0;font-weight:600}.review-screen__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.review-draft-row{gap:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);grid-template-columns:auto 1fr;align-items:center;display:grid}.review-draft-row--discarded{opacity:.6}.review-draft-row input{min-height:var(--touch-target-min);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary)}.review-draft-row__status{font-size:.85rem;font-weight:600}.review-draft-row__status--invalid{color:var(--color-danger)}.review-draft-row__status--needs_review,.review-draft-row__status--possible_duplicate,.review-draft-row__status--duplicate_exact_or_strong{color:var(--color-warning,#b45309)}.review-draft-row__warnings{color:var(--color-text-secondary);margin:0;padding:0;font-size:.8rem;list-style:none}.review-screen__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);display:flex}.review-screen__commit{background:var(--color-brand);color:var(--color-bg);border-color:var(--color-brand);font-weight:600}.review-screen__commit:disabled{opacity:.5;cursor:not-allowed}.import-file{margin-bottom:var(--space-4)}.gmail-sync{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.gmail-sync__intro,.gmail-sync__note,.gmail-sync__status{color:var(--color-text-secondary);margin:0;font-size:.85rem}.gmail-sync__action{min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);background:var(--color-brand);color:var(--color-bg);border-color:var(--color-brand);align-self:flex-start;font-weight:600}.gmail-sync__action:disabled{opacity:.5;cursor:not-allowed}.gmail-sync__message{margin:0}.gmail-sync__first-window,.gmail-sync__first-window-label{gap:var(--space-1);flex-direction:column;display:flex}.gmail-sync__first-window-select{min-height:var(--touch-target-min)}.gmail-sync__counters{gap:var(--space-1) var(--space-2);grid-template-columns:1fr auto;margin:0;display:grid}.gmail-sync__counters dt{color:var(--color-text-secondary)}.gmail-sync__counters dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.gmail-sync__reviews{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.gmail-sync__review-action{min-height:var(--touch-target-min)}.review-draft-row__duplicate{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);margin-top:var(--space-2);background:var(--color-surface-elevated);gap:var(--space-2);flex-direction:column;grid-column:1/-1;display:flex}.review-draft-row__duplicate-title{margin:0;font-weight:600}.review-draft-row__duplicate-table{border-collapse:collapse;width:100%;font-size:.85rem;display:block;overflow-x:auto}.review-draft-row__duplicate-table th,.review-draft-row__duplicate-table td{text-align:left;padding:var(--space-1);white-space:nowrap}.review-draft-row__duplicate-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.review-draft-row__duplicate-actions button{min-height:var(--touch-target-min)}.gmail-sync__first-window[hidden],.gmail-sync__counters[hidden],.gmail-sync__reviews[hidden]{display:none}@media (width>=48rem){.gmail-sync__counters{grid-template-columns:repeat(2,minmax(0,1fr) auto)}}