: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--destructive{border-color:var(--color-danger);border-width:2px}.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}}.recovery-notice__what{margin:0 0 var(--space-2);font-weight:600}.recovery-notice__outcome{margin:0 0 var(--space-3)}.recovery-notice__counts{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:.875rem}.recovery-notice__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.recovery-notice__actions button{min-height:var(--touch-target-min)}.recovery-notice__error{margin:var(--space-2) 0 0;color:var(--color-danger)}@media (width<=767px){.recovery-notice__actions{flex-direction:column}.recovery-notice__actions button{width:100%}}.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}}.accounting-badge{padding:0 var(--space-1);border-radius:var(--radius-sm);white-space:nowrap;vertical-align:baseline;border:1px solid;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-block}.accounting-badge--excluded,.accounting-badge--duplicate{color:var(--color-text-muted)}.accounting-badge--compensated{color:var(--color-warning,#b45309)}.movements-table__reverse-compensation,.movement-card__reverse-compensation{min-height:var(--touch-target-min)}.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);min-height:var(--touch-target-min)}.danger-block{padding:var(--space-3) 0}.danger-block h3{margin:0 0 var(--space-1);font-size:1rem}.danger-block--severe{margin-top:var(--space-4);padding-top:var(--space-4);border-top:3px solid var(--color-danger)}.settings-section__danger-action--severe{background:var(--color-danger);color:var(--color-surface);font-weight:600}.modal__lead{font-weight:600}.modal__summary-list{margin:var(--space-1) 0 0;padding-left:var(--space-4)}.modal__backup-offer{margin:var(--space-3) 0}.modal__backup-offer button{min-height:var(--touch-target-min)}.modal__progress{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:.875rem}@media (width<=767px){.settings-section__danger-action,.modal__backup-offer button{width:100%}}.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}.backup-card{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.backup-card h3{margin:0 0 var(--space-2);font-size:1rem}.backup-card--restore{border-color:var(--color-danger)}.backup-card__last,.backup-card__note{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:.875rem}.backup-card__action{min-height:var(--touch-target-min)}.backup-card__file{width:100%;min-height:var(--touch-target-min);display:block}.backup-card__progress{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:.875rem}.backup-card__error{margin:var(--space-2) 0 0;color:var(--color-danger)}.backup-preview{margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated)}.backup-preview h4{margin:0 0 var(--space-2);font-size:.95rem}.backup-preview__list{gap:var(--space-1) var(--space-3);margin:0 0 var(--space-3);grid-template-columns:auto 1fr;font-size:.875rem;display:grid}.backup-preview__list dt{color:var(--color-text-secondary)}.backup-preview__list dd{font-variant-numeric:tabular-nums;margin:0}.backup-preview__consequence{margin:0 0 var(--space-3);font-weight:600}.backup-preview__confirm{min-height:var(--touch-target-min);margin-right:var(--space-2)}@media (width<=767px){.backup-card__action,.backup-preview__confirm,.backup-preview button{width:100%;margin:0 0 var(--space-2)}.backup-preview__list{grid-template-columns:1fr;gap:0}.backup-preview__list dd{margin-bottom:var(--space-2)}}.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)}.resume-review{gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-elevated);flex-direction:column;display:flex}.resume-review[hidden]{display:none}.resume-review__intro{color:var(--color-text-muted);margin:0}.resume-review__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.resume-review__item{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.resume-review__action{min-height:var(--touch-target-min)}.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__review-action{min-height:var(--touch-target-min);align-self:flex-start}.gmail-sync__unreadable{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);background:var(--color-surface-elevated)}.gmail-sync__unreadable summary{min-height:var(--touch-target-min);cursor:pointer;align-items:center;display:flex}.gmail-sync__unreadable-list{margin:var(--space-2) 0 0;padding-left:var(--space-4)}.gmail-sync__diagnostics{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2)}.gmail-sync__diagnostics summary{min-height:var(--touch-target-min);cursor:pointer;align-items:center;display:flex}.gmail-sync__diagnostics-list{gap:var(--space-1) var(--space-2);margin:var(--space-2) 0;grid-template-columns:1fr auto;font-size:.85rem;display:grid}.gmail-sync__diagnostics-list dt{margin:0}.gmail-sync__diagnostics-list dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}.gmail-sync__diagnostics-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.gmail-sync__diagnostics-actions button,.review-draft-row__confirm{min-height:var(--touch-target-min)}.review-draft-row__confirm[hidden]{display:none}.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__review-action[hidden],.gmail-sync__unreadable[hidden]{display:none}@media (width>=48rem){.gmail-sync__counters{grid-template-columns:repeat(2,minmax(0,1fr) auto)}}.review-draft-row__relationship{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__relationship-title{margin:0;font-weight:600}.review-draft-row__relationship-note{color:var(--color-text-muted);margin:0;font-size:.85rem}.review-draft-row__relationship-table{border-collapse:collapse;width:100%;font-size:.85rem;display:block;overflow-x:auto}.review-draft-row__relationship-table th,.review-draft-row__relationship-table td{text-align:left;padding:var(--space-1);white-space:nowrap}.review-draft-row__relationship-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.review-draft-row__relationship-actions button{min-height:var(--touch-target-min)}.dashboard-screen__header,.statistics-screen__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.dashboard-screen__content,.statistics-screen__content{gap:var(--space-5);flex-direction:column;display:flex}.dashboard-screen__content[data-loading=true],.statistics-screen__content[data-loading=true]{opacity:.6}.period-selector{align-items:center;gap:var(--space-2);display:flex}.period-selector__label{text-align:center;min-width:10ch;font-weight:600}.period-selector button{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.dashboard-screen__metrics{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.metric-card__title{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-size:.875rem}.metric-card__value{margin:0;font-size:1.5rem;font-weight:600}.metric-card__link{margin-top:var(--space-2);font-size:.875rem;display:inline-block}.dashboard-card,.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.dashboard-card h2,.chart-card__title{margin:0 0 var(--space-2);font-size:1rem}.dashboard-card--attention{border-color:var(--color-brand)}.chart-card__period,.chart-card__summary{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-size:.875rem}.dashboard-recent{margin:0 0 var(--space-3);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.chart--bars{width:100%;height:220px}.chart__bar--income{fill:var(--color-brand)}.chart__bar--expense{fill:var(--color-danger)}.chart__axis-label{fill:var(--color-text-secondary);font-size:11px}.chart-legend{gap:var(--space-4);margin:var(--space-2) 0;flex-wrap:wrap;padding:0;font-size:.875rem;list-style:none;display:flex}.chart-legend__item:before{content:"";width:12px;height:12px;margin-right:var(--space-2);vertical-align:middle;border-radius:2px;display:inline-block}.chart-legend__item--income:before{background:var(--color-brand)}.chart-legend__item--expense:before{background:var(--color-danger)}.composition-chart{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.composition-chart__row{display:block}.composition-chart__select{align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-target-min);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:minmax(8ch,14ch) 1fr auto;display:grid}.composition-chart__select:hover,.composition-chart__select:focus-visible{border-color:var(--color-border)}.composition-chart__row:not(:has(.composition-chart__select)){align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2);grid-template-columns:minmax(8ch,14ch) 1fr auto;display:grid}.composition-chart__bar{background:var(--color-surface-elevated);border-radius:999px;height:10px;display:block;overflow:hidden}.composition-chart__fill{background:var(--color-brand);height:100%;display:block}.composition-chart__value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.875rem}.chart-card__data{margin-top:var(--space-3);font-size:.875rem}.chart-card__data summary{cursor:pointer;min-height:var(--touch-target-min);color:var(--color-text-secondary);align-items:center;display:flex}.chart-card__data table{border-collapse:collapse;width:100%;margin-top:var(--space-2)}.chart-card__data caption{text-align:left;padding-bottom:var(--space-2);color:var(--color-text-secondary)}.chart-card__data th,.chart-card__data td{border-bottom:1px solid var(--color-border);padding:var(--space-2);text-align:left}.chart-card__data td{font-variant-numeric:tabular-nums}.budget-vs-actual,.period-comparison{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media (width<=767px){.dashboard-screen__metrics{grid-template-columns:repeat(2,1fr)}.chart--bars{height:180px}:is(.composition-chart__select,.composition-chart__row:not(:has(.composition-chart__select))){gap:var(--space-1);grid-template-columns:1fr}.chart-card__data table{display:block;overflow-x:auto}}