.home-container{display:flex;flex-direction:column;min-height:100vh;max-width:500px;margin:auto;background:#f8f9fa}.home-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;background:#fff;border-bottom:1px solid #e9ecef}.home-header-info h1{margin:0 0 .15rem;font-size:1.4rem;color:#111827}.home-user-email{margin:0;font-size:.82rem;color:#6b7280}.home-logout-btn{background:#f3f4f6;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.88rem;color:#374151;cursor:pointer;transition:background .15s}.home-logout-btn:hover{background:#e5e7eb}.home-content{flex:1;padding:1.5rem}.home-section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#9ca3af;margin:0 0 1rem}.home-services-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.service-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:1.25rem;cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 2px 8px #0000000f}.service-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}.service-card:active{transform:scale(.97)}.service-card-icon{background:#eff6ff;color:#2563eb;border-radius:12px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem}.service-card h3{margin:0 0 .3rem;font-size:.95rem;color:#111827;font-weight:600}.service-card p{margin:0;font-size:.78rem;color:#6b7280;line-height:1.4}.service-card--admin{border-color:#e9d5ff;background:linear-gradient(135deg,#faf5ff,#f5f3ff)}.service-card--admin .service-card-icon{background:#ede9fe;color:#7c3aed}.service-card--admin h3{color:#5b21b6}.home-no-services{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:#9ca3af}.home-no-services p:first-child{font-size:2.5rem;margin-bottom:.5rem}.home-no-services h3{color:#374151;margin:0 0 .5rem}.home-no-services p:last-child{font-size:.88rem;line-height:1.5}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeInOverlay .2s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.confirm-box{background:#fff;border-radius:20px;padding:2rem 1.75rem 1.5rem;width:88%;max-width:340px;box-shadow:0 20px 60px #00000040;text-align:center;animation:slideUpBox .25s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUpBox{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.confirm-icon{font-size:2.5rem;margin-bottom:.75rem}.confirm-message{font-size:.95rem;color:#374151;line-height:1.5;margin:0 0 1.5rem}.confirm-actions{display:flex;gap:.75rem}.confirm-btn{flex:1;padding:.75rem 0;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s ease,filter .15s ease}.confirm-btn:active{transform:scale(.97)}.confirm-btn--cancel{background:#f3f4f6;color:#6b7280}.confirm-btn--cancel:hover{filter:brightness(.95)}.confirm-btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #dc262659}.confirm-btn--danger:hover{filter:brightness(1.08)}.confirm-btn--success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #16a34a59}.confirm-btn--success:hover{filter:brightness(1.08)}.admin-container{display:flex;flex-direction:column;height:100vh;max-width:500px;margin:auto;background:#f8f9fa}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e9ecef}.admin-header h1{margin:0;font-size:1.1rem;font-weight:700;color:#111827}.admin-content{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.admin-section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#9ca3af;margin:0 0 1rem}.admin-users-list{display:flex;flex-direction:column;gap:1rem}.admin-user-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:1.1rem 1.25rem;box-shadow:0 2px 8px #0000000d}.admin-user-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.admin-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-user-info{flex:1;min-width:0}.admin-user-email{display:block;font-size:.88rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-badge{display:inline-block;font-size:.72rem;border-radius:20px;padding:.15rem .6rem;margin-top:.25rem;font-weight:600}.badge--admin{background:#ede9fe;color:#5b21b6}.badge--user{background:#f3f4f6;color:#6b7280}.admin-role-btn{font-size:.78rem;padding:.4rem .75rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;flex-shrink:0;transition:filter .15s}.admin-role-btn:hover{filter:brightness(.92)}.role-btn--promote{background:#ede9fe;color:#5b21b6}.role-btn--demote{background:#fee2e2;color:#dc2626}.admin-permissions{border-top:1px solid #f3f4f6;padding-top:.85rem}.admin-perms-label{font-size:.75rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .6rem}.admin-perm-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0}.admin-perm-name{font-size:.88rem;color:#374151}.admin-toggle{width:44px;height:24px;border-radius:12px;border:none;cursor:pointer;position:relative;transition:background .25s ease;flex-shrink:0}.toggle--on{background:#22c55e}.toggle--off{background:#d1d5db}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.toggle--on .toggle-thumb{transform:translate(20px)}.toggle--off .toggle-thumb{transform:translate(0)}:root{--primary-color: #007bff;--danger-color: #dc3545;--light-gray: #f8f9fa;--medium-gray: #e9ecef;--dark-gray: #6c757d;--text-color: #212529;--card-bg: #ffffff;--card-shadow: 0 4px 6px rgba(0, 0, 0, .1);--border-radius: 12px}body{background-color:var(--light-gray);color:var(--text-color);margin:0;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}.auth-widget{width:100%;max-width:400px;background:var(--card-bg);padding:2.5rem 2rem;border-radius:var(--border-radius);box-shadow:var(--card-shadow)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{margin:0 0 .5rem}.auth-header p{margin:0;color:var(--dark-gray)}.auth-widget button,.auth-widget input{border-radius:8px!important;padding-top:.75rem!important;padding-bottom:.75rem!important}.auth-widget button{background-color:var(--primary-color)!important}.app-container{display:flex;flex-direction:column;height:100vh;max-width:500px;margin:auto;background-color:var(--card-bg)}.app-content{flex-grow:1;overflow-y:auto;padding:1rem 1.5rem}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--medium-gray);background:var(--card-bg)}.app-header h1{margin:0;font-size:2rem}.back-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;margin-left:-.5rem}.button-logout{background:var(--medium-gray);border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer}.planilla-item{background:var(--card-bg);border:1px solid var(--medium-gray);border-radius:var(--border-radius);padding:1rem 1.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:box-shadow .2s}.planilla-item:hover{box-shadow:var(--card-shadow)}.planilla-info h4{margin:0 0 .25rem}.planilla-info p{margin:0;color:var(--dark-gray);font-size:.9rem}.indicadores-container{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.total-acumulado-card{flex:1;background:#fff;padding:1rem;border-radius:var(--border-radius);box-shadow:var(--card-shadow);text-align:center}.total-acumulado-card p{margin:0;color:var(--dark-gray);font-size:.9rem}.total-acumulado-card h2{margin:.25rem 0 0;font-size:1.5rem}.gastos-title{margin-top:2rem;margin-bottom:1rem;color:var(--dark-gray);font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.gasto-item{display:flex;align-items:center;background:#fff;padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem;box-shadow:var(--card-shadow)}.gasto-icon{margin-right:1rem;color:var(--dark-gray)}.gasto-info{flex-grow:1}.gasto-info h4{margin:0 0 .25rem;font-size:1rem}.gasto-info p{margin:0 0 .5rem;font-size:.9rem}.gasto-info span{font-size:.8rem;color:#999}.delete-button{background:#fee2e2;border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--danger-color);box-shadow:var(--card-shadow)}.add-button,.export-button{flex-grow:1;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:1rem;font-size:1rem;font-weight:500;cursor:pointer;box-shadow:var(--card-shadow)}.export-button{background:var(--medium-gray);color:var(--text-color);margin-left:1rem}.app-footer,.app-footer-gastos{padding:1rem 1.5rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--medium-gray);position:sticky;bottom:0;display:flex}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:0 10px 25px #0000001a;width:90%;max-width:400px}.modal-content h3{margin-top:0}.form-widget{display:flex;flex-direction:column;gap:1rem}.form-widget input,.form-widget select{padding:.75rem;border:1px solid var(--medium-gray);border-radius:8px;font-size:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.button-primary,.button-secondary{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer}.button-primary{background:var(--primary-color);color:#fff}.button-secondary{background:var(--medium-gray);color:var(--text-color)}.select-wrapper{position:relative}.select-wrapper:after{content:"▼";font-size:.8rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none}.form-widget select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem}.empty-state{text-align:center;padding:2rem;color:var(--dark-gray)}.form-error-msg{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:.85rem;border-radius:8px;padding:.6rem .85rem;margin:0;text-align:center;line-height:1.4}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f4f9;color:#333}