:root{--color-bg: #0a0f1e;--color-surface: rgba(15, 23, 42, .8);--color-surface-solid:#0f172a;--color-border: rgba(59, 130, 246, .15);--color-border-hover: rgba(59, 130, 246, .35);--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-glow: rgba(59, 130, 246, .4);--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .12);--color-success-glow: rgba(16, 185, 129, .35);--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .12);--color-danger-glow: rgba(239, 68, 68, .35);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .12);--color-warning-glow: rgba(245, 158, 11, .35);--color-info: #06b6d4;--color-info-bg: rgba(6, 182, 212, .12);--text-bright: #f1f5f9;--text-main: #e2e8f0;--text-muted: #94a3b8;--text-faint: #475569;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-glow-primary: 0 0 20px rgba(59, 130, 246, .3);--shadow-glow-success: 0 0 20px rgba(16, 185, 129, .3);--shadow-glow-danger: 0 0 20px rgba(239, 68, 68, .3);--transition: .2s ease;--transition-slow: .35s ease;--blur-glass: blur(16px) saturate(180%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-main);background-color:var(--color-bg);background-image:radial-gradient(ellipse 80% 50% at 20% 10%,rgba(59,130,246,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(16,185,129,.05) 0%,transparent 55%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}img,svg{display:block;max-width:100%}button{cursor:pointer;font-family:inherit}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:#60a5fa}ul,ol{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a99;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#3b82f659;border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box;transition:background var(--transition)}::-webkit-scrollbar-thumb:hover{background:#3b82f699;background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px var(--color-primary-glow)}50%{box-shadow:0 0 22px var(--color-primary-glow),0 0 40px #3b82f626}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes modalIn{0%{opacity:0;transform:scale(.93) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.app-container{width:100%;max-width:1280px;margin:0 auto;padding:var(--space-6) var(--space-6);animation:fadeIn .4s ease}.main-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--color-surface);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);box-shadow:var(--shadow-md);animation:slideDown .35s ease}.main-header .logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:700;color:var(--text-bright);letter-spacing:-.02em}.main-header .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary),#8b5cf6);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow-primary)}.main-header .header-actions{display:flex;align-items:center;gap:var(--space-3)}.main-header .header-subtitle{font-size:var(--text-sm);color:var(--text-muted);font-weight:400}.glass-panel{background:var(--color-surface);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);animation:slideUp .3s ease}.glass-panel+.glass-panel{margin-top:var(--space-6)}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-6);animation:slideUp .35s ease}.glass-card{background:var(--color-surface);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 60%);pointer-events:none}.glass-card:hover{transform:translateY(-2px);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.glass-card .card-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-2)}.glass-card .card-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-bright);line-height:1.2;margin-bottom:var(--space-1)}.glass-card .card-meta{font-size:var(--text-sm);color:var(--text-muted)}.glass-card.card-danger{border-color:#ef44444d;background:linear-gradient(135deg,rgba(239,68,68,.08) 0%,var(--color-surface) 100%)}.glass-card.card-danger:hover{border-color:#ef444480;box-shadow:var(--shadow-glow-danger)}.glass-card.card-danger .card-value{color:#fca5a5}.glass-card.card-warning{border-color:#f59e0b4d;background:linear-gradient(135deg,rgba(245,158,11,.08) 0%,var(--color-surface) 100%)}.glass-card.card-warning:hover{border-color:#f59e0b80;box-shadow:0 0 20px #f59e0b40}.glass-card.card-warning .card-value{color:#fcd34d}.glass-card.card-info{border-color:#06b6d44d;background:linear-gradient(135deg,rgba(6,182,212,.08) 0%,var(--color-surface) 100%)}.glass-card.card-info:hover{border-color:#06b6d480;box-shadow:0 0 20px #06b6d440}.glass-card.card-info .card-value{color:#67e8f9}.tabs{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);background:#0f172a99;border:1px solid var(--color-border);border-radius:var(--radius-md);width:fit-content;margin-bottom:var(--space-5)}.tab-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition),background var(--transition);white-space:nowrap;outline:none}.tab-btn:hover{color:var(--text-main);background:#3b82f614}.tab-btn.active{color:var(--text-bright);background:var(--color-primary);box-shadow:0 2px 8px #3b82f666}.tab-btn.active:hover{background:var(--color-primary-dark)}.tab-btn svg,.tab-btn .tab-icon{width:16px;height:16px;opacity:.8}.filters-section{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-5)}.filters-section .filter-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-1);display:block}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.modern-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);color:var(--text-main)}.modern-table thead{position:sticky;top:0;z-index:10}.modern-table thead tr{background:#0f172af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modern-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap;-webkit-user-select:none;user-select:none}.modern-table th:hover{color:var(--text-main);cursor:pointer}.modern-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(59,130,246,.06);vertical-align:middle;transition:background var(--transition)}.modern-table tbody tr{transition:background var(--transition)}.modern-table tbody tr:hover td{background:#3b82f60d}.modern-table tbody tr:last-child td{border-bottom:none}.modern-table .row-danger td{color:#fca5a5}.modern-table .row-danger:hover td{background:#ef444412}.modern-table .row-warning td{color:#fcd34d}.modern-table .row-warning:hover td{background:#f59e0b12}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px var(--space-2);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);letter-spacing:.03em;white-space:nowrap;line-height:1.4}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.badge-pendente{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(245,158,11,.25)}.badge-pago{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(16,185,129,.25)}.badge-vencido{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(239,68,68,.25)}.badge-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid rgba(6,182,212,.25)}.btn-primary,.btn-secondary,.btn-action,.btn-success,.btn-close{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:600;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--transition),transform var(--transition),box-shadow var(--transition),opacity var(--transition);outline:none;-webkit-user-select:none;user-select:none}.btn-primary:active,.btn-secondary:active,.btn-action:active,.btn-success:active{transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 4px 16px #3b82f673;transform:translateY(-1px)}.btn-secondary{background:#3b82f61a;color:var(--color-primary);border-color:#3b82f64d}.btn-secondary:hover{background:#3b82f62e;border-color:var(--color-primary);transform:translateY(-1px)}.btn-action{padding:var(--space-2) var(--space-3);background:#ffffff0d;color:var(--text-muted);border-color:var(--color-border);font-size:var(--text-xs)}.btn-action:hover{background:#3b82f61a;color:var(--color-primary);border-color:var(--color-border-hover)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success);box-shadow:0 2px 8px #10b9814d}.btn-success:hover{background:#059669;border-color:#059669;box-shadow:0 4px 16px #10b98173;transform:translateY(-1px)}.btn-close{padding:var(--space-2) var(--space-3);background:#ef44441a;color:var(--color-danger);border-color:#ef444440;font-size:var(--text-xs)}.btn-close:hover{background:#ef444433;border-color:var(--color-danger);box-shadow:0 2px 8px #ef44444d}.btn-primary:disabled,.btn-secondary:disabled,.btn-action:disabled,.btn-success:disabled,.btn-close:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.glow-effect{transition:box-shadow var(--transition)}.glow-effect:hover{animation:glowPulse 1.5s ease infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn .25s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.modal-header h2{font-size:var(--text-lg);font-weight:700;color:var(--text-bright);margin:0}.modal-footer{display:flex;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid rgba(255,255,255,.07);margin-top:var(--space-5)}.search-input{width:100%;box-sizing:border-box;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--text-bright);font-size:var(--text-sm);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61f}.search-input::placeholder{color:var(--text-faint)}.action-buttons{display:flex;gap:var(--space-2);align-items:center}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state p{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-3);font-weight:500}.empty-state span{color:var(--text-faint);font-size:var(--text-xs);margin-top:var(--space-1)}@media (max-width: 768px){.app-container{padding:var(--space-3)}.main-header{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}.main-header .header-actions{width:100%;justify-content:flex-end}.cards-grid{grid-template-columns:1fr;gap:var(--space-3)}.filters-section{flex-direction:column;align-items:stretch}.modern-table{font-size:var(--text-xs)}.modern-table th,.modern-table td{padding:var(--space-2) var(--space-3)}}@media (max-width: 480px){.main-header .header-actions{flex-direction:column;gap:var(--space-2)}.main-header .header-actions button{width:100%;justify-content:center}}