@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-color:#0b0f19;--surface-color:#141c2f;--surface-hover:#1e293b;--border-color:#ffffff14;--primary:#10b981;--primary-glow:#10b98126;--secondary:#8b5cf6;--secondary-glow:#8b5cf626;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--success-bg:#10b9811a;--warning-bg:#f59e0b1a;--danger-bg:#ef44441a;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.5;overflow-x:hidden}.app-container{background-color:var(--bg-color);flex-direction:column;max-width:500px;min-height:100vh;margin:0 auto;padding-bottom:90px;display:flex;position:relative}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--border-color);background:linear-gradient(#0b0f19f2,#0b0f19cc);justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.app-title-group{flex-direction:column;display:flex}.app-title{font-family:var(--font-display);background:linear-gradient(135deg,#10b981 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.app-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;font-size:.75rem;font-weight:600}.app-content{animation:fadeIn var(--transition-normal);flex:1;padding:20px}h2{font-family:var(--font-display);align-items:center;gap:8px;margin-bottom:15px;font-size:1.25rem;font-weight:700;display:flex}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:transform var(--transition-normal), border-color var(--transition-normal);margin-bottom:20px;padding:20px;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0000004d}.card:hover{border-color:#ffffff26}.metrics-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px;display:grid}.metric-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:16px;padding:16px;display:flex;position:relative;overflow:hidden}.metric-card:after{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.metric-card.total:after{background-color:var(--info)}.metric-card.recaudado:after{background-color:var(--success)}.metric-card.pendiente:after{background-color:var(--warning)}.metric-icon-wrapper{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.metric-card.total .metric-icon-wrapper{color:var(--info);background-color:#06b6d41a}.metric-card.recaudado .metric-icon-wrapper{color:var(--success);background-color:#10b9811a}.metric-card.pendiente .metric-icon-wrapper{color:var(--warning);background-color:#f59e0b1a}.metric-info{flex-direction:column;display:flex}.metric-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.metric-value{font-family:var(--font-display);color:var(--text-primary);font-size:1.35rem;font-weight:700}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}label{color:var(--text-secondary);font-size:.85rem;font-weight:600}input,select,textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#0b0f1980;outline:none;padding:12px 16px;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.toggle-group{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 0;display:flex}.toggle-label-desc{color:var(--text-muted);font-size:.75rem}.switch{width:48px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#334155;border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(22px)}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:.95rem;font-weight:600;display:flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #059669 100%);color:#fff}.btn-primary:active{transform:scale(.98)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background-color:#1e293b}.btn-secondary:hover{background-color:#334155}.btn-danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.btn-danger:hover{background-color:var(--danger);color:#fff}.btn-group{gap:10px;margin-top:15px;display:flex}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-success{background-color:var(--success-bg);color:var(--success)}.badge-warning{background-color:var(--warning-bg);color:var(--warning)}.badge-danger{background-color:var(--danger-bg);color:var(--danger)}.progress-container{background-color:#ffffff0d;border-radius:9999px;height:8px;margin:10px 0;overflow:hidden}.progress-bar{background:linear-gradient(to right, var(--success), var(--warning));height:100%;transition:width var(--transition-slow);border-radius:9999px}.list-container{flex-direction:column;gap:12px;display:flex}.list-item{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:transform var(--transition-fast), border-color var(--transition-fast);animation:slideIn var(--transition-normal);justify-content:space-between;align-items:center;padding:16px;display:flex}.list-item:hover{border-color:#ffffff1f}.list-item-left{flex-direction:column;gap:4px;display:flex}.list-item-title{font-family:var(--font-display);font-size:.95rem;font-weight:600}.list-item-subtitle{color:var(--text-secondary);font-size:.75rem}.list-item-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.list-item-price{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.bottom-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--border-color);width:100%;max-width:500px;padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));z-index:1000;background:#141c2ff2;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 30px #00000080}.nav-tab{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.nav-tab.active{color:var(--primary)}.nav-tab svg{width:24px;height:24px;transition:transform var(--transition-fast)}.nav-tab.active svg{transform:translateY(-2px)}.nav-tab-label{letter-spacing:.2px;font-size:.65rem;font-weight:600}.filter-tabs{border-radius:var(--radius-sm);background-color:#ffffff0a;gap:4px;margin-bottom:16px;padding:4px;display:flex}.filter-tab{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;flex:1;padding:8px 0;font-size:.8rem;font-weight:600}.filter-tab.active{background-color:var(--surface-color);color:var(--text-primary);box-shadow:0 4px 10px #0003}.search-bar{align-items:center;margin-bottom:16px;display:flex;position:relative}.search-bar input{width:100%;padding-left:44px}.search-bar svg{color:var(--text-muted);width:18px;height:18px;position:absolute;left:14px}.backup-section{gap:10px;margin-top:10px;display:flex}.backup-section button{padding:10px;font-size:.8rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast{color:#fff;z-index:10000;opacity:0;transition:all var(--transition-normal);background-color:#10b981;border-radius:30px;padding:12px 24px;font-size:.9rem;font-weight:600;position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 10px 25px #10b98166}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-state svg{width:48px;height:48px;stroke:var(--text-muted);margin-bottom:12px}.empty-state-text{font-size:.9rem;font-weight:500}