body{font-family:Arial,sans-serif;background-color:#f3f4f6;height:100vh;margin:0}.form-container{margin:0 auto;width:100%;height:900px;overflow:scroll}.form-box{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:500px;box-sizing:border-box}.form-title{font-size:20px;font-weight:700;color:#333;margin-bottom:15px}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:14px;color:#555;margin-bottom:5px}.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px;color:#333;box-sizing:border-box}.form-group input:disabled{background:#e0e0e0;color:#777;cursor:not-allowed}.search-button{width:100%;background:#4caf50;color:#fff;border:none;padding:10px;border-radius:5px;font-size:16px;cursor:pointer;margin-bottom:10px}.search-button:hover{background:#45a049}.table-container{margin-top:20px}.table-title{text-align:center;margin-bottom:10px}.reffer-table{width:100%;border-collapse:collapse}.reffer-table th,.reffer-table td{border:1px solid #ccc;padding:8px;text-align:left}.reffer-table th{background-color:#eaeaea}.reffer-table tr:hover{background-color:#f1f1f1}.referidos-form{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;width:100%;max-width:400px;margin:10px auto;box-sizing:border-box}.referidos-form h2{font-size:20px;margin-bottom:15px}.referidos-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.referidos-form button{width:100%;background:#d9534f;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;font-size:16px}.referidos-form button:hover{background:#c9302c}@media (max-width: 700px){.form-container{width:90%;margin:0 auto}.form-box{width:100%}}