.user-setup-container{min-height:100vh;background:#f3f4f6;display:flex;flex-direction:column;padding:1.5rem}.setup-header{text-align:center;color:#111827;margin-bottom:1rem}.setup-header h1{font-size:1.6rem;margin:0;font-weight:600}.setup-main{display:flex;flex-direction:column;align-items:center;gap:1rem;flex:1;justify-content:flex-start;padding-top:.5rem}.users-section{width:100%;max-width:700px;background:#fff;padding:1rem;border:1px solid #e5e7eb}.users-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem;max-height:48vh;overflow-y:auto}.user-row{display:grid;grid-template-columns:48px 1fr 64px;gap:.75rem;align-items:center;padding:.6rem;border:1px solid #e5e7eb;background:transparent}.user-id,.user-name{padding:.2rem .4rem;font-size:.95rem;color:#111827}.delete-user-btn{background:#ef4444;color:#fff;border:none;border-radius:0;padding:.4rem .6rem;cursor:pointer;font-size:.95rem}.add-user-btn{width:100%;padding:.7rem;font-size:1rem;background:#111827;color:#fff;border:none;border-radius:0;cursor:pointer;font-weight:600}.proceed-btn{padding:.8rem 1.6rem;font-size:1rem;background:#111827;color:#fff;border:none;border-radius:0}.top-input{display:flex;gap:.5rem;width:100%;max-width:700px;margin-bottom:.5rem}.name-input-top{flex:1;padding:.6rem;border:1px solid #d1d5db;border-radius:0}.bottom-actions{margin-top:.5rem}.add-expense-container{min-height:100vh;background:#f3f4f6;display:flex;flex-direction:column;padding:1.5rem}.expense-header{text-align:center;color:#111827;margin-bottom:1rem}.expense-header h1{font-size:1.6rem;margin:0;font-weight:600}.expense-main{display:flex;flex-direction:column;align-items:center;gap:1rem;flex:1;justify-content:flex-start;padding-top:.5rem}.expenses-section{width:100%;max-width:800px;background:#fff;padding:1rem;border:1px solid #e5e7eb}.empty-message{text-align:center;color:#999;margin:2rem 0;font-style:italic}.expenses-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.expense-card{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;border:1px solid #e5e7eb;background:transparent}.expense-field{display:flex;flex-direction:column;gap:.5rem}.expense-field label{font-size:.85rem;color:#666;font-weight:600;text-transform:uppercase}.text-input,.select-input,.amount-input{padding:.6rem .7rem;border:1px solid #d1d5db;border-radius:0;font-size:1rem;font-family:inherit}.text-input:focus,.select-input:focus,.amount-input:focus{outline:none;border-color:#9ca3af}.select-input{cursor:pointer}.amount-input-group{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:0}.currency{padding:.5rem .6rem;color:#6b7280;font-weight:600}.amount-input{flex:1;border:none;padding:.7rem .8rem;font-size:1rem;text-align:right;background:transparent}.amount-input::placeholder{color:#ccc}.participants-field{grid-column:1 / -1;display:flex;flex-direction:column;gap:.8rem}.participants-field label{font-size:.85rem;color:#666;font-weight:600;text-transform:uppercase}.checkboxes{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1rem;color:#333}.checkbox-input{width:18px;height:18px;cursor:pointer}.delete-expense-btn{grid-column:1 / -1;padding:.6rem .8rem;background:#ef4444;color:#fff;border:none;border-radius:0;cursor:pointer;font-weight:600}.add-expense-btn{width:100%;padding:.8rem;font-size:1rem;background:#111827;color:#fff;border:none;border-radius:0;cursor:pointer;font-weight:600}.summary-box{display:none}.nav-btn{padding:.8rem 1.2rem;font-size:1rem;border:none;border-radius:0;cursor:pointer;font-weight:600;flex:1;min-width:120px}.back-btn{background:#e5e7eb;color:#111827;border:1px solid #e5e7eb}.next-btn{background:#111827;color:#fff;border:1px solid #111827}.next-btn:disabled{opacity:.5;cursor:not-allowed}.expenses-list{max-height:52vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;margin-bottom:.75rem}.results-container{min-height:100vh;background:#f3f4f6;display:flex;flex-direction:column;padding:1.5rem}.results-header{text-align:center;color:#111827;margin-bottom:1rem}.results-header h1{font-size:1.6rem;margin:0;font-weight:600}.results-main{display:flex;flex-direction:column;align-items:center;gap:1rem;flex:1;justify-content:flex-start;padding-top:.5rem}.summary-card{width:100%;max-width:800px;background:#fff;padding:.8rem;border:1px solid #e5e7eb;display:grid;grid-template-columns:1fr}.summary-stat{text-align:left}.summary-stat label{display:block;color:#6b7280;font-size:.9rem;margin-bottom:.25rem;font-weight:500}.amount{font-size:1.2rem;font-weight:600;color:#111827}.balance-card{display:none}.expenses-detail-card{width:100%;max-width:800px;background:#fff;padding:.8rem;border:1px solid #e5e7eb}.expenses-detail-card h2{margin:0 0 .5rem;color:#111827;font-size:1rem}.expenses-simple-list{display:flex;flex-direction:column;gap:.5rem;max-height:40vh;overflow-y:auto}.expense-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem;border-bottom:1px solid #f3f4f6}.expense-desc{color:#111827}.expense-meta{display:flex;gap:.75rem;align-items:center}.expense-meta .payer{color:#6b7280}.expense-meta .amount{font-weight:600;color:#111827}.settlements-card{width:100%;max-width:800px;background:#fff;padding:.8rem;border:1px solid #e5e7eb}.settlements-card h2{margin:0 0 .5rem;color:#111827;font-size:1rem}.settlements-list{list-style:none;padding:0;margin:0}.settlement-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem;border-bottom:1px solid #f3f4f6}.settlement-item:last-child{margin-bottom:0}.transaction{display:flex;gap:.75rem;align-items:center}.from,.to{font-weight:600;color:#111827}.arrow{color:#6b7280}.settlement-item .amount{font-weight:600;color:#111827}.settled-message{width:100%;max-width:800px;background:#fff;padding:.8rem;border:1px solid #e5e7eb;text-align:center}.settled-message p{font-size:1rem;color:#111827;margin:0;font-weight:600}.button-group{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;width:100%;max-width:800px}.nav-btn{padding:.6rem 1rem;font-size:1rem;border:none;border-radius:0;cursor:pointer;font-weight:600;flex:1;min-width:120px}.back-btn{background:#e5e7eb;color:#111827}.restart-btn{background:#111827;color:#fff}.app-container{width:100%;min-height:100vh;background:#f5f5f5}
