.app-container{max-width:600px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:8px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.card.error-card{border:2px solid #ff6b6b;background-color:#ffe0e0}.card.debts-card{background-color:#fffbf0;border:1px solid #ffc107}h1{color:#333;margin-bottom:16px;text-align:center;font-size:28px}h2{color:#555;margin-bottom:16px;font-size:20px}.group-id{text-align:center;color:#666;font-size:14px;margin-bottom:16px}.group-id code{background-color:#f0f0f0;padding:4px 8px;border-radius:4px;font-family:monospace;font-weight:700}.form{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:8px}label{font-weight:500;color:#333;font-size:14px}.input{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.button-primary{padding:10px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.button-primary:hover{background-color:#45a049}.button-primary:active{background-color:#3d8b40}.button-secondary{padding:10px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s;width:100%}.button-secondary:hover{background-color:#5a6268}.button-share{padding:10px 16px;background-color:#25d366;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;width:100%;margin-top:16px}.button-share:hover{background-color:#1fa855}.button-danger{padding:8px 12px;background-color:#ff6b6b;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s;flex:1}.button-danger:hover{background-color:#ff5252}.button-group{display:flex;gap:10px;margin-top:16px}.transactions-list,.debts-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f9f9f9;border-radius:6px;border-left:4px solid #4CAF50}.transaction-item span:first-child{font-weight:500;color:#333}.amount{font-weight:600;color:#4caf50;font-size:16px}.debt-item{padding:14px;background-color:#fff3cd;border-radius:6px;border-left:4px solid #ffc107;color:#333;line-height:1.6;font-size:15px}.empty-state{text-align:center;padding:40px 20px;color:#999;font-size:18px}@media (max-width: 600px){.app-container{padding:12px}.card{padding:16px}h1{font-size:24px}h2{font-size:18px}.button-group{flex-direction:column}.button-danger{flex:none;width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh}