@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
:root{--primary-milk:#1e88e5;--primary-gold:#ffa000;--organic-green:#2e7d32;--alert-red:#d32f2f;--gradient-primary:linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);--gradient-gold:linear-gradient(135deg, #ffa000 0%, #f57c00 100%);--gradient-green:linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%);--gradient-red:linear-gradient(135deg, #d32f2f 0%, #c62828 100%);--bg-slate:#f1f5f9;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#e2e8f0;--input-bg:#f8fafc;--input-border:#cbd5e1;--shadow-sm:0 1px 3px 0 #0f172a08, 0 1px 2px -1px #0f172a08;--shadow-md:0 4px 6px -1px #0f172a0d, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 25px -5px #0f172a14, 0 8px 10px -6px #0f172a14;--glow-primary:0 0 16px #1e88e526;--glow-success:0 0 16px #2e7d3226;--glow-error:0 0 16px #d32f2f26;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--transition-fast:.18s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--font-sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif}.dark{--bg-slate:#0f172a;--bg-card:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155;--input-bg:#0f172a;--input-border:#475569;--shadow-sm:0 1px 3px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 25px -5px #00000080, 0 8px 10px -6px #00000080;--glow-primary:0 0 20px #1e88e540;--glow-success:0 0 20px #2e7d3240;--glow-error:0 0 20px #d32f2f40}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-slate);color:var(--text-primary);font-family:var(--font-sans);scroll-behavior:smooth;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-slate)}::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--bg-slate);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 20px;display:flex}.navbar{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);z-index:100;transition:border-color var(--transition-normal), background-color var(--transition-normal);background-color:#f1f5f9bf;justify-content:space-between;align-items:center;padding:16px 0;display:flex;position:sticky;top:0}.dark .navbar{background-color:#0f172abf}.nav-logo{letter-spacing:-.03em;color:var(--primary-milk);cursor:pointer;transition:transform var(--transition-fast);align-items:center;gap:8px;font-size:1.4rem;font-weight:900;display:flex}.nav-logo:hover{transform:scale(1.02)}.navbar-menu{align-items:center;gap:4px;display:flex}.nav-actions{align-items:center;gap:10px;display:flex}@media (max-width:950px){.navbar{flex-wrap:wrap;gap:14px}.navbar-menu{scrollbar-width:none;order:3;width:100%;padding:2px 0 6px;overflow-x:auto}.navbar-menu::-webkit-scrollbar{display:none}}.grid-cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-normal), background-color var(--transition-normal);padding:24px;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#1e88e540;transform:translateY(-4px)}.dark .card:hover{border-color:#1e88e566}.card-premium{border-left:4px solid var(--primary-milk)}.hero-banner{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), var(--glow-primary);z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.hero-circle-1{pointer-events:none;z-index:-1;background:#ffffff1f;border-radius:50%;width:140px;height:140px;position:absolute;top:-35px;right:-35px}.hero-circle-2{pointer-events:none;z-index:-1;background:#ffffff14;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-25px;left:-15px}.kpi-card{background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-normal);flex-direction:column;gap:12px;padding:22px;display:flex;position:relative}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.kpi-card-blue{border-color:#1e88e52e}.kpi-card-blue:hover{border-color:var(--primary-milk);box-shadow:var(--shadow-md), var(--glow-primary)}.kpi-card-red{border-color:#d32f2f2e}.kpi-card-red:hover{border-color:var(--alert-red);box-shadow:var(--shadow-md), var(--glow-error)}.kpi-card-green{border-color:#2e7d322e}.kpi-card-green:hover{border-color:var(--organic-green);box-shadow:var(--shadow-md), var(--glow-success)}.kpi-icon-badge{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.kpi-badge-blue{color:var(--primary-milk);background-color:#1e88e51a}.kpi-badge-red{color:var(--alert-red);background-color:#d32f2f1a}.kpi-badge-green{color:var(--organic-green);background-color:#2e7d321a}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;font-weight:800;line-height:1.25}.btn{border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 10px #1e88e533}.btn-primary:hover{box-shadow:0 6px 14px #1e88e559, var(--glow-primary);transform:translateY(-1px)}.btn-secondary{background:var(--gradient-gold);color:#0f172a;box-shadow:0 4px 10px #ffa00033}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 6px 14px #ffa00059}.btn-success{background:var(--gradient-green);color:#fff;box-shadow:0 4px 10px #2e7d3233}.btn-success:hover{box-shadow:0 6px 14px #2e7d3259, var(--glow-success);transform:translateY(-1px)}.btn-danger{background:var(--gradient-red);color:#fff;box-shadow:0 4px 10px #d32f2f33}.btn-danger:hover{box-shadow:0 6px 14px #d32f2f59, var(--glow-error);transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--border-color);color:var(--text-primary);background-color:#0000}.btn-outline:hover{background-color:var(--input-bg);border-color:var(--text-secondary)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:-.01em;font-size:.88rem;font-weight:600}.form-input{border-radius:var(--radius-sm);border:1.5px solid var(--input-border);background-color:var(--input-bg);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);outline:none;padding:12px 16px;font-family:inherit;font-size:.98rem;font-weight:500}.form-input:focus{border-color:var(--primary-milk);background-color:var(--bg-card);box-shadow:0 0 0 4px #1e88e526}.dark .form-input:focus{box-shadow:0 0 0 4px #1e88e54d}.tabs-navigation{border-bottom:2px solid var(--border-color);scrollbar-width:none;gap:8px;margin-bottom:28px;padding:4px 0;display:flex;overflow-x:auto}.tabs-navigation::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:3px solid #0000;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:.98rem;font-weight:600}.tab-btn:hover{color:var(--primary-milk);background-color:#1e88e50d}.tab-btn.active{color:var(--primary-milk);border-bottom-color:var(--primary-milk);background-color:#1e88e514;border-radius:8px 8px 0 0}.list-item{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast), transform var(--transition-fast);background-color:#0000;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.list-item:hover{background-color:var(--input-bg);transform:translate(3px)}.list-item:last-child{border-bottom:none}.badge{text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);border-radius:9999px;align-items:center;padding:5px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.badge-paid{color:var(--organic-green);background-color:#2e7d321f;border:1px solid #2e7d3233}.badge-pending{color:var(--alert-red);background-color:#d32f2f1f;border:1px solid #d32f2f33}.dialog-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;animation:fadeIn var(--transition-fast);background-color:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-lg);animation:modalScale var(--transition-normal);padding:32px;position:relative;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.auth-wrapper{background:linear-gradient(#0d47a1 0%,#1e88e5 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-card{z-index:2;border:none;border-radius:20px;width:100%;max-width:375px;padding:28px 24px;position:relative;box-shadow:0 10px 30px #00000040;color:#0f172a!important;background-color:#fff!important}.auth-card h1,.auth-card h2,.auth-card h3,.auth-card strong{color:#0d47a1!important}.auth-card p,.auth-card .form-label{color:#64748b!important}.auth-card .form-input{color:#0f172a!important;background-color:#fff!important;border:1.5px solid #cbd5e1!important}.auth-card .form-input:focus{border-color:#1e88e5!important;box-shadow:0 0 0 4px #1e88e526!important}.premium-glow-border{background-image:linear-gradient(var(--bg-card), var(--bg-card)), var(--gradient-primary);background-origin:border-box;background-clip:padding-box,border-box;border:1.5px solid #0000}@media (max-width:600px){.nav-logo-text{font-size:1.1rem}.nav-actions{gap:6px!important}.view-as-label{display:none!important}.view-as-select{width:105px!important;height:30px!important;padding:0 4px!important;font-size:.76rem!important}.lang-toggle-btn{align-items:center;display:flex;height:30px!important;padding:6px 8px!important;font-size:.78rem!important}.nav-actions .btn{padding:6px!important}}@media (max-width:420px){.nav-logo-text{display:none!important}.view-as-select{width:95px!important}}