body{color:#333;background-color:#f0f4f8;margin:0;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.main-layout{justify-content:center;display:flex}.container{background:#fff;border-radius:10px;width:100%;max-width:800px;padding:30px;box-shadow:0 5px 15px #0000000d}.auth-container{max-width:400px;margin-top:50px}.header-nav{border-bottom:2px solid #3498db;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.header-nav>div{gap:5px;display:flex}h1{color:#2c3e50;margin:0}h2{color:#2c3e50;margin-top:0;font-size:1.4em}.help-text{color:#7f8c8d;margin-top:-10px;margin-bottom:15px;font-size:.9em}section{background:#fdfdfd;border:1px solid #eaeaea;border-radius:8px;margin-bottom:35px;padding:20px}.input-group{flex-wrap:wrap;align-items:center;gap:15px;width:100%;margin-bottom:15px;display:flex}input[type=text],input[type=number],input[type=email],input[type=password],select{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;flex:1;min-width:200px;padding:10px;font-size:1rem}button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:6px;flex-shrink:0;padding:10px 20px;font-size:1rem;font-weight:700;transition:background-color .2s}button:hover{background-color:#2980b9}.add-expense-btn{background-color:#f39c12;width:100%}.add-expense-btn:hover{background-color:#d68910}.settle-btn{background-color:#27ae60;width:100%;padding:15px 24px;font-size:1.2em}.settle-btn:hover{background-color:#2ecc71}ul{margin:15px 0 0;padding:0;list-style-type:none}li{background:#f8fafc;border-left:4px solid #3498db;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 15px;display:flex}#expenses-list li{flex-direction:column;align-items:stretch;gap:15px}.cards-list li{cursor:pointer;border-left:6px solid #8e44ad;flex-direction:row;justify-content:space-between;align-items:center;transition:transform .1s,box-shadow .1s}.cards-list li:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.cards-list li strong{margin-bottom:5px;font-size:1.2em}.participants-group{box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;flex-direction:column;align-items:flex-start;width:100%;padding:15px}#expense-participants{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;width:100%;display:grid}.participant-checkbox{background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.participant-checkbox label{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex:1;margin-left:8px;overflow:hidden}.participant-checkbox input[type=number]{width:60px;min-width:60px;margin-left:10px;padding:4px 8px}.debt-item{background:#fef2f2;border-left-color:#e74c3c;justify-content:space-between;align-items:center;padding:12px 15px;font-size:1.1em;display:flex}.debt-grid{flex:1;grid-template-columns:1fr auto auto auto 1fr;align-items:center;gap:15px;display:grid}.debt-item.settled{background:#f0fdf4;border-left-color:#27ae60}.btn-canjear{background-color:#27ae60;margin-left:20px;padding:8px 16px;font-size:.9em}.btn-canjear:hover{background-color:#2ecc71}#settlement-results h3{color:#27ae60;margin-top:20px}.expense-title{color:#2c3e50;margin-bottom:6px;font-size:1.4em;font-weight:800;display:block}.expense-actions{flex-direction:row;justify-content:flex-end;gap:8px;width:100%;display:flex}.expense-actions>button{flex:none;padding:6px 12px;font-size:.9em}.person-actions{gap:5px;display:flex}.modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:400px;padding:25px;box-shadow:0 10px 25px #0003}.tabs-menu{background:#e2e8f0;border-radius:8px;gap:5px;margin-bottom:20px;padding:5px;display:flex}.tab-btn{color:#475569;background-color:#0000;border-radius:6px;flex:1;padding:10px;font-size:1rem;font-weight:700;transition:all .2s}.tab-btn:hover{background-color:#cbd5e1}.tab-btn.active{color:#3498db;background-color:#fff;box-shadow:0 2px 4px #0000001a}.tab-content{display:none}.tab-content.active{display:block}.checkbox-row{flex-direction:row!important;align-items:center!important}.checkbox-row input[type=checkbox]{margin:0 10px 0 0;width:auto!important;min-width:auto!important}.desktop-text{display:inline}.mobile-text{display:none}@media (width<=650px){.desktop-text{display:none!important}.mobile-text{display:inline!important}body{background-color:#fff;padding:0}.container{box-shadow:none;border-radius:0;padding:15px}.header-nav{flex-direction:column;align-items:flex-start;gap:15px}.header-nav>div,.header-nav>button{justify-content:space-between;width:100%;display:flex}input[type=text],input[type=number],input[type=email],input[type=password],select{width:100%;min-width:100%}.input-group{flex-direction:column;align-items:flex-start;gap:10px}.input-group>button{width:100%}#expense-participants{grid-template-columns:1fr}.expense-submit-group{flex-direction:column!important}.debt-item{flex-direction:row;align-items:center;gap:8px;padding:12px 10px}.debt-grid{text-align:left;flex-flow:wrap;align-items:baseline;gap:4px 6px;width:100%;display:flex}.debt-grid>*{text-align:left!important}.debt-item>button{width:auto!important;margin-left:0!important;padding:6px 10px!important;font-size:.85em!important}h1{font-size:1.8em}h2{font-size:1.2em}section{margin-bottom:20px;padding:15px}.tabs-menu{flex-wrap:wrap}.cards-list li{flex-direction:column;align-items:stretch}.cards-list li .group-actions{justify-content:flex-end;margin-top:10px!important}}