:root{--void: #09090F;--surface-1: #111118;--surface-2: #18181F;--surface-3: #21212A;--text-primary: #F0ECE3;--text-display: #F8F5EF;--text-secondary: #A8A49A;--text-muted: #757268;--vermelho: #C42B2B;--vermelho-hi: #D43535;--vermelho-glow: rgba(196, 43, 43, .15);--depth: #1A5FAD;--depth-hi: #2272C8;--depth-glow: rgba(26, 95, 173, .15);--border-subtle: #1A1A22;--border-default: #252530;--warning: #D08A26;--warning-glow: rgba(208, 138, 38, .15);--warning-subtle: rgba(208, 138, 38, .08);--ok: #1A5FAD;--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", monospace;--scale-xs: .75rem;--scale-sm: .875rem;--scale-base: 1rem;--scale-lg: 1.25rem;--scale-xl: 1.5rem;--scale-2xl: 2rem;--scale-3xl: 3rem;--scale-4xl: 4.5rem;--scale-5xl: 7.5rem;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--lh-tight: .95;--lh-heading: 1.1;--lh-body: 1.75;--lh-relaxed: 1.85;--ls-tight: -.04em;--ls-snug: -.025em;--ls-normal: 0;--ls-mono: .04em;--ls-wide: .18em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--space-32: 128px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .03);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-glow-vermelho: 0 0 24px rgba(196, 43, 43, .15);--shadow-glow-depth: 0 0 24px rgba(26, 95, 173, .15);--strata: repeating-linear-gradient(180deg, transparent, transparent 59px, rgba(255, 255, 255, .012) 60px);--anim-fast: .15s;--anim-normal: .2s;--anim-slow: .4s;--anim-enter: .9s;--ease-default: ease;--ease-enter: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0;padding:0}body{min-height:100vh;min-height:100dvh;background-color:var(--void);background-image:var(--strata);color:var(--text-primary);font-family:var(--font-body);font-size:var(--scale-base);font-weight:var(--weight-regular);line-height:var(--lh-body);letter-spacing:var(--ls-normal);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}h1,h2,h3,h4{color:var(--text-display);font-family:var(--font-display);font-weight:var(--weight-light);line-height:var(--lh-heading)}h1{font-size:var(--scale-3xl);letter-spacing:var(--ls-tight)}h2{font-size:var(--scale-2xl);letter-spacing:var(--ls-snug)}h3{font-size:var(--scale-xl)}a{color:var(--depth-hi);text-decoration:none;transition:color var(--anim-fast) var(--ease-default)}a:hover{color:var(--text-primary)}strong{font-weight:var(--weight-medium);color:var(--text-display)}.mono-metric{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-mono)}.section-tag{display:inline-block;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--text-muted);letter-spacing:var(--ls-wide);margin-bottom:var(--space-2)}.app-container{max-width:1200px;width:100%;margin:0 auto;padding:var(--space-8) var(--space-6);flex-grow:1;display:flex;flex-direction:column;gap:var(--space-8);animation:pageEnter var(--anim-enter) var(--ease-enter)}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-header{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-6)}.display-title{font-size:var(--scale-3xl);margin-bottom:var(--space-2)}.display-title i{font-family:var(--font-display);font-weight:var(--weight-light);font-style:italic;color:var(--text-secondary)}.subtitle{font-size:var(--scale-base);color:var(--text-secondary);font-weight:var(--weight-light)}.card{background-color:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:border-color var(--anim-fast) var(--ease-default),box-shadow var(--anim-fast) var(--ease-default)}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.card-title{font-size:var(--scale-lg);margin-bottom:var(--space-2);color:var(--text-display)}.card-description{font-size:var(--scale-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:var(--lh-body)}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:var(--depth);box-shadow:0 0 8px var(--depth-glow);position:relative}.pulse-dot:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:1.5px solid var(--depth);opacity:.8;animation:pulseScale 2s infinite ease-out}@keyframes pulseScale{0%{transform:scale(.6);opacity:1}to{transform:scale(2.2);opacity:0}}.status-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:var(--ls-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.form-input,.form-select,.table-input,.table-select{width:100%;background-color:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--scale-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--anim-fast) var(--ease-default),box-shadow var(--anim-fast) var(--ease-default);-webkit-appearance:none;-moz-appearance:none;appearance:none}.table-input{padding:6px var(--space-2)}.form-input::placeholder,.table-input::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.table-input:focus,.table-select:focus{outline:none;border-color:var(--depth);box-shadow:0 0 0 2px var(--depth-glow)}.form-select,.table-select{cursor:pointer}.input-prefix-wrapper{position:relative;display:inline-flex;align-items:center;width:100%}.input-prefix{position:absolute;left:var(--space-2);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--scale-xs);pointer-events:none;z-index:1}.input-prefix-wrapper .form-input,.input-prefix-wrapper .table-input{padding-left:28px}.shrink-input{width:110px}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,var(--surface-1) 30%,rgba(17,17,24,0)) left/40px 100%,linear-gradient(to left,var(--surface-1) 30%,rgba(17,17,24,0)) right/40px 100%,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.45),transparent) left/14px 100%,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.45),transparent) right/14px 100%;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}.abissal-table{width:100%;border-collapse:collapse;font-size:var(--scale-sm)}.abissal-table th{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--text-muted);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default);text-align:left;white-space:nowrap}.abissal-table td{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.abissal-table tbody tr:hover{background-color:var(--surface-2)}.abissal-table th.num-col,.abissal-table td.num-col{text-align:right}.abissal-table th.center-col,.abissal-table td.center-col{text-align:center}tr.settled-row{opacity:.45}.font-medium{font-weight:var(--weight-medium)}.text-display{color:var(--text-display)}.table-header-group{margin-bottom:var(--space-4)}.description-help{font-size:var(--scale-xs);color:var(--text-secondary)}.totals-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.header-total{font-family:var(--font-mono);font-size:var(--scale-xs);color:var(--text-secondary)}.add-row-form{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.add-row-form .flex-name{flex:1;min-width:150px}.add-row-form .input-month{width:130px}.submit-btn{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--ls-mono);background-color:var(--depth);border:1px solid var(--depth);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--anim-fast) var(--ease-default)}.submit-btn:hover{background-color:var(--depth-hi)}.action-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:10px var(--space-2);border-radius:var(--radius-sm);font-size:13px;min-width:38px;min-height:38px}.action-btn:hover{color:var(--text-primary);background-color:var(--surface-3)}.delete-btn:hover{color:var(--vermelho);background-color:var(--vermelho-glow)}.summary-badge{display:inline-flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--scale-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background-color:var(--surface-2);border:1px solid var(--border-subtle)}.warning-badge{color:var(--warning)}.depth-badge{color:var(--depth-hi)}.checkbox-container{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;min-width:32px;min-height:32px}.checkbox-container input[type=checkbox]{accent-color:var(--depth);width:16px;height:16px;cursor:pointer}.checkmark{display:none}.card-mini-tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px;background-color:var(--surface-3);color:var(--text-secondary)}@media(max-width:768px){.abissal-table{min-width:560px;font-size:13px}.abissal-table th,.abissal-table td{padding:8px 10px}}@media(max-width:600px){.add-row-form{flex-direction:column;align-items:stretch}.add-row-form>*{width:100%!important;flex:none!important;min-width:0!important}.add-row-form .input-prefix-wrapper .table-input{width:100%;flex:1}}