:root{--color-empresa-primary:#1f507a;--color-empresa-bg:#e8f0f9;--color-empresa-border:#1f507a;--color-pessoal-primary:#ff6b35;--color-pessoal-bg:#fff3ee;--color-pessoal-border:#ff6b35;--color-bg:#f6f7f8;--color-bg-secondary:#eef0f2;--color-card-bg:#fff;--color-text:#13191f;--color-text-secondary:#374151;--color-text-muted:#6b7280;--color-success:#70ad47;--color-warning:#ff6b35;--color-danger:#c00000;--color-info:#1f507a;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:17px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--touch-target:44px;--input-height:48px;--list-item-height:60px;--bottom-nav-height:64px;--header-height:56px;--max-width:480px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--spacing-md);height:var(--input-height);outline:none;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--color-empresa-primary);box-shadow:0 0 0 3px #1f507a1a}input::placeholder{color:var(--color-text-muted)}select option{background:var(--color-card-bg)}textarea{height:auto;padding:var(--spacing-md);resize:vertical;min-height:80px}img{max-width:100%;height:auto}ul,ol{list-style:none}.app-wrapper{background-color:var(--color-bg-secondary);flex-direction:column;width:100%;min-height:100vh;display:flex}.app-header{z-index:100;height:var(--header-height);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-md);align-items:center;gap:var(--spacing-sm);display:flex;position:sticky;top:0}.app-header h1{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);flex:1}.app-content{padding:var(--spacing-md);padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-md));flex:1}.app-content--no-padding{padding:0}.bottom-nav{width:100%;max-width:var(--max-width);height:var(--bottom-nav-height);background-color:var(--color-bg);border-top:1px solid var(--color-border);z-index:100;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav__item{height:100%;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:0;transition:color .15s;display:flex}.bottom-nav__item:hover,.bottom-nav__item.active{color:var(--color-text)}.bottom-nav__icon{font-size:20px;line-height:1}.card{background:var(--color-card-bg);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid var(--color-border-light)}.card--empresa{border-left:3px solid var(--color-empresa-primary)}.card--pessoal{border-left:3px solid var(--color-pessoal-primary)}.card__header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.card__value--positive{color:var(--color-success)}.card__value--negative{color:var(--color-danger)}.card__value--empresa{color:var(--color-empresa-primary)}.card__value--pessoal{color:var(--color-pessoal-primary)}.card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px}.card__divider{background:var(--color-border);height:1px;margin:var(--spacing-md) 0}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:var(--touch-target);padding:0 var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;border:none;transition:opacity .15s,background-color .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-empresa-primary);color:#fff}.btn--primary:hover:not(:disabled){opacity:.85}.btn--secondary{background-color:var(--color-card-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){border-color:var(--color-text-secondary)}.btn--danger{background-color:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){opacity:.85}.btn--success{background-color:var(--color-success);color:#fff}.btn--success:hover:not(:disabled){opacity:.85}.btn--ghost{color:var(--color-text-secondary);padding:0 var(--spacing-sm);background:0 0}.btn--ghost:hover:not(:disabled){color:var(--color-text)}.btn--full{width:100%}.btn--sm{min-height:32px;padding:0 var(--spacing-sm);font-size:var(--font-size-xs)}.btn--icon{width:var(--touch-target);border-radius:var(--radius-md);padding:0}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.badge--empresa{color:var(--color-empresa-primary);background-color:#1f507a1a;border:1px solid #1f507a40}.badge--pessoal{color:var(--color-pessoal-primary);background-color:#ff6b3526;border:1px solid #ff6b354d}.badge--success{color:var(--color-success);background-color:#70ad4726}.badge--warning{color:var(--color-warning);background-color:#ff6b3526}.badge--danger{color:var(--color-danger);background-color:#c0000026}.badge--neutral{color:var(--color-text-secondary);background-color:#ffffff1a}.context-toggle{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.context-toggle__btn{min-height:34px;padding:0 var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;transition:background-color .15s,color .15s}.context-toggle__btn:hover{color:var(--color-text)}.context-toggle__btn.active--todos{background:var(--color-card-bg);color:var(--color-text)}.context-toggle__btn.active--empresa{background:var(--color-empresa-bg);color:var(--color-empresa-primary)}.context-toggle__btn.active--pessoal{background:var(--color-pessoal-bg);color:var(--color-pessoal-primary)}.list-item{align-items:center;gap:var(--spacing-md);min-height:var(--list-item-height);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-light);display:flex}.list-item:last-child{border-bottom:none}.list-item--empresa{border-left:3px solid var(--color-empresa-primary);padding-left:var(--spacing-sm)}.list-item--pessoal{border-left:3px solid var(--color-pessoal-primary);padding-left:var(--spacing-sm)}.list-item__icon{flex-shrink:0;font-size:24px}.list-item__body{flex:1;min-width:0}.list-item__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-item__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px}.list-item__value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:right;flex-shrink:0}.list-item__value--positive{color:var(--color-success)}.list-item__value--negative{color:var(--color-danger)}.list-item__actions{gap:var(--spacing-xs);flex-shrink:0;display:flex}.modal-overlay{z-index:1000;padding:var(--spacing-md);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-card-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-md);width:100%;max-width:480px;max-height:90vh;animation:.2s ease-out fadeInScale;overflow-y:auto;box-shadow:0 8px 32px #0000002e}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal__handle{display:none}.modal__header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.modal__close{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-md);color:var(--color-text-muted);justify-content:center;align-items:center;font-size:20px;display:flex}.modal__close:hover{color:var(--color-text);background:var(--color-bg)}.form-group{margin-bottom:var(--spacing-md)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);display:block}.form-label--required:after{content:" *";color:var(--color-danger)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--spacing-xs);display:block}.form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);display:flex}.form-actions .btn{flex:1}.type-toggle{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.type-toggle__btn{min-height:var(--input-height);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border:2px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;transition:all .15s}.type-toggle__btn.active--entrada{border-color:var(--color-success);color:var(--color-success);background:#70ad471a}.type-toggle__btn.active--saida{border-color:var(--color-danger);color:var(--color-danger);background:#c000001a}.empty-state{padding:var(--spacing-2xl) var(--spacing-md);text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{margin-bottom:var(--spacing-md);font-size:48px}.empty-state__text{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.empty-state__subtext{font-size:var(--font-size-sm)}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-empresa-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{justify-content:center;align-items:center;min-height:200px;display:flex}.amount{font-variant-numeric:tabular-nums}.amount--positive{color:var(--color-success)}.amount--negative{color:var(--color-danger)}.amount--large{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.month-selector{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;display:flex}.month-selector select{height:36px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.filter-bar{gap:var(--spacing-sm);padding-bottom:var(--spacing-xs);scrollbar-width:none;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;border:1px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text-muted);align-items:center;gap:4px;padding:6px 12px;transition:all .15s;display:flex}.filter-chip.active{border-color:var(--color-empresa-primary);color:var(--color-empresa-primary);background:#1f507a1a}.search-input-wrapper{position:relative}.search-input-wrapper input{padding-left:36px}.search-icon{color:var(--color-text-muted);pointer-events:none;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.section-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.fab{bottom:calc(var(--bottom-nav-height) + var(--spacing-md));right:var(--spacing-md);background-color:var(--color-empresa-primary);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-lg);cursor:pointer;z-index:90;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:transform .15s;display:flex;position:fixed}.fab:hover{transform:scale(1.05)}.fab:active{transform:scale(.95)}.progress-bar{background:var(--color-border);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar__fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.progress-bar__fill--empresa{background:var(--color-empresa-primary)}.progress-bar__fill--pessoal{background:var(--color-pessoal-primary)}.progress-bar__fill--success{background:var(--color-success)}.progress-bar__fill--danger{background:var(--color-danger)}.toast{bottom:calc(var(--bottom-nav-height) + var(--spacing-lg));background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:1001;white-space:nowrap;box-shadow:var(--shadow-md);animation:.2s ease-out slideUp;position:fixed;left:50%;transform:translate(-50%)}.toast--success{border-color:var(--color-success);color:var(--color-success)}.toast--error{border-color:var(--color-danger);color:var(--color-danger)}.summary-row{padding:var(--spacing-sm) 0;font-size:var(--font-size-base);justify-content:space-between;align-items:center;display:flex}.summary-row__label{color:var(--color-text-secondary)}.summary-row__value{font-weight:var(--font-weight-semibold)}.summary-row--total{border-top:1px solid var(--color-border);margin-top:var(--spacing-sm);padding-top:var(--spacing-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-md)}.skeleton{background:linear-gradient(90deg, var(--color-bg-secondary) 25%, #e0e2e5 50%, var(--color-bg-secondary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text--lg{height:1.5em}.skeleton-amount{width:120px;height:2rem}.loading-center{padding:var(--spacing-xl) 0;justify-content:center;align-items:center;display:flex}.saldo-grid{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);grid-template-columns:1fr 1fr 1fr;display:grid}.saldo-mini-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-sm);text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:80px;display:flex}.saldo-mini-card--empresa{border-top:3px solid var(--color-empresa-primary)}.saldo-mini-card--pessoal{border-top:3px solid var(--color-pessoal-primary)}.saldo-mini-card--total{border-top:3px solid var(--color-success)}.saldo-mini-card__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em}.saldo-mini-card__value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text)}.dashboard-check-item{align-items:center;gap:var(--spacing-sm);display:flex}.dashboard-check-item--pago{opacity:.5}.dashboard-check-item--pago .list-item__title{text-decoration:line-through}.dashboard-checkbox{border:2px solid var(--color-border);width:28px;height:28px;color:var(--color-success);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:border-color .15s,background .15s;display:flex}.dashboard-checkbox:hover:not(.dashboard-checkbox--checked){border-color:var(--color-success)}.dashboard-checkbox--checked{border-color:var(--color-success);cursor:default;background:#70ad4726}.input--error{border-color:var(--color-danger)!important}.sidebar{display:none}@media (width>=768px){.app-wrapper{max-width:100%}.app-content{padding:var(--spacing-lg);padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-xl))}.dashboard-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}}@media (width>=1024px){body{background:var(--color-bg-secondary)}.app-wrapper{flex-direction:row;align-items:flex-start;width:100%;max-width:100%;min-height:100vh}.sidebar{background-color:var(--color-bg);border-right:1px solid var(--color-border);width:220px;min-width:220px;height:100vh;min-height:100vh;padding:var(--spacing-lg) 0;gap:var(--spacing-xl);flex-direction:column;display:flex;position:sticky;top:0}.sidebar__brand{align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-lg);display:flex}.sidebar__logo{font-size:var(--font-size-xl)}.sidebar__title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text)}.sidebar__nav{gap:var(--spacing-xs);padding:0 var(--spacing-sm);flex-direction:column;display:flex}.sidebar__item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + 3px);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-height:var(--touch-target);border-left:3px solid #0000;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.sidebar__item:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.sidebar__item.active{color:var(--color-empresa-primary);border-left:3px solid var(--color-empresa-primary);background-color:#1f507a1a}.sidebar__icon{font-size:var(--font-size-lg);text-align:center;width:28px}.app-content{padding:var(--spacing-xl);padding-bottom:var(--spacing-xl);flex:1;min-width:0}.bottom-nav{display:none}.fab{bottom:var(--spacing-xl);right:var(--spacing-xl)}}.cartao-card{background:linear-gradient(135deg, var(--color-empresa-primary) 0%, #2d6fa3 100%);border-radius:var(--radius-lg);padding:var(--spacing-lg);color:#fff;flex-direction:column;justify-content:space-between;min-height:160px;display:flex;position:relative;overflow:hidden}.cartao-card--pessoal{background:linear-gradient(135deg,#ff6b35 0%,#e8531f 100%)}.cartao-card__chip{margin-bottom:var(--spacing-sm);font-size:24px}.cartao-card__numero{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:.15em;font-variant-numeric:tabular-nums}.cartao-card__footer{justify-content:space-between;align-items:flex-end;display:flex}.cartao-card__label{font-size:var(--font-size-xs);opacity:.75;text-transform:uppercase;letter-spacing:.05em}.cartao-card__nome{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.cartao-card__validade{text-align:right}.cartao-card__bandeira{font-size:var(--font-size-xl)}.cartao-stats{gap:var(--spacing-sm);margin-top:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.cartao-stat{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.cartao-stat__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.cartao-stat__value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text)}.cartao-stat__value--danger{color:var(--color-danger)}.cartao-stat__value--success{color:var(--color-success)}.cartao-utilizacao{margin-top:var(--spacing-sm)}.cartao-utilizacao__label{font-size:var(--font-size-xs);color:var(--color-text-muted);justify-content:space-between;margin-bottom:4px;display:flex}.cartao-item{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);overflow:hidden}.cartao-item__header{padding:var(--spacing-md)}.cartao-item__body{padding:0 var(--spacing-md) var(--spacing-md)}.cartao-item__actions{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary);display:flex}.metricas-grid{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.metrica-card{padding:var(--spacing-md)}.metrica-card__header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.metrica-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.metrica-card__icon{font-size:var(--font-size-base)}.metrica-card__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;margin-bottom:2px;line-height:1.2}.metrica-card__sublabel{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dashboard-mid-row{gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}@media (width>=768px){.metricas-grid{grid-template-columns:1fr 1fr 1fr 1fr}.dashboard-mid-row{flex-direction:row;align-items:flex-start}.dashboard-mid-row>:first-child{flex:1.5}.dashboard-mid-row>:last-child{flex:1}}