*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--surface);color:var(--on-surface);min-height:100dvh;overflow-x:hidden;user-select:none;-webkit-user-select:none}:root{--primary: #020412;--primary-container: #1a1d2e;--on-primary: #ffffff;--on-primary-container: #82849a;--secondary: #006874;--secondary-container: #5ce9fe;--on-secondary: #ffffff;--on-secondary-container: #006773;--secondary-fixed-dim: #45d8ed;--tertiary: #110004;--tertiary-container: #43001d;--on-tertiary-container: #de5484;--tertiary-fixed: #ffd9e1;--tertiary-fixed-dim: #ffb1c5;--tertiary-fixed-variant: #8b0e45;--surface: #f7fafc;--surface-dim: #d7dadc;--surface-container-lowest: #ffffff;--surface-container-low: #f1f4f6;--surface-container: #ebeef0;--surface-container-high: #e5e9eb;--surface-container-highest: #e0e3e5;--on-surface: #181c1e;--on-surface-variant: #46464c;--outline: #77767d;--outline-variant: #c7c5cd;--error: #ba1a1a;--error-container: #ffdad6;--inverse-surface: #2d3133;--inverse-on-surface: #eef1f3;--gradient-signature: linear-gradient(135deg, #006874 0%, #5ce9fe 100%);--gradient-dark: linear-gradient(135deg, #020412 0%, #1a1d2e 100%);--font-headline: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: .25rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0px 2px 8px rgba(2, 4, 18, .04);--shadow-md: 0px 8px 24px rgba(2, 4, 18, .06);--shadow-lg: 0px 12px 32px rgba(2, 4, 18, .08);--shadow-xl: 0px 20px 40px rgba(2, 4, 18, .12);--shadow-nav: 0px -12px 32px rgba(2, 4, 18, .08);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}.font-headline{font-family:var(--font-headline)}.display-lg{font-family:var(--font-headline);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.display-md{font-family:var(--font-headline);font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.15}.headline-lg{font-family:var(--font-headline);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.headline-md{font-family:var(--font-headline);font-size:1.125rem;font-weight:700;line-height:1.3}.headline-sm{font-family:var(--font-headline);font-size:1rem;font-weight:700;line-height:1.35}.body-lg{font-size:1rem;font-weight:400;line-height:1.5}.body-md{font-size:.875rem;font-weight:400;line-height:1.45}.body-sm{font-size:.75rem;font-weight:400;line-height:1.4}.label-lg{font-size:.875rem;font-weight:600;line-height:1.2}.label-md{font-size:.75rem;font-weight:600;letter-spacing:.02em;line-height:1.2}.label-sm{font-size:.625rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.2}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.bg-signature{background:var(--gradient-signature)}.bg-signature-dark{background:var(--gradient-dark)}.card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-lg);position:relative;overflow:hidden}.card-hero{background:var(--gradient-signature);border-radius:var(--radius-xl);padding:var(--space-xl);color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.card-hero:before{content:"";position:absolute;bottom:-2.5rem;right:-2.5rem;width:10rem;height:10rem;background:#ffffff1a;border-radius:50%;filter:blur(3rem)}.card-hero:after{content:"";position:absolute;top:-2.5rem;left:-2.5rem;width:8rem;height:8rem;background:#5ce9fe33;border-radius:50%;filter:blur(2rem)}.card-dark{background:var(--primary-container);color:#fff;border-radius:var(--radius-xl);padding:var(--space-lg);position:relative;overflow:hidden}.card-dark:before{content:"";position:absolute;right:-1rem;top:-1rem;width:5rem;height:5rem;background:#0068741a;border-radius:50%;filter:blur(2rem)}.btn-primary{background:var(--gradient-signature);color:#fff;border:none;border-radius:var(--radius-md);padding:.875rem 1.5rem;font-weight:700;font-size:.875rem;font-family:var(--font-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .2s,transform .15s;box-shadow:var(--shadow-md);width:100%}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--primary-container);color:#fff;border:none;border-radius:var(--radius-md);padding:.75rem 1.25rem;font-weight:700;font-size:.75rem;font-family:var(--font-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .2s,transform .15s}.btn-secondary:hover{opacity:.85}.btn-secondary:active{transform:scale(.98)}.btn-ghost{background:var(--surface-container-high);color:var(--primary);border:none;border-radius:var(--radius-md);padding:.75rem 1.25rem;font-weight:700;font-size:.75rem;font-family:var(--font-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s,transform .15s}.btn-ghost:hover{background:var(--surface-container-highest)}.btn-ghost:active{transform:scale(.98)}.btn-text{background:transparent;color:var(--secondary);border:none;padding:.5rem;font-weight:700;font-size:.75rem;font-family:var(--font-body);cursor:pointer;transition:opacity .2s}.btn-text:hover{opacity:.7}.input-field{width:100%;padding:1rem;background:var(--surface-container-low);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--on-surface);outline:none;transition:box-shadow .2s}.input-field::placeholder{color:var(--on-surface-variant)}.input-field:focus{box-shadow:0 0 0 2px #00687466}.select-field{width:100%;padding:1rem 2.5rem 1rem 1rem;background:var(--surface-container-low);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--on-surface);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:box-shadow .2s}.select-field:focus{box-shadow:0 0 0 2px #00687466}.badge{display:inline-block;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:.25rem .5rem;border-radius:var(--radius-md)}.badge-critico{background:var(--tertiary-fixed);color:var(--tertiary-fixed-variant)}.badge-baixo{background:#8b0e451a;color:var(--tertiary-fixed-variant)}.badge-estavel{background:#0068741a;color:var(--secondary)}.badge-em-estoque{background:var(--surface-container-high);color:var(--on-surface-variant)}.badge-pendente{background:var(--tertiary-fixed);color:var(--tertiary)}.badge-pago{background:#0068741a;color:var(--secondary)}.badge-nova-entrada{background:#0068741a;color:var(--secondary);font-size:.625rem;font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-full)}.tab-container{background:var(--surface-container);border-radius:var(--radius-md);padding:.25rem;display:flex}.tab-button{flex:1;padding:.625rem;font-size:.875rem;font-weight:700;text-align:center;border:none;background:transparent;border-radius:.5rem;cursor:pointer;color:var(--on-surface-variant);transition:all .2s;font-family:var(--font-body)}.tab-button.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;z-index:50;display:flex;justify-content:space-around;align-items:center;padding:.75rem 1rem calc(1.5rem + var(--safe-bottom));background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-nav)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem 1rem;border-radius:var(--radius-md);text-decoration:none;color:#94a3b8;transition:all .2s;gap:.125rem}.nav-item:hover{background:#f1f5f9}.nav-item.active{background:#0068741a;color:var(--secondary);transform:scale(.92)}.nav-item .nav-label{font-size:.625rem;font-weight:600;letter-spacing:.02em}.top-app-bar{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;padding-top:calc(1rem + var(--safe-top));background:#f8fafcf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.fab{position:fixed;z-index:40;display:flex;align-items:center;justify-content:center;background:var(--gradient-signature);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-xl);transition:transform .2s}.fab:hover{transform:scale(1.05)}.fab:active{transform:scale(.95)}.fab-circle{width:3.5rem;height:3.5rem;border-radius:var(--radius-xl);bottom:7rem;right:1.5rem}.fab-extended{padding:1rem 1.5rem;border-radius:var(--radius-full);gap:.75rem;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.02em;font-family:var(--font-body);bottom:6rem;right:1.5rem;box-shadow:0 12px 32px #0068744d}.progress-bar{width:4rem;height:.375rem;background:var(--surface-container-high);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.glass-overlay{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-pill{background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.25rem .75rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:.25rem}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface-container-low) 25%,var(--surface-container) 50%,var(--surface-container-low) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeInUp .3s ease-out}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#02041266;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:480px;max-height:90dvh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:2rem;height:.25rem;background:var(--outline-variant);border-radius:var(--radius-full);margin:.75rem auto}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-on-surface-variant{color:var(--on-surface-variant)}.text-expense{color:var(--tertiary-fixed-variant)}.text-income{color:var(--secondary)}.text-white{color:#fff}.bg-surface{background:var(--surface)}.bg-surface-low{background:var(--surface-container-low)}.bg-surface-lowest{background:var(--surface-container-lowest)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-md{border-radius:var(--radius-md)}.rounded-full{border-radius:var(--radius-full)}.app-layout{min-height:100dvh;padding-bottom:calc(6rem + var(--safe-bottom));background:var(--surface)}.page-content{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.ptr-indicator{display:flex;justify-content:center;padding:.5rem;color:var(--secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;gap:1rem}.empty-state .material-symbols-outlined{font-size:3rem;color:var(--outline-variant)}.badge-vencido{background:#ba1a1a26;color:var(--error)}