: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)}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f4f9;color:#333}