@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#f6f7f9;--bg-secondary:#fff;--bg-card:#ffffffbf;--border-color:#e2e8f0cc;--border-glow:#6366f114;--text-primary:#10192d;--text-secondary:#5a687c;--text-muted:#94a3b8;--primary:#7c3bed;--primary-hover:#6316e9;--primary-light:#8b5cf61a;--primary-glow:#8b5cf640;--success:#0fae5e;--success-light:#10b9811a;--success-text:#0a7540;--warning:#e68a0a;--warning-light:#f59e0b1a;--warning-text:#ab6707;--danger:#ed2c59;--danger-light:#f43f5e1a;--danger-text:#bc1038;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px -2px #0000000d, 0 2px 6px -1px #00000008;--shadow-lg:0 20px 25px -5px #0000000d, 0 10px 10px -5px #00000008;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--glass-blur:blur(12px);--transition-speed:.3s}body.dark{--bg-primary:#05080f;--bg-secondary:#090e1a;--bg-card:#0f172aa6;--border-color:#33415566;--border-glow:#8b5cf626;--text-primary:#f8fafc;--text-secondary:#c2cad6;--text-muted:#7a899f;--primary:#9355f6;--primary-hover:#b286f9;--primary-light:#a78bfa26;--primary-glow:#a78bfa73;--success:#12d373;--success-light:#34d39926;--success-text:#8af5bf;--warning:#f69e23;--warning-light:#fbbf2426;--warning-text:#fac985;--danger:#f15b7e;--danger-light:#fb718526;--danger-text:#f7a1b5;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px -2px #00000080, 0 2px 6px -1px #0006;--shadow-lg:0 20px 25px -5px #0009, 0 10px 10px -5px #00000080}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{grid-template-columns:280px 1fr;min-height:100vh;display:grid}@media (width<=1024px){.app-container{grid-template-columns:80px 1fr}}@media (width<=640px){.app-container{grid-template-columns:1fr}}.main-content{flex-direction:column;gap:2rem;height:100vh;padding:2.5rem;display:flex;overflow-y:auto}@media (width<=640px){.main-content{height:auto;min-height:100vh;padding:5rem 1.5rem 1.5rem}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:16px;transition:transform .2s,box-shadow .2s,border-color .3s}.glass-panel:hover{box-shadow:var(--shadow-lg);border-color:var(--border-glow)}h1{letter-spacing:-.03em;color:var(--text-primary);font-size:2.25rem;font-weight:700;line-height:1.2}h2{letter-spacing:-.02em;color:var(--text-primary);font-size:1.5rem;font-weight:600}h3{color:var(--text-primary);font-size:1.125rem;font-weight:600}p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.925rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--text-muted)}.btn-danger{background:var(--danger-light);color:var(--danger-text);border:1px solid #f43f5e33}.btn-danger:hover{background:var(--danger);color:#fff;box-shadow:0 4px 12px #f43f5e33}.btn-icon{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:.5rem;transition:all .2s}.btn-icon:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;width:fit-content;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pendiente{background:var(--warning-light);color:var(--warning-text)}.badge-activo{background:var(--primary-light);color:var(--primary)}.badge-atrasado{background:var(--danger-light);color:var(--danger-text);animation:2s infinite pulse-border}.badge-pagado{background:var(--success-light);color:var(--success-text)}@keyframes pulse-border{0%{box-shadow:0 0 #f43f5e66}70%{box-shadow:0 0 0 6px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}.form-group{text-align:left;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:550}.form-input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-input::placeholder{color:var(--text-muted)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{flex-direction:column;gap:1.5rem;width:100%;max-width:550px;max-height:90vh;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) modal-enter;display:flex;position:relative;overflow-y:auto}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close{position:absolute;top:1.5rem;right:1.5rem}.animate-fade-in{animation:.4s ease-out forwards fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.chart-container{min-height:250px;position:relative}.chart-svg{width:100%;height:100%}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{visibility:hidden;background-color:var(--bg-secondary);width:120px;color:var(--text-primary);text-align:center;z-index:1;opacity:0;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:6px;margin-left:-60px;padding:5px;font-size:.75rem;transition:opacity .3s;position:absolute;bottom:125%;left:50%}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}@media (width<=1024px){.sidebar-brand-text,.sidebar-link-text,.sidebar-user-info{display:none!important}aside{align-items:center;width:80px!important;padding:1.5rem .75rem!important}aside nav button{justify-content:center!important;padding:.85rem!important}aside .btn-secondary{justify-content:center!important;padding:.8rem!important}aside .sidebar-footer{justify-content:center;padding-left:0!important}}@media (width<=640px){aside{display:none!important}.app-container{grid-template-columns:1fr}}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;height:100vh;padding:1.25rem .75rem;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar-logo{color:var(--text-primary);align-items:center;gap:.6rem;padding:.5rem .75rem 1.25rem;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.sidebar-nav-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:.65rem;padding:.7rem .85rem;font-size:.9rem;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-nav-item:hover{background:var(--primary-light);color:var(--primary)}.sidebar-nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.mobile-topbar{background:var(--bg-card);height:60px;-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);z-index:999;justify-content:space-between;align-items:center;padding:0 1.5rem;display:none;position:fixed;top:0;left:0;right:0}@media (width<=640px){.mobile-topbar{display:flex}}