.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:400px;padding:40px;width:100%}.login-card h2{color:#333;font-size:28px;margin-bottom:8px;text-align:center}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s ease;width:100%}.login-btn:hover:not(:disabled){transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.register-link{color:#666;margin-top:20px;text-align:center}.register-link a{color:#667eea;font-weight:500;text-decoration:none}.register-link a:hover{text-decoration:underline}.register-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:450px;padding:40px;width:100%}.register-card h2{color:#333;font-size:28px;margin-bottom:8px;text-align:center}.subtitle{color:#666;font-size:16px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e1e5e9;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.register-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s ease;width:100%}.register-btn:hover:not(:disabled){transform:translateY(-2px)}.register-btn:disabled{cursor:not-allowed;opacity:.7}.login-link{color:#666;margin-top:20px;text-align:center}.login-link a{color:#667eea;font-weight:500;text-decoration:none}.login-link a:hover{text-decoration:underline}.payment-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.payment-form-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:100%}.payment-form-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.payment-form-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background .2s ease;width:30px}.close-btn:hover{background:#f5f5f5;color:#666}.payment-summary{background:#f8f9fa;border-radius:8px;margin-bottom:25px;padding:20px}.payment-summary h3{color:#333;font-size:18px;font-weight:600;margin:0 0 15px}.payment-summary p{color:#555;font-size:14px;margin:8px 0}.payment-summary strong{color:#333;font-weight:600}.card-element-container{margin-bottom:25px}.card-element-container label{color:#333;display:block;font-weight:500;margin-bottom:8px}.card-element-container .StripeElement{border:2px solid #e1e5e9;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s ease}.card-element-container .StripeElement--focus{border-color:#667eea}.card-element-container .StripeElement--invalid{border-color:#dc3545}.payment-actions{display:flex;gap:15px;justify-content:flex-end}.cancel-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background .2s ease}.cancel-btn:hover{background:#5a6268}.pay-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:transform .2s ease}.pay-btn:hover:not(:disabled){transform:translateY(-2px)}.pay-btn:disabled{cursor:not-allowed;opacity:.7}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:20px;padding:12px}@media (max-width:600px){.payment-form-modal{margin:10px;padding:20px}.payment-actions{flex-direction:column}.cancel-btn,.pay-btn{width:100%}}.dashboard-container{background-color:#f8f9fa;min-height:100vh}.dashboard-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:20px 40px}.user-info h1{font-size:24px;font-weight:600;margin:0}.user-info p{font-size:14px;margin:5px 0 0;opacity:.9}.logout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s ease}.logout-btn:hover{background:#ffffff4d}.dashboard-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:40px}.payment-history-card,.room-info-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px}.payment-history-card h2,.room-info-card h2{color:#333;font-size:20px;font-weight:600;margin-bottom:20px}.room-details p{color:#555;font-size:16px;margin-bottom:12px}.room-details strong{color:#333;font-weight:600}.pay-rent-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:14px 28px;transition:transform .2s ease}.pay-rent-btn:hover:not(:disabled){transform:translateY(-2px)}.pay-rent-btn:disabled{cursor:not-allowed;opacity:.6}.payment-list{max-height:400px;overflow-y:auto}.payment-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 0}.payment-item:last-child{border-bottom:none}.payment-date{color:#666;font-size:14px}.payment-amount{color:#333;font-size:16px;font-weight:600}.status{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.status.completed{background:#d4edda;color:#155724}.status.pending{background:#fff3cd;color:#856404}.status.failed{background:#f8d7da;color:#721c24}@media (max-width:768px){.dashboard-content{grid-template-columns:1fr;padding:20px}.dashboard-header{flex-direction:column;gap:15px;padding:15px 20px;text-align:center}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}.loading{align-items:center;color:#666;display:flex;font-size:18px;height:100vh;justify-content:center}
/*# sourceMappingURL=main.e324c320.css.map*/